🧩 Introduction
A one-page business website is one of the most effective website types for freelancers, startups, and small businesses.
- 🧩 Introduction
- 🛠️ What You’ll Build
- 🔧 Step 1: Prepare WordPress
- 🧭 Step 2: Create the One-Page Layout
- 🏠 Step 3: Design the Hero Section
- 🧩 Step 4: Create the Services Section
- 🧑💼 Step 5: Add the About Section
- ⭐ Step 6: Add Testimonials Section
- 📩 Step 7: Contact Section
- 🧭 Step 8: Enable Smooth Navigation
- 📱 Step 9: Make It Responsive
- ⚡ Step 10: Speed & SEO Basics
- ✅ Final Result
- 🏁 Final Thoughts
Instead of multiple pages, all content appears on a single scrolling page — making it fast, simple, and conversion-focused.
In this beginner WordPress project, you’ll learn how to create a one-page business website using WordPress and Elementor, without writing a single line of code.
🛠️ What You’ll Build
This one-page website will include:
- Hero section
- Services section
- About section
- Testimonials section
- Contact section
- Smooth scrolling navigation
🔧 Step 1: Prepare WordPress
Make sure you have:
- WordPress installed
- A lightweight theme activated (Hello Elementor / Astra)
- Elementor plugin installed and activated
🧭 Step 2: Create the One-Page Layout
- Go to Pages → Add New
- Name it Home
- Click Edit with Elementor
This single page will contain all sections.
🏠 Step 3: Design the Hero Section
Add a new section with:
- Heading widget (Business Name or Value Statement)
- Text widget (Short description)
- Button widget (Contact / Get Started)
Example text:
- Heading: Grow Your Business with Confidence
- Button: Get a Free Quote
🧩 Step 4: Create the Services Section
Add a new section below the hero.
Use:
- Heading widget: Our Services
- 3 or 4 Icon Box widgets
Example services:
- Website Design
- SEO Optimization
- Website Maintenance
- Technical Support
Keep descriptions short and clear.
🧑💼 Step 5: Add the About Section
Add a simple section with:
- Heading: About Us
- Text explaining who you are and what you do
Keep it honest and readable. Avoid long paragraphs.
⭐ Step 6: Add Testimonials Section
Use:
- Heading: What Clients Say
- Testimonial widgets or text boxes
Even sample testimonials are fine during practice.
📩 Step 7: Contact Section
Add:
- Heading: Contact Us
- Contact form (WPForms or Elementor form)
- Email address
Make it easy for visitors to reach you.
🧭 Step 8: Enable Smooth Navigation
- Select each section
- Give it an ID (hero, services, about, contact)
- Edit menu items and link them using:
#services #about #contact
Now clicking menu links scrolls smoothly.
📱 Step 9: Make It Responsive
In Elementor:
- Switch to mobile view
- Adjust font sizes
- Reduce padding
- Stack columns vertically
⚡ Step 10: Speed & SEO Basics
- Enable cache plugin
- Set homepage as static page
- Use one H1 only
- Add meta title and description via SEO plugin
✅ Final Result
You now have:
- A fast one-page business website
- Clean, professional design
- Mobile-friendly layout
- SEO-ready structure
This is perfect for:
- Freelancers
- Local businesses
- Service providers
- Landing-page style websites
🏁 Final Thoughts
One-page websites are simple, powerful, and beginner-friendly.
This project gives you a solid foundation to create client websites or your own business site.
Master this, and WordPress becomes much easier.