How to Create a One Page Website in WordPress – Step-by-Step 2024 Guide
In today’s fast-paced digital world, simplicity wins. A one page website is one of the most efficient ways to present your business or portfolio online. It’s clean, direct, and user-friendly — visitors can scroll through everything they need on a single page without extra clicks.
In this 2024 guide, you’ll learn how to create a one page website in WordPress — step by step — using free tools and drag-and-drop builders. Whether you’re building for a personal brand, agency, or small business, this tutorial will get you started fast.
1️⃣ Create a One Page Website in WordPress: Choose a Fast WordPress Theme
To build a one page website, you first need a lightweight, flexible theme that supports full-width layouts. Some top options are:
- Astra Theme – Highly customizable and performance-optimized.
- GeneratePress – Known for speed and clean design.
- Neve – Great for responsive, modern one-page websites.
These themes work perfectly with page builders like Elementor, giving you complete control over design.
After installing your theme, go to Appearance → Customize and remove unnecessary sidebar areas — you’ll only need a single-page layout.
2️⃣ Create a One Page Website in WordPress: Install a Page Builder Plugin
The easiest way to create a one-page website is by using a drag-and-drop page builder.
🔹 Elementor (Free + Pro)
Elementor is the go-to tool for building visually stunning one-page sites.
It offers pre-made templates for portfolios, agencies, and startups.
Benefits:
✅ Real-time visual editing
✅ Built-in section navigation
✅ Animation & scroll effects
✅ Mobile responsiveness
If you prefer a lightweight alternative, you can also try Brizy or Beaver Builder, both compatible with Astra and Neve themes.
3️⃣ Create a One Page Website in WordPress: Design the Layout Structure
The best one-page websites are organized into sections instead of separate pages.
Here’s the typical layout:
- Hero Section: Headline + short intro + CTA button
- About Section: Who you are and what you do
- Services Section: Highlight 3–4 main offerings
- Portfolio or Gallery: Showcase past work
- Testimonials: Build trust with client reviews
- Contact Section: Include a form, map, and social links
💡 Pro Tip:
Keep each section short and visually engaging. Avoid heavy text — use icons, short paragraphs, and vibrant visuals.
4️⃣ Create a One Page Website in WordPress: Add Smooth Navigation
A one page website doesn’t need a traditional menu. Instead, use anchor links that scroll users to each section.
In Elementor:
- Select any section → Go to Advanced Tab → CSS ID → Name it (e.g., “about”).
- In your navigation menu, set the link as
#about.
Now, when someone clicks “About” in the menu, it will smoothly scroll down to that section instead of loading a new page.
If you’re using Astra, you can enable “Smooth Scroll” under Customizer → Layout Settings for seamless movement.
5️⃣ Create a One Page Website in WordPress: Optimize for Speed and SEO
Even one-page sites can slow down if not optimized properly. Here’s how to keep yours fast and Google-friendly:
✅ Use compressed images (via TinyPNG)
✅ Minimize plugins — only keep what’s necessary
✅ Add Rank Math SEO or Yoast SEO for optimization
✅ Enable LiteSpeed Cache or WP Rocket for caching
✅ Test with PageSpeed Insights
Remember, faster pages not only rank better but also improve user engagement.
6️⃣ Create a One Page Website in WordPress: Add Contact Forms and Social Links
If your goal is to generate leads, use WPForms or Formidable Forms for a simple, fast contact form.
Add clickable icons for WhatsApp, Instagram, and LinkedIn in the footer or header for quick access.
💬 Bonus: You can even integrate a WhatsApp Chat Button using Join.Chat plugin.
7️⃣ Create a One Page Website in WordPress: Publish and Test Responsiveness
Before publishing, test your page on mobile and tablet screens.
In Elementor, click the Responsive Mode icon to adjust spacing and typography for smaller screens.
When everything looks perfect, hit Publish — your one page website in WordPress is now live!
✅ Create a One Page Website in WordPress: Conclusion
Building a one page website in WordPress is one of the simplest and most effective ways to showcase your business or portfolio. With a theme like Astra and a builder like Elementor, you can create a clean, modern, and conversion-focused design — all in just a few hours.
If you want a professional, custom-designed booking website with lifetime support — CodeSkyline can create one tailored perfectly for your brand and business goals.
👉 Visit my Services Page
👉 Check out my Fiverr Profile to get started!