How to Customize Homepage Sections in the WordPress Customizer

LaunchPad’s bundled theme includes 10 fully customizable homepage sections that let you build professional landing pages without coding. This advanced guide covers every section, customization option, and best practice for creating compelling homepages.

Understanding the Homepage Template

The LaunchPad Bundle theme includes a special Homepage Template (template-home.php) that displays 10 modular sections:

1. Hero – Above-the-fold call-to-action
2. Features – Key product/service features
3. Services – Detailed service offerings
4. Stats – Impressive numbers and metrics
5. Testimonials – Social proof from clients
6. Trusted By – Logo showcase
7. Case Studies – Portfolio and projects
8. Pricing – Pricing tables
9. FAQ – Frequently asked questions
10. Call to Action – Final conversion section

Each section is independently controlled through the WordPress Customizer, allowing you to enable/disable, reorder, and customize content without editing code.

Learn about WordPress templates.

Accessing Homepage Sections

To customize homepage sections:

1. Navigate to Appearance → Customize
2. Ensure you’re previewing the Homepage (select it from the preview)
3. Look for the Homepage panel in the sidebar
4. Click to expand and see all 10 section controls

Note: Sections only appear when you’re viewing a page using the Homepage template. To apply the template to a page:

1. Go to Pages → All Pages
2. Edit your desired homepage
3. Select Template: Homepage from the Page Attributes box
4. Update the page

Section 1: Hero Section

The hero section is the first thing visitors see. It’s your most important conversion opportunity.

Available Settings:

Content:

• Hero Headline – Main headline (H1)
• Hero Description – Supporting text (1-2 sentences)
• Primary CTA Text – Main button text (e.g., “Get Started”)
• Primary CTA URL – Button destination
• Secondary CTA Text – Optional second button
• Secondary CTA URL – Second button destination

Visual:

• Background Image – Full-width hero image
• Background Overlay – Dark overlay opacity (0-100%)
• Text Alignment – Left, Center, Right
• Text Color – Light or Dark

AI Generation (Pro):

• Generate headline variations
• Generate description variations

Best Practices:

Headline:

• Keep under 60 characters
• Focus on benefit, not feature
• Use power words (Transform, Discover, Build)
• Be specific: ❌ “Great Services” → ✅ “Launch Your Website in 10 Minutes”

Description:

• 1-2 sentences maximum
• Explain HOW you deliver the headline benefit
• Address the target audience
• Include emotional trigger

CTAs:

• Primary CTA = highest-priority action (sign up, buy, start trial)
• Secondary CTA = lower commitment (learn more, see demo)
• Use action verbs: “Start Building” not “Click Here”
• Create urgency: “Get Started Free” vs. “Sign Up”

Background Image:

• High resolution (1920×1080 minimum)
• Subject off-center (leave space for text)
• Not too busy (avoid distracting backgrounds)
• Relevant to your service

Example hero combinations:

Headline: "Build WordPress Sites 10x Faster"
Description: "Automated wizard creates complete websites with themes, plugins, and content in minutes."
Primary CTA: "Start Building Free"
Secondary CTA: "Watch Demo"

Section 2: Features Section

Showcase your key features, benefits, or unique selling points.

Available Settings:

Layout:

• Number of Features – Display 3, 4, 5, or 6 features
• Layout Style – Grid or List
• Icon Style – Dashicons, custom icons, or none

Per-Feature Settings:

• Feature Title – Short title (3-6 words)
• Feature Description – 1-2 sentences
• Feature Icon – Dashicon name or custom icon
• Feature Link – Optional URL for “Learn More”

Styling:

• Background Color – Section background
• Feature Card Style – Boxed or flat

AI Generation (Pro):

• Generate titles and descriptions for each feature

Best Practices:

Feature Count:

• 3 features: Best for minimal, focused sites
• 4 features: Most balanced option
• 6 features: Comprehensive feature showcase

Feature Titles:

• Keep under 6 words
• Use parallel structure (“Automated Installation”, “Instant Deployment”)
• Front-load keywords

Feature Descriptions:

• Explain benefit, not technical detail
• Keep to 1-2 sentences
• Use consistent tone across all features

Icon Selection:

• Use relevant WordPress Dashicons
• Keep icons consistent in style
• Match icon to feature meaning

Example feature structure:

Feature 1:
Title: "One-Click Setup"
Description: "Launch complete sites in minutes with our automated wizard. No coding required."
Icon: dashicons-admin-site

Feature 2:
Title: "60,000+ Themes & Plugins"
Description: "Browse and install any theme or plugin directly from WordPress.org."
Icon: dashicons-admin-plugins

Feature 3:
Title: "AI Content Generation"
Description: "Create professional website content instantly with OpenAI-powered AI."
Icon: dashicons-lightbulb

Section 3: Services Section

Detail your specific service offerings or product categories.

Available Settings:

Services:

• Number of Services – Typically 3-6
• Service Title
• Service Description
• Service Image – Optional visual
• Service Icon
• Service URL – Link to service page

Layout:

• Services Per Row – 2 or 3 columns
• Image Position – Above, beside, or background
• Card Style – Elevated, flat, or outline

AI Generation (Pro):

• Generate service descriptions

Best Practices:

Service Naming:

• Be specific: ❌ “Consulting” → ✅ “WordPress Migration Consulting”
• Use action-oriented names
• Keep consistent structure

Service Descriptions:

• 2-3 sentences
• Start with benefit
• Include deliverables
• End with outcome

Service Images:

• Use consistent style (illustrations or photos, not mixed)
• Same aspect ratio for all images
• Minimum 600x400px
• Related to service topic

Service Pages:

• Link to dedicated service pages for detail
• Ensure service pages exist before linking
• Keep service section as overview, pages for depth

Example service:

Title: "Complete Site Setup"
Description: "We handle everything from theme selection to content creation. Launch a fully configured WordPress website in under an hour with our automated wizard system."
Link: "/services/site-setup"
Image: [Setup wizard screenshot]

Section 4: Stats Section

Highlight impressive numbers that build credibility.

Available Settings:

Stats:

• Number of Stats – 2, 3, or 4
• Stat Number – The number to display
• Stat Suffix – + % K M (e.g., “10K+” or “99%”)
• Stat Label – What the number represents
• Animation – Counter animation on scroll

Styling:

• Background Style – Color, gradient, or image
• Layout – Horizontal row or stacked

Best Practices:

Stat Selection:

• Choose verifiable, impressive numbers
• Use round numbers (1000+ not 1,247)
• Focus on results, not vanity metrics

Good Stats:

• Client success metrics: “97% Success Rate”
• Scale indicators: “10,000+ Websites Built”
• Time savings: “80% Faster Setup”
• Social proof: “5,000+ Happy Customers”

Bad Stats:

• Team size (irrelevant to customer)
• Years in business (unless 20+)
• Personal achievements
• Unverifiable claims

Labeling:

• Keep labels short (2-4 words)
• Make it clear what number means
• Use parallel structure

Example stats:

Stat 1: 10K+ | Sites Built
Stat 2: 5 Min | Average Setup Time
Stat 3: 97% | Satisfaction Rate
Stat 4: 24/7 | Support Available

Section 5: Testimonials Section

Display customer reviews and social proof.

Available Settings:

Testimonials:

• Number of Testimonials – Typically 3-6
• Quote – Customer testimonial text
• Author Name
• Author Role – Job title or description
• Author Avatar – Customer photo
• Company Name
• Star Rating – 1-5 stars

Layout:

• Display Style – Carousel, grid, or list
• Columns – 1, 2, or 3 per row
• Autoplay – Auto-rotate carousel
• Show Ratings – Display star ratings

AI Generation (Pro):

• Generate testimonial quotes (use carefully!)

Best Practices:

Authentic Testimonials:

• Use real customer feedback
• Include specific details
• Longer testimonials (3-5 sentences) more credible
• Ask permission before publishing

Author Information:

• Use real names and roles
• Include company name for B2B
• Use actual photos (or initials/avatars)
• LinkedIn-style job titles

Testimonial Structure:

• Problem: What challenge they had
• Solution: How your product helped
• Result: Specific outcome or benefit

What Makes a Good Testimonial: ✅ “LaunchPad cut our client site launch time from 3 days to 30 minutes. We’ve increased our monthly site deliveries by 5x.” ❌ “Great plugin! Very useful.”

Example testimonial:

Quote: "As an agency, we were spending days on repetitive setup tasks. LaunchPad's wizard automated everything—theme installation, plugin configuration, menu creation. We now deliver sites 10x faster and our profit margins have doubled."
Author: "Sarah Johnson"
Role: "Founder & CEO"
Company: "WebWorks Agency"
Rating: 5 stars
Avatar: [Professional photo]

Section 6: Trusted By Section

Showcase logos of companies or brands using your product.

Available Settings:

Logos:

• Number of Logos – Up to 12
• Logo Image – PNG with transparency
• Logo Title – Company name (for accessibility)
• Logo URL – Optional link to company

Display:

• Layout – Grid or carousel
• Logos Per Row – 3, 4, 5, or 6
• Grayscale Effect – Desaturate logos on load, color on hover
• Size – Small, medium, or large

Best Practices:

Logo Selection:

• Use recognizable brand logos
• Same aspect ratio for consistency
• PNG format with transparent background
• High resolution (at least 400px wide)

Layout:

• Grayscale recommended for visual consistency
• Even number of logos looks better
• Most recognizable brands in top row

Permissions:

• Ensure you have permission to use logos
• Link to client site if they approve
• Follow brand guidelines for logo usage

Learn about trademark fair use.

Section 7: Case Studies Section

Showcase your best work with project examples.

Available Settings:

Cases:

• Number of Cases – 3-6 recommended
• Project Title
• Project Description
• Project Screenshot – Main image
• Client Name
• Client Feedback – Optional quote
• Project URL – Live site link

Display:

• Layout – Grid or slider
• Columns – 2 or 3
• Image Ratio – 16:9 or 4:3

AI Generation (Pro):

• Generate project descriptions

Best Practices:

Case Study Content:

• Focus on results, not process
• Include specific metrics when possible
• Use high-quality screenshots
• Link to live examples

Project Descriptions:

[Industry/Type] - [What you built] - [Key Result]

Example: "E-commerce Platform - Built custom WooCommerce store with 500+ products and automated inventory - Increased online sales by 300%"

Screenshots:

• Full homepage screenshot
• Desktop view (not mobile)
• Minimum 1200px wide
• Show actual content, not placeholders

Section 8: Pricing Section

Display pricing plans and packages.

Available Settings:

Plans:

• Number of Plans – 2, 3, or 4
• Plan Name
• Price – Amount
• Price Period – /month, /year, one-time
• Plan Description – Short summary
• Features List – Up to 10 features per plan
• CTA Button Text
• CTA Button URL
• Highlight Plan – Featured/popular badge

Styling:

• Currency Symbol – $, €, £, etc.
• Feature Style – Checkmarks, bullets, or custom icons
• Card Style – Elevated, flat, or outlined

AI Generation (Pro):

• Generate plan descriptions
• Generate feature lists

Best Practices:

Pricing Strategy:

• 3 tiers = optimal choice architecture
• Middle tier most popular (highlight it)
• Price anchoring: Show most expensive first

Tier Naming:

• Use benefit-focused names: “Professional” not “Plan 2”
• Common: Basic/Pro/Premium or Starter/Growth/Enterprise
• Avoid negative names: “Limited” or “Minimum”

Feature Lists:

• Show what’s included, not excluded
• Use ✓ checkmarks for included features
• Start with most valuable features
• Keep feature names short

CTA Buttons:

• All plans should have CTAs
• Vary text: “Start Free”, “Upgrade Now”, “Contact Sales”
• Link directly to checkout/signup

Example pricing structure:

Plan 1: "Single Site"
Price: $59/year
Features:
✓ Use on 1 site
✓ All Pro features
✓ 1 year support
✓ Regular updates
CTA: "Get Started"

Plan 2: "Multi-Site" [HIGHLIGHTED]
Price: $149/year
Features:
✓ Use on 5 sites
✓ All Pro features
✓ 1 year support
✓ Priority support
CTA: "Most Popular"

Plan 3: "Unlimited"
Price: $349/year
Features:
✓ Unlimited sites
✓ All Pro features
✓ Lifetime support
✓ Priority support
CTA: "Best Value"

Section 9: FAQ Section

Answer common questions proactively.

Available Settings:

FAQs:

• Number of FAQs – 5-10 recommended
• Question – The question text
• Answer – Detailed answer (supports HTML)
• Accordion Style – All closed, first open, or all open

Display:

• Layout – Single column or two columns
• Icon – Question icons
• Collapsible – Accordion behavior

AI Generation (Pro):

• Generate question/answer pairs

Best Practices:

FAQ Selection:

• Answer actual customer questions
• Include pricing questions
• Address common objections
• Cover technical requirements

Question Format:

• Write as customers would ask
• Use natural language
• Keep questions short
• Make questions scannable

Answer Format:

• Start with direct yes/no if applicable
• Provide explanation
• Include links to relevant pages
• Keep under 100 words

FAQ Organization:

• Most common questions first
• Group related questions
• Include search functionality (Pro)

Example FAQs:

Q: "Do I need coding skills to use LaunchPad?"
A: "No coding required! LaunchPad's wizard handles everything automatically. Simply answer a few questions, and the plugin builds your complete site—including theme installation, plugin setup, and content generation."

Q: "Can I customize my site after the wizard?"
A: "Absolutely. After the wizard completes, you have full access to the WordPress Customizer and page editor. All generated content uses standard WordPress blocks, so you can edit everything easily."

Q: "What happens if I want to start over?"
A: "Use the one-click reset feature under LaunchPad → Setup Wizard. This safely removes all wizard-generated changes and lets you run the wizard again immediately."

Section 10: Call to Action (CTA) Section

Your final conversion opportunity before the footer.

Available Settings:

Content:

• CTA Headline – Final headline
• CTA Description – Supporting text
• Button Text – CTA button label
• Button URL – Where button links
• Secondary Link – Optional second action

Visual:

• Background – Color, gradient, or image
• Background Overlay
• Text Alignment
• Text Color

AI Generation (Pro):

• Generate headline and description

Best Practices:

CTA Content:

• Reinforce main value proposition
• Create urgency: “Start building today”
• Remove friction: “No credit card required”
• Make benefit clear

CTA Structure:

Headline: [Action] + [Benefit] + [Timeline]
Description: [Remove objection] + [Final push]
Button: [Action verb] + [Value]

Example:
Headline: "Start Building Your Website Today"
Description: "Join 10,000+ users who've launched sites in minutes. No credit card required, no risk."
Button: "Create My Site Free"

Design:

• Make it visually distinct from other sections
• Use contrasting background
• Large, prominent button
• Minimal distractions

Reordering Homepage Sections

Change section order without code:

1. Go to Appearance → Customize → Homepage
2. Each section has a “Move Up” and “Move Down” button
3. Click to reorder sections
4. Preview changes in real-time
5. Click “Publish” to save order

Recommended Section Order:

1. Hero (always first)
2. Features
3. Services or Stats
4. Testimonials
5. Trusted By
6. Case Studies or Pricing
7. FAQ
8. CTA (always last)

Disabling Sections

Don’t need all 10 sections? Disable unused ones:

1. Open the section in Customizer
2. Find the “Enable Section” toggle
3. Turn it OFF
4. Section disappears from homepage
5. Can re-enable anytime

Note: Disabled sections preserve their content. Re-enabling restores everything.

Advanced: Custom CSS for Sections

Add custom styling to any section:

1. Go to Appearance → Customize → Additional CSS
2. Target sections by class name:

/* Hero section */
.homepage-section-hero {
	min-height: 100vh; /* Full screen height */
}

/* Features section */
.homepage-section-features {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

/* Pricing section */
.homepage-section-pricing .pricing-card:hover {
	transform: translateY(-10px);
	transition: transform 0.3s ease;
}

/* CTA section */
.homepage-section-cta .cta-button {
	font-size: 1.2em;
	padding: 20px 40px;
}

Learn about CSS selectors.

Performance Optimization

Optimize homepage loading speed:

1. Optimize images: Use WebP format, compress with TinyPNG
2. Lazy load images: Enable lazy loading in LaunchPad → Settings
3. Minimize sections: Only enable sections you need
4. Reduce animations: Disable unnecessary animations
5. Use CDN: Serve images from CDN for faster loading

Conclusion

LaunchPad’s 10 homepage sections provide professional, conversion-focused layouts without coding. By customizing each section thoughtfully and using AI generation for content, you can build stunning homepages in minutes.

For more customization options, explore our guide on AI content generation or check out WordPress Customizer documentation.

Ready to customize? Navigate to Appearance