How to Create a One-Page WordPress Website: 7 Steps

A one-page WordPress website puts an offer, services, proof and a contact action on one scrollable homepage. It can work well for a single-product landing page, freelancer portfolio or small local business. It is not always the right structure for a shop with many products, a publication with articles or a company with services that each deserve a detailed page.

This updated tutorial uses WordPress’s built-in blocks and the current Site Editor or classic-theme controls. You do not need to buy a page builder merely to create sections and anchor links. The original 2020 walkthrough assumed every theme used Appearance → Customize, which is not true for block themes. The steps and distinctions below follow WordPress’s static homepage guide and Site Editor navigation documentation.

Before you start: is a one-page website appropriate?

A one-page homepage does not mean you must squeeze your privacy notice, terms or every support answer into a single document. Keep any necessary legal or service pages accessible separately.

Step 1. Set up WordPress and select a suitable theme

Install WordPress on hosting that supports the current version and HTTPS. For the simplest native approach, choose a maintained block theme such as Twenty Twenty-Five; a classic theme such as Hestia can also work, but uses a different customization workflow. Free themes including Neve provide other starting points. Check the current directory listing and confirm which starter sites or page sections require a paid upgrade.

Navigate to Appearance → Themes → Add New, install the theme, and activate it on a staging site if replacing an existing design. Do not select a theme solely because its demo is described as ‘SEO optimized’: your actual content, accessibility and technical setup matter much more.

Step 2. Create a Home page and make it the homepage

1. Go to Pages → Add New and create a page called Home.
2. Publish the page, even if it contains only a heading and a short draft introduction.
3. Go to Settings → Reading. Under Your homepage displays, select A static page and choose Home as the homepage; save.
4. If you also publish posts, create an empty Blog page and select it as the Posts page if needed. A page cannot serve as both Home and the posts index in this setting.

Block-theme exception: a block theme’s Front Page template can take precedence over your chosen page’s visual layout. If edits don’t appear on the homepage, inspect Appearance → Editor → Templates → Front Page as documented in WordPress’s Site Editor guide. The page content and template are related but distinct.

Step 3. Build the page in logical sections

In Pages → Home, use the block editor to create a clear sequence rather than stacking decorative effects. A workable structure is:

1. Hero: describe what you offer and for whom, with a primary contact, booking or purchase action.
2. Services or product: explain the offer, scope, price or starting price, and what happens next.
3. Evidence: show real work, relevant credentials, case studies or attributed testimonials—not invented star ratings.
4. About: identify the individual or business behind the site.
5. FAQ: address practical objections such as location, delivery, timing or cancellation.
6. Contact: add a working form, appropriate contact details and the final call to action.

Use Group, Columns, Heading, Image and Buttons blocks. If the theme offers patterns, inspect what is included in the free tier before importing a large demo. Keep heading levels in order and add descriptive alternative text for informative images.

Step 4. Create anchor links for same-page navigation

This is what makes the site feel like one coherent page. In the block editor, select the heading or section for Services, open its block settings and find Advanced → HTML anchor. Enter services without a hash; repeat with distinct anchors such as about and contact. WordPress documents the HTML anchor setting in its Advanced settings guide.

Now point your navigation items to #services, #about and #contact. Test the links on the published homepage and from any other page: a bare #contact on a separate blog post points at that post rather than automatically returning to your homepage, so use the full home URL plus anchor there. Prefer clear menu labels to ambiguous icons.

Step 5. Edit the header and menu in the correct interface

Block theme: Appearance → Editor

Go to Appearance → Editor, open the header template part, add or select the Navigation block, and assign the menu containing your section links. Save the menu and template changes, then check the live page. WordPress’s navigation documentation notes that creating a menu alone does not display it: the header must actually contain a Navigation block connected to that menu.

Classic theme: Appearance → Customize or Menus

Classic themes may expose menus, header and homepage sections under Appearance → Customize or Appearance → Menus, depending on the theme and WordPress configuration. Hestia, for example, has its own homepage presentation options. Follow your theme’s current documentation instead of expecting the Site Editor to appear in every installation.

Step 6. Connect one clear conversion action

A contact form is useful if you can monitor it and respond. Confirm that its notifications reach an inbox, that spam protection is enabled and that any tracking or optional mailing-list signup respects visitor choice. An appointment system should display actual availability; a button that only opens an enquiry form should say Request an appointment, not Book instantly.

Give visitors another appropriate contact route if the form fails. Where relevant, show your real address, opening hours and location details. If a product needs a checkout, use a tested ecommerce/payment integration rather than treating a theme’s attractive button as a payment system.

Step 7. Test desktop, mobile, accessibility and performance

• Follow every anchor link on a phone and with a keyboard. If a sticky header hides section headings, adjust the theme’s anchor offset or CSS scroll margin and retest.
• Check that the first screen explains the offer and shows the next action without requiring a long scroll.
• Compress images and avoid autoplay background video unless it adds demonstrable value; check reduced-motion preferences if you animate scrolling.
• Test form delivery and any booking or checkout end to end, including error states.
• Use Search Console to see whether Google can index the homepage and whether real queries match the page. Do not expect one page to rank separately for every service you offer.

One-page WordPress themes: what to check

Hestia presents a traditional section-led business workflow. Neve is a flexible classic-theme foundation. Twenty Twenty-Five demonstrates the native block-theme route. Older versions of this article also listed Orfeo, One Page Pro and Uncode; those themes are not necessary for the tutorial, and we have removed unsupported claims about their current demo counts, performance and included features. For broader choices see our free WordPress themes comparison and landing-page plugins guide.

Frequently asked questions

Can I build a one-page website with WordPress for free?

The WordPress software, native blocks and many themes are free. Hosting, domain registration and some forms, booking systems or templates may cost money.

Do I need Elementor or Divi?

No. Native WordPress blocks and theme templates can build a one-page site. A page builder may be appropriate if its specific workflow saves you time and you accept its licence and migration considerations.

Why does Appearance → Customize not exist on my site?

You may be using a block theme, which exposes site-level design controls under Appearance → Editor instead. Check the active theme before following classic-theme tutorials.

Why does my homepage ignore the page I selected in Reading settings?

Inspect your block theme’s Front Page template. A custom Front Page template can determine the rendered homepage even if you select a different static page in Reading settings.

Can a one-page site rank for several unrelated services?

It may appear for relevant searches, but one document cannot provide unlimited depth or distinct search-focused URLs. Create genuinely useful individual pages when a service, location or product requires its own information.

Next step: build a draft Home page with six sections, connect its anchor menu, and run one complete mobile contact or booking test before making the page your public homepage.