Bricks Builder
If you're using Bricks Builder to create your WordPress website, you're already ahead of the game with one of the most powerful page builders available. Even the most beautifully designed website can still convert better.
In this guide, we'll show you exactly how to set up conversion-optimizing A/B tests on your Bricks Builder site in less than 60 seconds. You don't need any code or a complicated setup.
What Can You Test with Bricks Builder?
With AB Split Test's Bricks integration you can test almost anything:
- Template parts (headers, footers, sidebars)
- Page content (sections, containers, elements)
- WooCommerce pages (product pages, shop pages, checkout)
- Individual elements (headings, buttons, images, testimonials)
Let's walk through two real examples: optimizing a header and a WooCommerce product page.
Example 1: Testing Your Header Design
Headers are the first thing visitors see. Let's test if a design change improves conversions.
Step 1: Create Your Test (30 seconds)
- Go to AB Split Test → New Test
- Choose On Page Elements (for template parts like headers/footers)
- Set your Conversion Goal:
- For WooCommerce stores: Use "Checkout Order Received (Thank You Page)" under WooCommerce
- For lead gen: Use form submission or thank-you page
- Choose to test on logged-out users and customers
- Click Launch Test
Your test is now live.
Step 2: Create Your Header Variations (30 seconds)
- Go to Templates → Edit your header in Bricks
- Duplicate your header section (you'll have 2 versions)
- Make your changes to the second version:
- Change navigation style
- Swap logo placement
- Modify button design
- Adjust colors/spacing
- Tag each version:
- Click on Section → Style → AB Split Test
- First version: Select your test → Name it "Default"
- Second version: Select same test → Name it "Variation"
- Save
Your header is now being A/B tested.
Step 3: Preview Your Variations
Since you're logged in, you'll see the default version by default. But you can preview either version:
- Use the admin bar dropdown to switch between "Default" or "Variation"
- Click the test name in the admin bar dropdown to open the test and see its results (after data comes in)
Example 2: Testing Product Page Elements
Let's optimize a WooCommerce product page by testing whether adding testimonials increases conversions.
Step 1: Create the Test
- AB Split Test → New Test
- Name it: "Product Page Testimonials"
- Conversion goal: Checkout Order Received (Thank You Page)
- Test type: On Page Elements
- Click Launch Test
Step 2: Build Your Variations in Bricks
- Edit the product page with Bricks
- Add a testimonial section below your product description
- Duplicate that section to create a second variation:
- Version A: 3 testimonials
- Version B: Feature/benefit list instead
- Tag each container:
- Select the container → Style → AB Split Test
- First version: Choose your test → Name: "Testimonials"
- Second version: Same test → Name: "Features"
- Save
Step 3: Use Dynamic Content (Pro Tip)
You can also use Bricks dynamic content to:
- Pull in real product reviews dynamically
- Show category-specific testimonials
- Display related product suggestions
Understanding Your Results
After your test runs for a while, here's what you'll see:
Reading the Dashboard
- Visits: How many people saw each variation
- Conversions: How many completed your goal
- Conversion Rate: Percentage who converted
- Confidence Level: Statistical certainty (wait for 95%+)
When to Declare a Winner
AB Split Test does all the statistical heavy lifting for you:
95% confidence = you have a winner.
Below 95% = keep the test running (not enough data yet)
Don't stop early. Wait until the data says the test is ready.
Key Testing Principles for Bricks Builder
1. Test Template Parts with On-Page Tests
- Headers
- Footers
- Sidebars
- Global sections
These appear across multiple pages, so use On-Page Tests to test the template itself.
2. Test Entire Pages with Full-Page Tests
- Home page variations
- Different landing pages
- Alternate shop page designs
- Various blog post layouts
Use Full-Page Tests when you want to swap entire page designs.
3. You Can Test Almost Anything
The flexibility of Bricks + AB Split Test means you can test:
- A single heading
- An entire section
- A button color
- Navigation layout
- Product image placement
- Testimonial sections
- Call-to-action buttons
- Feature lists
If you can build it in Bricks, you can test it.
Pro Tips for Better Tests
Start Small
Don't test 10 things at once. Test one change per variation:
Header with logo left vs logo center- Product page with testimonials vs without
- Complete redesign with 15 changes (you won't know what worked)
Complete redesign with 15 changes (you won't know what worked)Test High-Traffic Pages First
- Homepage
- Top product pages
- Main landing pages
More traffic gets you results faster.
Use WooCommerce Integration
For e-commerce sites, AB Split Test tracks:
- Order value
- Revenue per variation
- Conversion rates
- Cart additions
Let Tests Run Long Enough
Don't stop at 80% confidence. Wait for 95%+.
If you stop early, you risk false positives and decisions based on bad data.
Common Bricks Builder Test Ideas
Header Tests
- Navigation style (horizontal vs hamburger)
- Logo placement (left, center, right)
- CTA button prominence
- Sticky vs non-sticky
Product Page Tests
- Image gallery layout
- Add to cart button placement
- Testimonials above/below fold
- Trust badges location
- Product description length
Homepage Tests
- Hero section design
- Value proposition clarity
- Featured products layout
- Social proof placement
Landing Page Tests
- Headline variations
- Form length (short vs long)
- Benefit bullets vs paragraphs
- Image vs video hero
Bricks Builder gives you a lot of design flexibility.
AB Split Test gives you the data to know which designs actually convert.
Used together:
- Bricks = build anything you can imagine
- AB Split Test = know which version wins
What's New Since This Video?
This video tutorial is still accurate, but AB Split Test has added several features since it was filmed:
Public Reports (v2.4.1)
Share test results with clients through a secure URL. They don't need a WordPress login. It's useful for:
- Client reporting
- Stakeholder updates
- Team collaboration
To use it, open the test's Results tab and use the Share report box to copy the public link.
Form Submission Tracking (v2.4.1)
Now tracks conversions from any form plugin automatically:
- Contact Form 7
- Gravity Forms
- WPForms
- Elementor Forms
- Bricks Forms
Your forms are listed in the conversion goal dropdown, grouped by form plugin. Pick the form you want to track.
Session Replays (v2.4.0)
Watch real visitor sessions with:
- Cursor movement tracking
- Click visualization
- See exactly how users interact with each variation
Replays help you understand why a variation wins or loses.
CROAssist AI Chat (v2.4.0)
Get AI-powered CRO advice directly in the interface:
- "What should I test first?"
- "Is my headline compelling?"
- One-click test creation from suggestions
It's available in the Magic Bar while you edit pages.
Heatmaps (v2.2.0)
Built-in heatmaps show:
- Where visitors click
- How far they scroll
- What they ignore
- Rage clicks (frustration points)
Use heatmaps to find what to test based on real behavior data.
Dynamic Traffic Allocation (v2.1.0)
Automatically sends more traffic to winning variations during the test (Multi-Armed Bandit).
You capture more conversions while the test is still running.
Multiple Conversion Goals (v1.7.4)
Track multiple goals in one test:
- Primary: Purchase
- Sub-goal 1: Add to cart
- Sub-goal 2: Video play
You can see which variation wins on each metric.
Bonus: Free Conversion AI
Not sure what to test? AB Split Test includes Conversion AI, which analyzes your site and gives you specific suggestions:
- Go to absplittest.com
- Enter your website URL
- Get instant suggestions on what to test
It works on any website, including your competitors' sites. Use it to find test ideas you might have missed.
Related:
- Test Bricks Templates
- Test Bricks Popups
- Changelog: see all Bricks updates