How to create a single page website using wordpress

Want to learn how to create a one page website in WordPress?

One page websites are easy to create. They can also have higher conversion rates than more complex websites.

In this tutorial, we’ll show you how to create your own website in WordPress.

Can a website be a single page?

Yes, a website can be a single page!

You can divide your one page website into multiple sections. Then you may want to use anchor links to help users navigate to the section they want.

Or you can have just one section, such as an email subscription form. This works especially well if the rest of your website is still under development. The email option can serve as a coming soon page.

Sales pages are often built like one page websites. Not having external links to distract the customer can help conversion rates. It is also an opportunity to showcase the specific branding of the offer.

What to include on your one page website

A one page website can have all the parts of a site multi-page website.

For a one-page website about your business, you want to have the following sections:

Header

This is the first thing they see people when they visit your single page website. You’ll want to include your company name here, as well as a quick overview of what you do.

Example of a full page header on a one page website

About

The About page is a of the most… pages viewed on a larger website. So make sure you include an About section on your one page website.

Use the About section to share a little about yourself. This is also a great place to show that you truly understand your customers’ needs.

The About section shouldn’t just be about you. You should explain how your business can help the reader.

Avoid these common conversion-killing mistakes in your About section.

Example of an about section on a one page WordPress website

Services/ Products

Now, you can talk about your offer in more detail.

If you sell a service, explain what you can do for the reader. Focus on the benefits your service will bring, not all the details about scheduling or payment. (That part comes later!)

If you’re selling a product, show images of the product. Again, don’t just list features. Talk about how each feature can help the reader get what they want.

Example of a services section on a one page WordPress website

Social Proof

Buyers make decisions based primarily on their emotions. Some powerful emotions you can appeal to are trust and belonging.

Social proof is a way of showing that other people like your service or product. Some examples of social proof include product reviews, testimonials, case studies, mentions in the media, or industry awards.

A visitor reading a review may decide that she wants the same result. They will then imitate the person who wrote the review and buy your product.

A potential customer might see that your work was featured in a popular magazine. Then they may want to share some of that cachet by hiring your award-winning company.

Learn how to harness the power of social proof with TrustPulse.

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

Call to Action

You want visitors to do something before they leave your one-page website. So be sure to include a call to action.

Maybe that action is buying your product or booking your service. In that case, you can include a button to buy or schedule.

Or maybe you want them to follow you on social media or share one of your posts. You can use Smash Balloon to display shareable social media content on your one page website.

Example of a CTA section on a WordPress one page website

Contact Information

A visitor may not be ready to follow your call to action yet. Or they want to do something different, like ask a question.

Include your contact information so potential customers can get in touch with you.

A fillable contact form makes it easy for visitors get their questions answered.

See Also:  How to Create a Social Media Network Site Like Facebook: The Success Story

Example of a contact section on a WordPress one page website

Before you build your one page website

We know you’re eager to learn how to build a website of a page in WordPress.

But before you start, you need to make sure you have everything you need.

Just as it’s easier to cook a meal when you have all the ingredients available and measured, it’s much easier to create a one-page website when you have all the parts ready to go.

You want to have the following things:

  • Brand: Decide ahead of time what colors and fonts you will use. Have your logo ready too if you have one.
  • Images: Save images of any products or brands you want to use in a specific folder.
  • Text: Write what you’re going to say in each section of your one-page website.
  • Email List: If you plan to have a subscription form make sure you have an account with an email service provider like Mailchimp or ConvertKit.

How to Build Your WordPress One Page Website

You are now ready to build a one page WordPress website. In just 6 steps, you’re done!

Step 1: Sign Up for Hosting

First, you want to sign up for web hosting and a domain name.

Web hosting is like the dirt you build your website on. A domain name is like an email address that tells people how to find your one page website.

We recommend Bluehost for hosting because they also offer a free domain name.

If you need ideas for your domain name, try using Nameboy, the best domain name generator.

Step 2: Install SeedProd

The next step is to install the SeedProd plugin. .

The easiest way is to use the plugin search to install the free version of SeedProd.

Search for SeedProd. Then click Install. Finally, click Activate.

The wordpress plugin directory with SeedProd selected

You can upgrade to SeedProd Pro to create themes, collect emails and access other growth tools.

Step 3: Create a new landing page

You now have a new option in your WordPress admin area. First, click on SeedProd » Landing Pages. Then click the Create a new landing page button.

Since every one page website is different, we are going to use the Blank Template . We promise to show you all the steps!

A window will appear. Fill in the name of your page. Don’t worry, you can change this later if you need to!

Add a new landing page with SeedProd

Click Save and start editing the page.

Step 4 : Create Your One Page Website

You are now in the SeedProd Builder.

Global Settings

First, we will customize the settings global. This allows you to set fonts and colors for the entire page. You want your branding to look consistent across your entire one page website.

Click the gear icon in the bottom left menu to open Global Settings.

Global settings icon in SeedProd

Select the header font and body text font from the dropdown menus.

 SeedProd Global Fonts Settings

You can also click Font Themes to see some recommended font combinations.

Next, let’s choose your global colors.

Global settings colors in SeedProd

You can directly click on the color preview to adjust the color color. Or you can click the pencil icon that appears when you hover over each setting.

Like fonts, click Color Palettes to see color schemes premade.

Adding a section

In the builder on the right side of the screen, you can choose your layout. We recommend a 1 column layout to keep your one page website simple and easy to navigate.

Select a section layout in SeedProd

This will create a new section and a new row. Sections are outlined in purple when you hover over them. Rows are outlined in blue. You can add multiple rows in a single section. Each row can also have a different number of columns. Again, we recommend 1 or 2 column layouts to make your website user friendly, especially on mobile devices.

See Also:  Which Gold Coin to Buy for Investment: The Top 5 Options

Select a row layout in SeedProd

You can change the background color of the section by clicking on the section outlined in purple.

Click the color preview for Background Color to adjust the color.You can choose from the global colors you chose above.

Change Section Color in SeedProd

Adding Blocks

Blocks are the individual elements of your one page website. You can always access your Blocks by clicking the dotted icon in the upper right corner of the editing panel.

How to Make a One Page WordPress Website With SeedProd Blocks

The blocks you need will depend on the section you are building. Here are our recommendations:

  • About section: Use the Title, Text, Video and Image blocks to tell the story of the origin of your company.
  • Services/Products section: Use the headline, text, image, image carousel or price table blocks to share your offers. li>
  • Social Proof Section: Use the Testimonials, Facebook Comments or Twitter Embed Timeline Blocks to show what other people have to say about your business. li>
  • Call to Action Section: Invite visitors to join your email list with the Subscription Form block, or include a Button block that leads to your booking or purchase page.
  • Contact us section: Include your contact information in a text block or add a contact form block for people to communicate directly.

Step 5: Add Anchor Links

With all your content on the same page, it’s very important to have a shape to browse your page. Fortunately, SeedProd makes it very easy with Anchor and Navigation MenuBlocks.

First, we’ll add the anchors. Anchors are invisible blocks that name a section of your one page website. Find the Anchor Block under Advanced Blocks.

Drag it to the section you want to name. It doesn’t matter where you put it because it won’t appear when visitors view your page.

Click the anchor block in the live builder and enter a section name in the field provided.

Set a name for the anchor block

Add an anchor block for each section you want to be able to link to.

Next, we’ll add the navigation menu. We recommend putting this at the top of your one page website. This allows visitors to immediately jump to the part they want to read.

Find the Menu Navigation block under Advanced Blocks.

Add a navigation menu block in SeedProd

Drag it to the section where you want your menu.

Click the Navigation Menu block in the live builder. This will open the menu settings.

 Select the navigation menu you just added in SeedProd

Click on the sample link automatically generated by SeedProd. Instead of a full URL, you’ll put the anchor name for the first section you want to link to. Add a hashtag or the pound sign # in front of the anchor name. It should look like this:

Add a link to anchor

Repeat this process for all the anchors you created earlier.

Click the Advanced tab. Here you can customize the appearance of the navigation menu. Depending on your one page website layout, you may want the navigation menu to be horizontal or vertical. Play around with it until you get something you like!

Step 6: Add Your Call To Action (CTA)

Your Call To Action (CTA) Is An Important Part of your website SeedProd page makes it easy to add a variety of CTAs. We’ll go over two of the most common: contact form and subscription form.

Contact Form

Find the Contact Form block under Advanced Blocks.

Drag it to the section where you want it to appear.

You will be asked if you want to install WPForms. It is a free form builder plugin. So go ahead and click Install WPForms.

Install WPForms for use within SeedProd

The plugin will take just a few seconds to install.

Click + New Form in the editing panel.

The WPForms window will appear. Choose a template or create a blank form. We recommend the Simple Contact Form template. You can customize it further in the next step.

Select WPForms Template

Click a field to customize it or click the Add Fields tab to add more fields. You can use the ” Message ” field title to remind visitors how you can help them.

Change form fields in WPForms

Click Save and then the X button to exit the WPForms window.

Your contact form is now on your one page website!

Subscription Form

SeedProd may collect email addresses for you. SeedProd’s subscriber feature or one of the many email marketing integrations.

Click the Connect tab at the top of the builder.

Connect email marketing service in SeedProd

Choose your email marketing service and click Connect.

Click Connect New Account. Follow the instructions. You will probably need to log in to your email marketing service to get the API keys.

Click Save Integration Details.

Back to Design tab.

Find the Subscription Form block under Advanced Blocks.

Drag it to the section where you want it to appear.

Click on the Subscription Form block to customize the settings. You’re now connected to your email marketing service, so you’re ready to collect emails on your one page website!

One Page WordPress Website Examples

Open Door Design

Open Door Design’s clean and simple color scheme makes the portfolio really shine. Anchor links take you through the team structure, company values, work samples, and job postings. The one page website ends with a contact form. Interestingly, many of the links lead to the company’s Medium blog.

Aprile

Aprile’s one-page website takes the visitor on a journey through the month of April. Interactive elements add visual interest and also hide information until the viewer is ready. The call to action is an exclusive opportunity to purchase the limited edition product.

Always Creative

The Always Creative home page is a beautiful example of a one page website for agencies. Anchor links in the sticky navigation make it easy to jump from your portfolio to descriptions of your services and more. A simple contact form invites visitors to communicate.

All N 1 House of Beauty

The All N 1 House of Beauty salon is impressive proof that the one page website formula it’s anything but boring. The full-screen introduction section has a button that invites users to scroll down to learn more about the salon’s staff, services, and portfolio.

The Bancroft

A Restaurant like The Bancroft needs their one page website to do one thing: get people in the door. Large photos of the food and restaurant space tempt visitors to keep scrolling. The interactive menu then teases diners about what they might have for their next meal. The bottom of the page is simply the restaurant’s location, hours, and contact information.

Is it better to have a one-page website or multiple pages?

The The answer depends on your business needs.

A one page website can help visitors stay focused. With just one page for search traffic to land on, your website can climb search rankings faster.

One-page websites can be easier to optimize for mobile devices. With just one page, you can really optimize the speed and performance of your WordPress site.

One page websites are good for businesses with only one main service or product to promote. One-page WordPress websites are also ideal for local businesses that simply need to drive people to a physical location.

You’ll need multiple pages for more complex businesses, such as e-commerce sites, blogs, or publishing .

p>

Creating a One Page WordPress Website

All set! You now know how to create a one page website in WordPress.

If you want to add a Coming Soon page while creating your new website, check out our tutorial here. You can also read more about other drag and drop builders.

What are you waiting for? Get started with SeedProd to build your one page website.

.

See Also:  How to create a personal blog account on instagram

Leave a Reply

Your email address will not be published. Required fields are marked *