This step-by-step tutorial shows you how to create and run A/B tests (split tests) to optimize your landing page conversions.
What You’ll Learn
By the end of this tutorial, you’ll know how to:
- Create A/B test experiments
- Design test variants
- Configure traffic distribution
- Track and analyze results
- Declare a winning variant
- π Increase conversions: Find what works best
- π‘ Make data-driven decisions: Remove guesswork
- π° Improve ROI: Get more from existing traffic
- π― Understand your audience: Learn what resonates
- β Published landing page with traffic
- β Analytics enabled for tracking
- β Conversion goal defined (form submit, button click, etc.)
- β Hypothesis: What you want to test and why
- Minimum: 100 visitors per variant
- Better: 500+ visitors per variant
- Ideal: 1,000+ visitors per variant
- β Headline: The first thing visitors see
- β Call-to-Action (CTA) button: Text, color, size, position
- β Hero image: Visual appeal and relevance
- β Form fields: Number and type of fields
- β Social proof: Testimonials, trust badges, stats
- β Body copy: Length, tone, benefits vs features
- β Layout: Single column vs multi-column
- β Colors: Brand colors vs contrasting colors
- β Pricing display: Format, emphasis, discounts
- Go to Landing Pages in WordPress admin
- Find your published landing page
- Hover over the landing page title
- Click Create Experiment
- Go to ShahiLandin β Experiments
- Click Add New Experiment
- Select the landing page you want to test
- Descriptive: Explain what you’re testing
- Include date: “Headline Test – Nov 2024”
- Version numbers: “Homepage Test v3”
- Form submission
- Button click
- Purchase
- Download
- Scroll depth
- Time on page
- 50/50 split: Standard for A/B test (recommended)
- 33/33/33: For A/B/C test with two variants
- 80/20: To minimize risk, show variant to fewer visitors
- Click Visual Editor tab
- You’ll see a preview of your landing page
- Click on the headline to edit
- Type the new headline: “Get 10x More Email Opens in 30 Days”
- Click Save Changes
- Click HTML tab
- Find the headline in the code:
- Change to:
- Click Save Changes
- Click CSS tab
- Add or modify styles:
- Click Preview button
- New tab opens showing Variant A
- Verify changes look correct
- Test on mobile (resize browser or use DevTools)
- Control (Original): 50% traffic
- Benefits Headline: 50% traffic
- β Conversion tracking is set up correctly
- β Variant shows only ONE change from control
- β Traffic split adds up to 100%
- β Landing page is getting adequate traffic
- β Test duration is reasonable (2-4 weeks typically)
- β Analytics is enabled
- Click Start Experiment button
- Confirm you want to start
- Status changes from “Draft” to “Running”
- Visitors are randomly assigned to Control or Variant A
- Each visitor consistently sees the same version (via cookie)
- ShahiLandin tracks views and conversions for each variant
- Statistics update in real-time
- β Stop the test too early
- β Make changes to landing page during test
- β Start other tests on same page
- β Check results every hour
- β Let test run for at least 1-2 weeks
- β Monitor for technical issues
- β Continue driving traffic to the page
- β Check weekly for statistical significance
- Go to ShahiLandin β Experiments
- Click on your experiment name
- View the statistics dashboard
- Visitors: 523
- Conversions: 42
- Conversion Rate: 8.03%
- Confidence: —
- Visitors: 508
- Conversions: 61
- Conversions Rate: 12.01%
- Confidence: 95.2% β
- < 90%: Not significant – keep testing
- 90-94%: Marginally significant – might work
- 95%+: Statistically significant – reliable winner β
- 99%+: Highly significant – very reliable
- β Confidence level is 95% or higher
- β Both variants have minimum sample size (100+ each)
- β Test ran for at least 1 week (preferably 2)
- β Results are consistent (not wildly fluctuating)
- Click Declare Winner button
- Select the winning variant
- Add notes about the test (optional):
- Click Confirm
- Experiment status changes to “Completed”
- Test stops running
- All traffic now goes to original landing page (no automatic changes)
- Results are archived for future reference
- Go to Landing Pages
- Edit your landing page
- Update the content with the winning variant:
- Click Update
- Clear all caches
- Verify changes on live page
- When to implement
- How to implement
- Whether to implement partially
- Whether to test further first
- Test 1: Headline (complete)
- Test 2: CTA button color
- Test 3: Form fields
- Test 4: Hero image
- β Know exactly what caused improvement
- β Build cumulative improvements
- β Learn systematically
- Landing Page A: Test headline
- Landing Page B: Test pricing
- Landing Page C: Test social proof
- Test big changes first: Headline, CTA, hero image
- Test one element at a time: Isolate variables
- Run long enough: At least 1-2 weeks, 100+ conversions
- Reach significance: Wait for 95%+ confidence
- Document learnings: Keep notes on all tests
- Headline
- CTA button (text, color, size)
- Hero image or video
- Social proof (testimonials, stats)
- Form length (number of fields)
- Body copy length
- Benefits vs features
- Pricing display
- Page layout
- Color scheme
- Font choices
- Icon styles
- Footer content
- Minor spacing tweaks
- β Statistical significance reached (95%+)
- β Minimum sample size met (100+ per variant)
- β Minimum duration elapsed (1-2 weeks)
- β Results are stable
- Maximum duration reached (4-6 weeks)
- Technical issues invalidate results
- Business requirements change
- Optimizely Calculator: https://www.optimizely.com/sample-size-calculator/
- VWO Calculator: https://vwo.com/ab-split-test-duration/
- Evan Miller’s Calculator: https://www.evanmiller.org/ab-testing/sample-size.html
- Current conversion rate: 5%
- Minimum detectable effect: 20% (relative improvement)
- Statistical power: 80%
- Significance level: 95%
- Verify experiment status is “Running”
- Check landing page is published
- Drive traffic through ads, email, social media
- Wait longer – low traffic takes time
- Verify conversion goal is set up correctly
- Test conversion manually (submit form, click button)
- Check analytics is enabled
- Review browser console for JavaScript errors
- Traffic too low – need more visitors
- Variants too similar – make bigger changes
- Baseline conversion rate very high – harder to improve
- Continue running or declare test inconclusive
- Check traffic allocation settings
- Verify experiment is running (not draft)
- Clear caches
- Test in different browsers/incognito mode
- β Plan and set up A/B test experiments
- β Create test variants with controlled changes
- β Configure traffic distribution
- β Monitor experiment progress
- β Analyze results and reach statistical significance
- β Declare winners and implement improvements
- β Follow best practices for reliable testing
- How to Set Up Conversion Tracking
- How to Analyze Landing Page Analytics
- How to Optimize Performance
- How to Create Your First Landing Page
- A/B Testing Experiments Feature Guide
- A/B Testing Issues Troubleshooting
- Analytics Tracking Feature Guide
Time Required: 15-20 minutes
Difficulty: Intermediate
Prerequisites: At least one published landing page
What is A/B Testing?
A/B testing (or split testing) shows different versions of your landing page to visitors and measures which performs better.
Example: Test two different headlines to see which one generates more signups.
Why A/B Test?
Before You Start
What You Need
Recommended Minimum Traffic
For reliable results, you need:
Low traffic? Tests will take longer but still work.
Step 1: Choose What to Test
Good Test Ideas
Start with elements that have the biggest impact:
High-Impact Elements:
Medium-Impact Elements:
For This Tutorial
We’ll test two different headlines to see which generates more email signups.
Hypothesis: A benefit-focused headline will convert better than a feature-focused headline.
Control (Original): “Professional Email Marketing Software”
Variant A: “Get 10x More Email Opens in 30 Days”
Step 2: Access the Experiments Section
Alternative path:
Step 3: Set Up Your Experiment
You’ll see the Create Experiment screen.
3.1 Experiment Name
`
Experiment Name: Headline Test – Benefits vs Features
`
Tips for naming:
3.2 Description (Optional)
`
Description: Testing benefit-focused headline against feature-focused headline to improve email signup conversions.
Hypothesis: Benefit-focused messaging will resonate better with visitors looking for results.
`
3.3 Select Parent Landing Page
`
Landing Page: [Dropdown menu – select your page]
`
Choose the landing page you want to run the test on.
3.4 Set Conversion Goal
Define what counts as a “win”:
`
Conversion Goal: Email Signup Form Submission
Goal Value: $10 (optional – assign dollar value to conversions)
`
Common goals:
3.5 Traffic Split
Configure how traffic is distributed:
`
Traffic Allocation:
β Control (Original): 50%
β Variant A: 50%
Total: 100% β
`
Options:
For this tutorial, use 50/50.
3.6 Test Duration
`
Duration Settings:
β Set maximum duration
β Set minimum sample size
`
Optional but recommended:
`
β Set maximum duration: 30 days
β Stop test automatically when statistical significance reached
`
Click “Create Experiment” to continue.
Step 4: Create Your Variant
After creating the experiment, you’ll be taken to the Variant Editor.
4.1 Name Your Variant
`
Variant Name: Benefits Headline
`
4.2 Edit Variant Content
You have two options for editing:
Option A: Visual Editor (Easier)
Option B: HTML Editor (More Control)
`html
Professional Email Marketing Software
`
`html
Get 10x More Email Opens in 30 Days
`
4.3 CSS Changes (If Needed)
If you want to change styling too:
`css
.hero h1 {
color: #ff6600; / Change headline color /
font-size: 48px; / Make it bigger /
font-weight: bold;
}
`
4.4 Preview Your Variant
Important: Only change the ONE element you’re testing. Don’t change multiple things at once or you won’t know what caused the difference.
4.5 Save Variant
Click Save Variant button when satisfied.
Step 5: Review Experiment Settings
Before starting the test, review your configuration:
Experiment Summary
`
ββββββββββββββββββββββββββββββββββββ
Experiment: Headline Test – Benefits vs Features
Landing Page: Email Marketing Page
Status: Draft
Variants:
Conversion Goal: Email Signup Form Submission
Goal Value: $10
Duration: 30 days (or until statistically significant)
ββββββββββββββββββββββββββββββββββββ
`
Pre-Launch Checklist
Before starting, verify:
Step 6: Start Your Experiment
When ready to launch:
Your test is now live! π
What Happens Now?
Immediate Actions
Don’t:
Do:
Step 7: Monitor Your Results
View Experiment Dashboard
Understanding the Dashboard
You’ll see:
`
ββββββββββββββββββββββββββββββββββββ
Running for: 7 days
Control (Original)
Variant A (Benefits Headline)
Winner: Variant A
Improvement: +49.6%
Statistical Significance: Reached β
ββββββββββββββββββββββββββββββββββββ
`
Key Metrics Explained
Visitors: Number of unique people who saw this variant
Conversions: Number who completed the goal
Conversion Rate: Percentage who converted (conversions Γ· visitors)
Confidence: Statistical confidence that this variant is truly better
Improvement: How much better than control
Statistical Significance
What it means: How confident you can be that the difference is real, not random luck.
Confidence Levels:
Wait for 95%+ confidence before declaring a winner.
Step 8: Analyze the Results
After 1-2 Weeks
Check your experiment dashboard. You’ll likely see one of these scenarios:
Scenario 1: Clear Winner (95%+ Confidence)
`
Variant A is winning with 95%+ confidence
`
Action: Proceed to Step 9 to declare winner
Scenario 2: Trending But Not Significant
`
Variant A shows 12% conversion vs 8% control
But confidence is only 87%
`
Action: Keep test running, need more traffic
Scenario 3: No Clear Difference
`
Both variants performing similarly
Control: 8.1% | Variant A: 8.3%
Confidence: 42%
`
Action: Either continue testing or accept that this change doesn’t matter
Scenario 4: Variant is Losing
`
Variant A: 6.2% conversion
Control: 8.1% conversion
Confidence: 94% that control is better
`
Action: Stop test, implement original (control wins)
Step 9: Declare the Winner
When you’ve reached statistical significance (95%+ confidence):
9.1 Review Final Stats
Double-check:
9.2 Declare Winner
`
Notes: Benefit-focused headline improved conversions by 49.6%. Visitors respond better to outcome-based messaging. Consider applying this principle to other pages.
`
9.3 What Happens After
Step 10: Implement the Winner
Important: ShahiLandin doesn’t automatically update your page. You must manually implement the winning variant.
How to Implement
`html
Professional Email Marketing Software
Get 10x More Email Opens in 30 Days
`
Why Manual Implementation?
This gives you control over:
Advanced: Running Multiple Tests
Sequential Testing (Recommended)
Test one element at a time:
Benefits:
Parallel Testing (Advanced)
Test different pages simultaneously:
Don’t test multiple elements on the SAME page simultaneously unless you know multivariate testing.
Best Practices for A/B Testing
Testing Strategy
What to Test (Priority Order)
High Priority (Test First):
Medium Priority:
Low Priority:
Common Mistakes to Avoid
β Stopping too early: Need adequate sample size
β Testing multiple things: Can’t tell what worked
β Not waiting for significance: Random fluctuations mislead
β Ignoring mobile: Test on all devices
β Testing without hypothesis: Test with purpose
β Making changes during test: Invalidates results
β Peak Effect bias: Early results often don’t hold
When to Stop a Test
Stop when:
Or stop if:
Calculating Sample Size
Need to know how long to run your test?
Simple Formula
`
Sample size needed per variant =
(Baseline conversion rate Γ 0.5) Γ 1000
Example:
If current conversion rate is 5%:
(0.05 Γ 0.5) Γ 1000 = 25 Γ 1000 = 25,000 visitors total
= 12,500 per variant
`
Use Online Calculators
Easier option: Use A/B test calculator
Input:
Output: Sample size needed and estimated duration
Troubleshooting
Test Not Getting Traffic
Problem: No visitors or very few
Solutions:
Conversions Not Tracking
Problem: Zero conversions for both variants
Solutions:
Results Not Statistically Significant
Problem: Test running for weeks, still no significance
Solutions:
One Variant Gets All Traffic
Problem: Traffic not splitting 50/50
Solutions:
Summary
You’ve learned how to:
Start testing and optimizing your landing pages today!
Related Tutorials
Additional Resources
—
Questions? Contact support or visit our documentation.
Share this article
Still need help?
Our support team is ready to assist you with personalized guidance for your workspace.