Tuesday, December 6, 2022
HomeEmail MarketingMethods to Make a One Web page Web site in WordPress (Step...

Methods to Make a One Web page Web site in WordPress (Step by Step)


Do you wish to discover ways to make a one web page web site in WordPress?

One web page web sites are easy to construct. They’ll even have greater conversion charges than extra advanced web sites.

On this tutorial, we are going to present you methods to make your personal web site in WordPress.

Can a Web site Be One Web page?

Sure, an internet site generally is a single web page!

You possibly can divide your one web page web site into a number of sections. Then chances are you’ll wish to use anchor hyperlinks to assist customers navigate to the part they need.

Or you’ll be able to have only one part, comparable to an e-mail optin kind. This works particularly effectively if the remainder of your web site remains to be below growth. The e-mail optin can function a coming quickly web page.

Gross sales pages are sometimes constructed as one web page web sites. Having no exterior hyperlinks to distract the shopper might help conversion charges. It’s additionally a chance to indicate off offer-specific branding.

What to Embody in Your One Web page Web site

A one web page web site can have all of the elements of a multipage web site.

For a one web page web site about your online business, you wish to have the next sections:

Header

That is the very first thing individuals see after they go to your one web page web site. You’ll wish to embody your online business title right here in addition to a fast overview of what you do.

Example of a full page header on a one page website

About

The About web page is without doubt one of the most-visited pages on a bigger web site. So that you wish to ensure that to incorporate an About part in your one web page web site.

Use the About part to share a bit about your self. That is additionally an important place to indicate that you just actually perceive your buyer’s wants.

The About part mustn’t simply be about you. You need to clarify how your online business might help the reader.

Keep away from these widespread conversion-killing errors in your About part.

Example of an about section on a one page WordPress website

Providers/Merchandise

Now, you’ll be able to to speak about your supply in additional element.

Should you promote a service, clarify what you are able to do for the reader. Give attention to the advantages your service will convey, not all the small print about scheduling or cost. (That half comes later!)

Should you promote a product, present footage of the product. Once more, don’t simply checklist the options. Speak about how every characteristic might help the reader get what they need.

Example of a services section on a one page WordPress website

Social Proof

Consumers make selections primarily based totally on their feelings. Some highly effective feelings you’ll be able to enchantment to are belief and belonging.

Social proof is a option to present that different individuals like your service or product. Some examples of social proof embody product evaluations, testimonials, case research, media mentions or trade awards.

A customer who reads a overview would possibly determine that they need the identical consequence. Then they may imitate the one that wrote the overview and buy your product.

A possible consumer would possibly see that your work was featured in a well-known journal. Then they could wish to share a few of that status by hiring your award-winning enterprise.

Learn to leverage the ability of social proof with TrustPulse.

Example of a social proof section on a one page WordPress website

Name to Motion

You need guests to do one thing earlier than they depart your one web page web site. So ensure that to incorporate a name to motion.

Perhaps that motion is shopping for your product or reserving your service. In that case, you’ll be able to embody a button to purchase or schedule.

Or maybe you need them to observe you on social media or share one in all your posts. You possibly can use Smash Balloon to show shareable social media content material in your one web page web site.

Example of a call to action (CTA) section on a one page WordPress website

Contact Data

A customer will not be able to observe your name to motion but. Or they wish to do one thing totally different, like ask a query.

Embody your contact data in order that potential clients can attain you.

A fillable contact kind makes it simple for guests to get their questions answered.

Example of a contact section on a one page WordPress website

Earlier than You Construct Your One Web page Web site

We all know you’re desperate to discover ways to make a one web page web site in WordPress.

However earlier than you get began, you could be sure you have every part you want.

Simply because it’s simpler to cook dinner a meal when you’ve gotten all of the elements out there and measured, it’s a lot simpler to construct a one web page web site when you’ve gotten all of the elements able to go.

You wish to have the next issues:

  • Branding: Determine forward of time what colours and fonts you’ll use. Have your brand prepared as effectively when you’ve got one.
  • Photographs: Save any product or model pictures you wish to use right into a specified folder.
  • Copy: Write out what you’re going to say in every part of your one web page web site.
  • E-mail checklist: Should you’re planning to have an e-mail optin kind, be sure you have an account with an e-mail service supplier like Mailchimp or ConvertKit.

Methods to Construct Your One Web page Web site in WordPress

Now you’re able to construct a one web page WordPress web site. In simply 6 steps, you’ll be performed!

Step 1: Signal Up for Internet hosting

First, you need to enroll in hosting and a site title.

Internet hosting is just like the land you construct your web site on. A website title is just like the mailing deal with that tells individuals methods to discover your one web page web site.

We suggest Bluehost for internet hosting as a result of additionally they supply a free area title.

Should you want concepts to your area title, strive utilizing Nameboy, the very best area title generator.

Step 2: Set up SeedProd

The following step is to put in the SeedProd plugin.

The best approach is to make use of the plugin search to put in the free model of SeedProd.

Seek for SeedProd. Then click on Set up. Lastly, click on Activate.

The wordpress plugins directory with SeedProd selected

You possibly can improve to SeedProd Professional to construct themes, accumulate emails, and entry different progress instruments.

Step 3: Create a New Touchdown Web page

You now have a brand new possibility in your WordPress Admin space. First, click on on SeedProd » Touchdown Pages. Then, click on on the button Create a New Touchdown Web page.

Create Landing Page

As a result of each one web page web site is totally different, we’re going to make use of the Clean Template. We promise to indicate you all of the steps!

A window will pop up. Fill in your web page title. Don’t fear, you’ll be able to change this later if you could!

Adding a new landing page with SeedProd

Click on Save and Begin Enhancing the Web page.

Step 4: Construct Your One Web page Web site

You are actually within the SeedProd Builder.

International Settings

First, we are going to customise the worldwide settings. This lets you set fonts and colours for the whole web page. You need your branding to look constant all through your one web page web site.

Click on on the gear icon on the underside left menu to convey up International Settings.

Global settings icon in SeedProd

Choose your header font and physique textual content font from the dropdown menus.

Setting the global fonts in SeedProd

You can too click on on Font Themes to see some really useful font pairings.

Subsequent, we’re going to select your world colours.

Setting global colors in SeedProd

You possibly can click on instantly on the colour preview to regulate the colour. Or you’ll be able to click on on the pencil icon that seems if you mouse over every setting.

Identical to the fonts, click on on Coloration Palettes to see premade shade mixtures.

Add a Part

Within the builder on the proper aspect of the display screen, you’ll be able to select your format. We suggest a 1-column format to maintain your one web page web site easy and straightforward to navigate.

Selecting a section layout in SeedProd

This may create a brand new part in addition to a brand new row. Sections are outlined in purple if you mouse over. Rows are outlined in blue. You possibly can add a number of rows in a single part. Every row can even have a special variety of columns. Once more, we suggest 1- or 2-column layouts to maintain your web site simple to make use of, particularly on cellular.

Selecting a row layout in SeedProd

You possibly can change the part background shade by clicking on the part outlined in purple.

Click on on the colour preview for Background Coloration to regulate the colour. You possibly can select from the worldwide colours you selected earlier.

Change the section color in SeedProd

Add Blocks

Blocks are the person components of your one web page web site. You possibly can at all times entry your Blocks by clicking on the icon of dots within the higher proper nook of the modifying panel.

How to make a one page website in WordPress with SeedProd blocks

The blocks you want will rely on what part you’re constructing. Listed below are our suggestions:

  • About part: Use the Headline, Textual content, Video, and Picture Blocks to inform your online business origin story.
  • Providers/Merchandise part: Use the Headline, Textual content, Picture, Picture Carousel, or Pricing Desk Blocks to share your provides.
  • Social Proof part: Use the Testimonials, Fb Feedback, or Twitter Embed Timeline Blocks to indicate what different individuals should say about your online business.
  • Name to Motion part: Invite guests to affix your e-mail checklist with the Optin Type block, or embody a Button block resulting in your reserving or buy web page.
  • Contact part: Embody your contact data in a Textual content Block or add a Contact Type block for individuals to succeed in out instantly.

Step 5: Add Anchor Hyperlinks

With all your content material on the identical web page, it’s crucial to have a option to navigate your one web page. Luckily SeedProd makes this very simple with the Anchor and Nav Menu Blocks.

First, we are going to add the anchors. Anchors are invisible Blocks that title a piece of your one web page web site. Discover the Anchor Block below Superior Blocks.

Anchor Block

Drag it into the part that you just wish to title. It doesn’t matter the place you set it as a result of it won’t present up when guests see your web page.

Click on on the Anchor Block within the stay builder and enter a piece title within the indicated subject.

Set a name for the anchor block

Add an anchor block for every part that you really want to have the ability to hyperlink.

Subsequent, we are going to add the navigation menu. We suggest placing this on the high of your one web page web site. This lets guests instantly bounce to the half they wish to learn.

Discover the Nav Menu block below Superior Blocks.

Add a nav menu block in SeedProd

Drag it into the part the place you need your menu.

Click on on the Nav Menu block within the stay builder. This may pull up the menu settings.

Select the nav menu you just added in SeedProd

Click on on the pattern hyperlink routinely generated by SeedProd. As a substitute of a whole URL, you’ll put the anchor title for the primary part you wish to hyperlink to. Add a hashtag or pound signal # in entrance of the anchor title. It ought to appear like this:

Add a link to the anchor

Repeat this course of for all of the anchors you made earlier.

Click on on the Superior tab. Right here you’ll be able to customise the looks of the nav menu. Relying in your one web page web site design, it’s your decision the nav menu to be horizontal or vertical. Mess around with it till you get one thing you want!

Step 6: Add Your Name To Motion (CTA)

Your name to motion (CTA) is a vital a part of your one web page web site. SeedProd makes it simple so as to add quite a lot of CTAs. We’ll go over two of the commonest: contact kind and optin kind.

Contact Type

Discover the Contact Type block below Superior blocks.

Drag it into the part the place you need it to look.

You’ll be requested if you need to put in WPForms. It’s a free kind builder plugin. So go forward and click on Set up WPForms.

Install WPForms to use within SeedProd

The plugin will take only a few seconds to put in.

Click on + New Type within the modifying panel.

The WPForms window will seem. Select a template or create a clean kind. We suggest the Easy Contact Type template. You possibly can customise it extra within the subsequent step.

Select WPForms template

Click on on a subject to customise it or click on the Add Fields tab to place extra fields in. You should use the “Message” subject title to remind guests of how one can assist them.

Change form fields in WPForms

Click on Save after which the X button to exit the WPForms window.

Your contact kind is now in your one web page web site!

Optin Type

SeedProd can accumulate e-mail addresses for you. You should use SeedProd’s subscriber characteristic or one of many many e-mail advertising integrations.

Click on on the Join tab on the high of the builder.

Connect email marketing service in SeedProd

Select your e-mail advertising service and click on Join.

Click on Join New Account. Comply with the instructions. You’ll in all probability should log into your e-mail advertising service to get the API keys.

Click on Save Integration Particulars.

Return to the Design tab.

Discover the Optin Type block below Superior blocks.

Drag it into the part the place you need it to look.

Click on on the Optin Type block to customise the settings. It’s already related to your e-mail advertising service, so that you’re prepared to gather emails in your one web page web site!

One Web page WordPress Web site Examples

Open Door Design

ezgif 4 9a8903c10d min

The clear, easy shade scheme of Open Door Design lets the portfolio actually shine. Anchor hyperlinks take you thru the staff construction, firm values, work samples, and job postings. The one web page web site ends with a contact kind. Curiously, most of the hyperlinks result in the agency’s Medium weblog.

Aprile

ezgif 4 cb5d805576 min

Aprile’s one web page web site takes the customer on a journey by way of the month of April. Interactive components add visible curiosity, and likewise conceal data till the viewer is prepared. The decision to motion is an unique alternative to purchase the restricted version product.

At all times Inventive

ezgif 4 709b29c0a5 min

At all times Inventive’s homepage is a stunning instance of a one web page web site for businesses. The anchor hyperlinks within the fastened navigation make it simple to leap from their portfolio to their service descriptions and extra. A easy contact kind invitations guests to succeed in out.

All N 1 Home of Magnificence

AllN1HOB compressed min

The salon All N 1 Home of Magnificence is gorgeous proof that the one web page web site method is something however boring. The fullscreen introduction part has a button inviting customers to scroll down for extra details about the salon’s employees, companies, and portfolio.

The Bancroft

ezgif 4 7c3ac372b1 min

A restaurant like The Bancroft wants its one web page web site to do one factor: get individuals within the door. Giant photographs of the meals and restaurant area tempt guests to maintain scrolling. Then the interactive menu teases diners about what they might have for his or her subsequent meal. The tip of the web page is solely the restaurant’s location, hours, and get in touch with data.

Is It Higher to Have a One Web page Web site or A number of Pages?

The reply is dependent upon your online business wants.

A one web page web site might help guests keep targeted. With just one web page for search visitors to land on, your web site might be able to climb the search ranks quicker.

One web page web sites might be simpler to optimize for cellular. With just one web page, you’ll be able to actually optimize your WordPress web site’s velocity and efficiency.

One web page web sites are good for companies with only one principal service or product to advertise. One web page WordPress web sites are additionally nice for native companies that merely must get individuals right into a bodily location.

You’ll want a number of pages for extra advanced companies comparable to eCommerce websites, blogs, or publications.

Constructing a One Web page WordPress Web site

All performed! Now you understand how to make a one web page web site in WordPress.

If you wish to add a Coming Quickly web page whilst you construct your new web site, try our tutorial right here. You can too learn extra about different drag and drop builders.

What are you ready for? Get began with SeedProd to construct your one web page web site.

Jennifer Duann Fultz

Printed by Jennifer Duann Fultz

Jennifer Duann Fultz is a content material author and course creator. She has a ardour for serving to small companies develop sustainably and ethically. In her spare time, Jennifer enjoys writing fiction, cooking, and exercising.



RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments