A one-page website provides all of the standard information of a website on a single webpage. They’re best for those looking to showcase business information quickly and concisely in an easily navigable format. Learning how to build a one-page website is easy. First, register for web hosting and pick a domain name. Then, install WordPress. Next, choose and customize a one-page theme, and lastly, publish your site. Before you begin, check out the best one-page website examples for design inspiration.
Here’s how to easily make a one-page website with WordPress in five steps:
1. Get Web Hosting
Finding a web host is the critical first step to launching a one-page website; hosting providers store a business’ website files on third-party servers, made accessible via a domain such as www.yourbusiness.com. There are many web hosting providers to choose from, so to make it easy, we recommend Bluehost. Domain names are free with Bluehost plans, so find and select an available domain name, select your hosting plan, and complete the registration process.
Pick Your Domain Name
A domain name is a business’ address on the internet, such as www.yourbusiness.com. Domain names can be purchased through a domain name registrar for around $12 to $14 per year. However, you can get a free domain name as part of a web hosting package through a provider like Bluehost. To pick one, enter your desired domain name in the widget below. If it’s available, click “next.” If not, search for alternatives. For tips, read our article on picking a domain name.
Sign Up for Hosting
After you find a suitable domain name, Bluehost will prompt you to enter your account information, including name, address, phone number, and email address. Be sure to enter all required information, omitting optional information (like “business name”) as desired.
In the “package information” section, below “account information,” use the “Account Plan” drop-down menu to select your web hosting plan. There are different plans to choose from based on your hosting needs. Compare the plans and inclusions below to choose the plan that’s right for you.
Below the “package information” section, you will be offered additional add-ons to choose from. These include Domain Privacy Protection, SiteLock Security, Codeguard Basic, Bluehost SEO Tools, and a Microsoft 365 trial. These are optional, but it’s recommended that you choose Domain Privacy Protection to keep your registration information private. Select any add-ons you would like, then complete your payment information. Click “submit” to complete your order.
2. Install WordPress
After purchasing web hosting through Bluehost, you will be brought to your Bluehost account dashboard. Now it’s time to begin the process of building your one-page website. While there are many ways to build a one-page website, including drag-and-drop builders like Weebly and Squarespace, we recommend WordPress for its versatility and customization options. To get started, click the “Log in to WordPress” button from your Bluehost dashboard.
Next, you will be prompted to choose a password, and then you will be brought to the WordPress dashboard. Your WordPress account has been created and your domain name has been automatically connected to your WordPress account.
3. Choose & Install a One-page Website Theme
WordPress themes are predesigned templates that allow non-tech-savvy site creators to easily add and adjust content to create a professional-looking website. To find and install a one-page theme, go to “Appearance” from the left-hand menu in your WordPress dashboard and click “Themes.” Then, click “Add New” from the top of the page and search “one page” in the search bar on the left-hand side of the screen.
Scroll through themes and look for ones that most closely match the design you want for your site. When you find a theme that you want to use, hover over the theme and click “Install.”
After your theme has been installed, the “Install” button will change to “Activate.” Click “activate” to enable the theme. Now, your site will look like your chosen theme and is ready to be customized to suit your business.
4. Customize Your One-page Website Theme
To customize your theme, start by outlining your webpage content. Once you know exactly what you want to include on your one-page website, add your business’ logo, sections, images, and text. Finally, add a compelling call to action to increase engagement.
Outline Your Page Content
A one-page website includes multiple sections that showcase different facets of your business; visitors read these sections from top to bottom as they scroll down your homepage. Before you build your one-page website, create an outline of what you want to add, being sure to include both informational and marketing-driven elements like products, services, testimonials, images, and contact information.
Here are the nine most common elements of a one-page website:
- Hero image: This is the main image that displays above the fold on a one-page website. For the biggest impact, use full-width images with text overlay that showcases your brand or a featured product or service.
- Logo: Your logo is key to consistent branding on your website. It is typically included in the header, but can also appear in the footer. Make sure the logo image you use is high resolution to ensure it is clear for all site visitors.
- About: Briefly describe your business to give visitors a better sense of “who” your business is and what it is about. People are more likely to do business with companies they feel they know, so it helps to include information from your brand story to staff bios.
- Products, services, or menu: Showcase your products, service list, or menu to give visitors more information about your business and what they can expect from it.
- Image gallery: Include additional photographs of your products, menu items, location, or team members to give visitors a better understanding of your business as well as your products and services. If you have many images, try using an image slider to reduce the amount of space your gallery uses on your webpage.
- Testimonials: People are more likely to become a customer when they hear positive reviews from other customers. If you have reviews, consider adding testimonials to your site to add social proof and credibility.
- CTA: Your call to action (CTA) is the action you want visitors to take; this can be anything from placing a call or making a reservation to signing up for a free seminar. Include a call to action (CTA) to give your site visitors a way to engage with you.
- Contact information: Provide your visitors with a way to get in touch with you. Include a section that displays contact information, such as your email address, phone number, and mailing address. This information is commonly placed in a site’s footer.
- Social media links: Give your visitors a way to find you on social media by including social media icons with direct links to your profile pages. These are commonly placed in a site’s header or footer.
Once you have an outline, you will know all of the materials needed to complete your site. Assemble these materials—including logo, text, images, staff biographies, videos, testimonials, product information, and any other required elements—and have them ready so you can quickly build your one-page website.
Add Your Logo
Begin customizing your webpage by adding your company logo. This will be part of your site header. From the WordPress dashboard, go to “Appearance” in the left-hand menu, and select “Header.” In the drop-down menu that appears, select “Header” from the options. Next, click “Logo” from the options that appear in the next menu.
Next, click the “Select logo” button to upload your own logo. Find and select your logo from your computer files. To save changes, click “Publish” in the upper right-hand corner of the screen.
Be sure that your logo is professional and high quality. If you don’t already have a quality logo, visit Fiverr to find a professional logo designer. Their graphic design experts can design a logo for you for as little as $5.
Add Content Blocks, Media & Copy
Your small business website consists of sections, or blocks, that are made up of text and media. To add the sections and site content that you outlined, go to “Pages” from your WordPress dashboard. You should only have one page listed—your homepage. Hover over your homepage and select “Edit.”
After clicking the “Edit” button, you will be brought to a new screen where you can customize your webpage. Hover over the area below your page title (i.e., “Home”) to view elements you can add to a content block, such as text, media, or an image gallery. You can also click the “+” symbol to the left to open and add more of these content blocks.
Add and customize content blocks so that your page includes all elements and features from your outline. The easiest way to customize your WordPress theme is by using a site builder plugin that lets you edit your site in a drag-and-drop interface. You can click “Preview” from the upper right-hand side of the screen to see how your changes will appear.
Customize Your Call to Action
The last step in designing an effective one-page website is to add your call to action (CTA). This keeps visitors engaged by giving them the opportunity to sign up for a free trial, a newsletter, or otherwise interact with your company.
To create your CTA, add a button image to your homepage using your drag-and-drop editor. Link this to your desired action—a sign-up for an online store, for example—by highlighting the button and clicking on the link button in the menu that pops up. Add the destination website address and hit “Enter.” When finished, click the “Publish” button in the upper right-hand corner of the screen to save changes.
5. Launch Your One-page Website
Now you are ready to launch your website. To do this, go back to your WordPress dashboard and click “Bluehost” from the left-hand menu. Next, click the “Launch your site” button. Your site will now be live. To make sure it looks right, navigate to your domain and examine each section you created. If anything is incorrect, you can easily click the “Edit Page” button at the top of the browser window to return to the WordPress edit screen.
Frequently Asked Questions (FAQs)
What is the easiest way to build a one-page website?
WordPress provides a good deal of versatility and is perfect for growing businesses; however, it is not the easiest way to build a one-page website. Instead, consider drag-and-drop website builders such as Weebly or Squarespace. Both have many templates to choose from and require zero coding or technical knowledge.
Is a one-page website a landing page?
A landing page is a type of one-page website. The difference is that landing pages are typically used in conjunction with digital advertisements, such as Google Ads or Facebook Ads, and are designed to promote a single product or service.
How much does it cost to build a one-page website?
The cost to build a one-page website will vary based on the platform you choose to build your site on. For example, it is free to build a site on WordPress. However, WordPress sites involve additional expenses such as web hosting ($2.95 per month with Bluehost), premium themes, and plugins. A site built on Weebly includes access to its drag-and-drop editor, free connection to your own domain name, web hosting, and more for $5 per month.
The Bottom Line: How to Create a One-page Website
One-page websites provide all business information—including history, mission, about us, and product details—on a single page. This allows users to find information quickly and ensures site owners don’t have to spend a lot of time on web development. To set up your own one-page website, secure hosting, create a WordPress account, find and choose a fitting theme, customize your theme, and publish your site.
You Might Also Like…
- See how you can transform WordPress into a drag-and-drop builder with one of the best site builder plugins.
- Looking for an easier way of building a one-page website? Opt for one of the best website builders instead.
- Don’t let your new site collect dust, use these website marketing strategies to gain visibility and traffic.