Creating a WordPress website can feel like a huge task, especially if you’re new to it. But what if we told you that building a one page site – a clean, simple design where everything lives on one scrollable page – is easier than you think?

Whether you’re crafting a business landing page WordPress users will love or showcasing your work with a single page WordPress site, the process doesn’t have to be complicated. One-page sites are perfect for small businesses, portfolios, or even product promotions. They keep visitors focused and engaged without the distractions of multiple pages.

With Elementor, a drag-and-drop builder for WordPress, you can create a stunning one-page website in no time. No coding required. In this article, we’ll show you step-by-step how to make your own one-page site with Elementor. To better illustrate it we’ll be using the one of our themes, the Dina – SeaFood one page layout. It’s fast, straightforward, and will have your site live before you know it. Let’s get started!

Why One-Page Websites Are Game-Changers

Ever wonder why so many businesses are switching to one page websites? It’s not just a trend – it’s a smart move. People don’t have time (or patience) to click through multiple pages. They want everything in one place, fast. That’s why a single page WordPress site works so well. Let’s break it down:

  • Keeps Visitors Focused: With all your content on one page, there’s no room for distractions. Visitors scroll through your story, services, and call-to-action without bouncing around.
  • Perfect for Mobile: Scrolling is second nature on phones. A one-page site feels natural and easy to use, especially for mobile-first audiences.
  • Faster Load Times: Fewer pages mean fewer server requests. Your site loads quicker, keeping visitors engaged and boosting SEO.
  • Better Conversions: You control the journey. From intro to CTA, everything flows seamlessly, guiding users to take action.

For example, if you’re a freelancer showcasing your portfolio or a small business promoting a service, a one-page design lets you highlight exactly what matters—no fluff, no extra clicks.

How to Create a One Page Website with Elementor

To build your one-page website, you’ll need a few essentials to get started: WordPress (a fresh install works best), Elementor free version, and a theme compatible with Elementor. For this tutorial we’ll be using the Dina restaurant theme. Once you’ve got these tools ready, we’ll jump into designing your one-page site step by step!

Step 1: Install Elementor

Before we start designing your one page website, we need to get Elementor set up. Here’s how to do it:

  1. Go to your WordPress dashboard.
  2. Click on Plugins > Add New.
  3. In the search bar, type “Elementor”.
  4. Find the Elementor Website Builder plugin and hit Install Now.
  5. Once installed, click Activate to turn it on.
Install Elementor plugin

That’s it – you’ve got the free version of Elementor ready to go!

Step 2: Create Your Page Layout

Now that Elementor is installed, it’s time to build the structure of your one page website. This is where you decide what sections to include and how everything will flow.

Start with a Blank Page

  1. Go to your WordPress dashboard and click Pages > Add New.
  2. Name your page (e.g., “Home”) and click Edit with Elementor.
Edit page with Elementor

You’re now in Elementor’s drag-and-drop editor, ready to design!

Add Key Sections

Every great single page WordPress site has a few must-have sections:

Hero Section: This is the first thing visitors see. Add a bold headline, a short description, and a clear CTA (e.g., “Contact Info” or “Learn More”). See our Dina Seafood restaurant intro section.

Dina Restaurant Seafood hero section

About Section: Share your story or what your business is all about in a few sentences.

Dina Restaurant Seafood about section

Services/Products Section: Highlight what you offer using icons, images, or short descriptions. In the Dina Seafood services section we present the restaurant food menu.

Dina Restaurant Seafood menu section

Testimonials Section: This part is where your one-page website builds trust. It’s not just about showing off – it’s about letting others do the talking for you. A glowing review from a client can be the nudge a visitor needs to take action.

Dina Restaurant Seafood testimonials section

Contact Section: It’s where visitors go when they’re ready to connect, ask questions, or take the next step. To make this as smooth as possible, include multiple ways for them to get in touch. Start with a simple contact form. In our restaurant site demo, we use a reservation form. It has additional fields like date, time, number of seats.

For those who prefer direct communication, include your email address and phone number. If you have a physical location, list your address and link it to Google Maps for easy navigation.

Dina Restaurant Seafood contact section

Use Elementor Widgets

Drag and drop widgets like text boxes, images, buttons, headings into each section. Adjust fonts, colors, and spacing to match your style.

Once you’ve added all your sections, your landing page WordPress site will start taking shape. Let’s move on to making it scroll-friendly!

Step 3: Add Smooth Navigation

Let’s make your one-page website easier to explore by adding smooth scrolling. This step is simple and doesn’t require any extra plugins. With just a few tweaks, you’ll have a menu that lets visitors jump to any section of your site effortlessly.Here’s how you can set it up:

1. Assign CSS IDs to Page Sections

Every section on your page needs a unique identifier so the menu knows where to take visitors.

With the page you just created, open it in Elementor. Select a page section and go to the Advanced Tab. In the CSS ID field, type a simple name for the section (e.g., “about,” “menu,” or “contact”).

Dina Restaurant Seafood add css id section

Repeat this for all the sections you want to link in your menu.

2: Create a Menu in WordPress

Now, let’s build the menu that connects to these sections.

  • Go to your WordPress dashboard and click Appearance > Menus.
  • Click Create New Menu, name it (e.g., “One Page Menu”), and hit Create Menu.
  • Add custom links for each section:
    • URL: #menu (replace “menu” with your CSS ID).
    • Link Text: “Menu” (or whatever you want it called).

Do this for all your sections, then save the menu.

Dina Restaurant Seafood add one page navigation menu

Assign the Menu to Your Site

Under Menu Settings, check the box for Primary Menu and save again the menu.

That’s it! You’ve set up smooth one page site scrolling without any plugins. Visitors can now click on menu items and be taken directly to the right section of your single page WordPress site.

Step 4: Publish Your Site

Now it’s time to make your one-page website live. This is the final step, and it’s super simple.

Double-check everything. Scroll through your site and test all the links, buttons, and forms. Make sure each section flows smoothly and works perfectly on both desktop and mobile. Once you’re happy with how it looks, hit Publish button in Elementor.

Next, head to your WordPress dashboard. Go to Settings > Reading and set your homepage to display as a static page. Select the page you just created from the dropdown menu. Your single page WordPress site is now live.

Final Thoughts

Creating a one-page website with Elementor isn’t just simple – it’s a smart way to showcase your content in a clean, focused layout. You’ve now got all the tools and steps to design a site that’s not only visually appealing but also easy for visitors to navigate.

With Elementor’s drag-and-drop features, you can bring your ideas to life without coding. So, what are you waiting for? Start building your one-page WordPress website today and give your audience an experience they’ll love!

Common Questions About One-Page Websites

What is a one-page website?
A one-page website is a single webpage that encapsulates all the essential information about a person, business, product, or service. Instead of navigating through multiple pages, users can scroll through different sections to access content, making the experience more linear and cohesive.

Is one-page navigation good for SEO?
Yes! As long as you use proper headings (H1-H6) and keywords throughout the page, Google will still rank it well.

Is a one-page website suitable for all types of businesses?
Not necessarily. One-page websites are ideal for businesses with a narrow focus or a single product/service to promote. However, for companies offering a wide range of products or services, a multi-page website might be more appropriate to effectively organize and present the information.

Can I convert my existing multi-page website into a one-page format?
Yes, but it’s essential to evaluate whether a one-page layout aligns with your content needs and business objectives. Condensing extensive information into a single page requires careful planning to maintain clarity and user engagement.

Can I add e-commerce features?
For small stores, yes! Use WooCommerce plugin within Elementor to showcase products directly on your page.