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. But here's the thing: even the most beautifully designed website can always convert better.

In this guide, I'll show you exactly how to set up conversion-optimizing A/B tests on your Bricks Builder site in less than 60 seconds. No coding required, no complicated setup - just pure, data-driven optimization.

What Can You Test with Bricks Builder?

The beauty of AB Split Test's integration with Bricks is that you can optimize virtually 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 critical. They're the first thing visitors see. Let's test if a design change improves conversions.

Step 1: Create Your Test (30 seconds)

  1. Go to AB Split Test → Add New Test
  2. Choose On-Page Test (for template parts like headers/footers)
  3. Set your Conversion Goal:
    • For WooCommerce stores: Use "WooCommerce Order Received" page
    • For lead gen: Use form submission or thank-you page
  4. Choose to test on logged-out users and customers
  5. Click Create Test

Done! Your test is now live.

Step 2: Create Your Header Variations (30 seconds)

  1. Go to Templates → Edit your header in Bricks
  2. Duplicate your header section (you'll have 2 versions)
  3. Make your changes to the second version:
    • Change navigation style
    • Swap logo placement
    • Modify button design
    • Adjust colors/spacing
  4. 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"
  5. Save

That's it! 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 "View Results" to see test statistics (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

  1. AB Split Test → Add New Test
  2. Name it: "Product Page Testimonials"
  3. Conversion goal: WooCommerce Order Received
  4. Test type: On-Page Test
  5. Click Create

Step 2: Build Your Variations in Bricks

  1. Edit the product page with Bricks
  2. Add a testimonial section below your product description
  3. Duplicate that section to create a second variation:
    • Version A: 3 testimonials
    • Version B: Feature/benefit list instead
  4. Tag each container:
    • Select the container → Style → AB Split Test
    • First version: Choose your test → Name: "Testimonials"
    • Second version: Same test → Name: "Features"
  5. Save

Step 3: Use Dynamic Content (Pro Tip)

You can make this even more powerful:

  • Pull in real product reviews dynamically
  • Show category-specific testimonials
  • Display related product suggestions

Bricks' dynamic content + AB Split Test = conversion optimization on steroids.


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 guess. Don't stop early. Let the data tell you when you're 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 Literally 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)

Test High-Traffic Pages First

  • Homepage
  • Top product pages
  • Main landing pages

More traffic = faster results = quicker optimization wins.

Use WooCommerce Integration

For e-commerce sites, AB Split Test tracks:

  • Order value
  • Revenue per variation
  • Conversion rates
  • Cart additions

You're not just optimizing clicks - you're optimizing revenue.

Let Tests Run Long Enough

Don't stop at 80% confidence. Wait for 95%+.

Stopping early = false positives = making decisions 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

Why This Matters for Bricks Builder Users

Bricks Builder gives you unmatched design flexibility. But design is only half the battle.

AB Split Test gives you the data to know which designs actually convert.

Together, they're unstoppable:

  • Bricks = Build anything you can imagine
  • AB Split Test = Know which version wins

Stop guessing. Start testing. Make data-driven decisions that grow your business.


What's New Since This Video? 🆕

This video tutorial is still accurate, but AB Split Test has added several powerful features since it was filmed:

Public Reports (v2.4.1)

Share test results with clients via secure URLs - no WordPress login required! Perfect for:

  • Client reporting
  • Stakeholder updates
  • Team collaboration

How to use: Click the "Share" tab on any test to generate a 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

Set "Form Submission" as your conversion goal and AB Split Test detects form plugins automatically.

Session Replays (v2.4.0)

Watch real visitor sessions with:

  • Cursor movement tracking
  • Click visualization
  • See exactly how users interact with each variation

Perfect for: Understanding 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

Available in: Magic Bar while editing pages

Heatmaps (v2.2.0)

Built-in heatmaps show:

  • Where visitors click
  • How far they scroll
  • What they ignore
  • Rage clicks (frustration points)

Use it 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).

Benefit: Capture more conversions WHILE testing.

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

See: Which variation wins across different metrics.


Get Started in 60 Seconds

Here's your action plan:

  1. Install AB Split Test (if you haven't already)
  2. Pick ONE thing to test (don't overthink it)
  3. Create the test (30 seconds)
  4. Build your variations in Bricks (30 seconds)
  5. Let it run until you hit 95% confidence
  6. Implement the winner
  7. Repeat

Every month, test one new thing. In 12 months, you'll have optimized your entire site based on real data, not opinions.


Bonus: Free Conversion AI

Not sure what to test? AB Split Test includes Conversion AI that analyzes your site and gives you specific, actionable suggestions:

  1. Go to absplittest.com
  2. Enter your website URL
  3. Get instant suggestions on what to test

It works on any website - even your competitors' sites. Use it to find optimization opportunities you might have missed.


Final Thoughts

Bricks Builder + AB Split Test is the perfect combination:

  • Design flexibility meets conversion optimization
  • Creative freedom meets data-driven decisions
  • Beautiful design meets measurable results

You don't need to be a CRO expert. You don't need to understand statistics. Just follow this process, let the plugin do the math, and watch your conversions improve.

Start testing today. Your future self (and your conversion rate) will thank you.

Leave a Comment

You must be logged in to post a comment.