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. To build your own, register for web hosting, pick a domain name, choose and customize a one-page theme, and publish your site.
Before you can start building your one-page website, however, you need a reliable web host. Bluehost is the perfect solution for most small businesses—and the one we’ll be using throughout this article—because it offers WordPress-friendly hosting, 99.9% uptime, plus a bunch of extras like a free domain and an SSL certificate for just $2.95/month. Get started with Bluehost today.
Here’s how to make a one-page website in five steps:
1. Choose a Domain Name & 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. Complete the One-click WordPress Installation
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 Your One-page 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 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 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 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.
5 One-page Website Examples & Themes
One-page websites serve as marketing tools that can build brand awareness and generate leads for small businesses. When used effectively, they use little space to convey a powerful message to its visitors. There are many different ways to approach designing a one-page website, so we’ve provided five examples below to give you inspiration.
Here are five great one-page website examples:
Why it works: This single-page website is a good example of how a business can include a lot of information in a streamlined way. The site includes four sections: “who we are,” “what we offer,” “who we serve,” and “contact.” It also sprinkles product images throughout, providing visitors with more information about what the company offers.
Why it works: This one-page website features a modern design with a hamburger menu—in lieu of a text-based menu—combined with a clean design with a bold message. By having such a minimal design, site visitors have little option but to read the compelling hook and scroll down the page for more information.
Why it works: This one-page website example is very simple with a single full-screen image, a brand name, and a hamburger menu. Additionally, the clean and modern color scheme is stark in its simplicity. As visitors scroll, they are given information about the business, what it offers, previous clients, and contact information to give users a way to start a conversation. This “story flow” works to draw in readers, turning them into leads.
Why it works: The Elephant Restaurant takes a creative approach to its one-page website by offering the perspective of a diner who is looking at a meal. This draws in readers who want to see the menu. But the site does not include a navigation bar, forcing visitors to scroll. What they find first are sections about the restaurant’s history and mission, finally landing on the menu as the second-to-last section. To close, the site includes contact information for making reservations.
Why it works: Ginventory has a unique one-page website where the single page does not scroll down, but changes overlays as a user scrolls. This gives the page a more interactive feel, allowing site visitors to control the on-screen walk-through of how its product, an app, functions. It includes buttons at the top that give visitors a quick way of either contacting the business or downloading the app.
“Your website’s primary goal is to convert visitors into buyers. So it’s essential to first understand what makes them tick. You have to put yourself into your prospect’s shoes to understand what they would want to see on your website—in order to convert into a paying customer. Ignoring this step is the biggest mistake most people make. Your design and website copy will completely depend on your target audience.”
– Nishank Khanna, VP of Growth, Utility NYC
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. Learn more by reading our article, What Is a Landing Page?
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.
Before you get started on one-page website building, however, you need to find a web host that’s easy to work with and reliable. We highly recommend Bluehost; they offer low-cost hosting packages with a free domain, free email, a free SSL certificate, one-click WordPress installation, and more for under $3 per month. Get your account started today.