Bricks Builder

Running A/B tests in Bricks Builder is highly efficient thanks to its native support for custom HTML attributes. This allow you to test different layouts, sections, or components without writing any custom code.


1. Create Your Test in Optibase

  1. Navigate to your Optibase Dashboard and click Create Test.

  2. Name your test: Use a descriptive name (e.g., Two Variant Test).

  3. Select Type: Choose A/B Test (best for testing different layouts or sections on the same page).

  4. Click Next.


2. Define Your Conversion Goal

A conversion is your "marker of success"—the specific action you want users to take.

  1. Click Create Conversion.

  2. Name it: e.g., button (or something more specific like demo-button-clicked).

  3. Type: Select Click (the most common goal for button tests).

  4. Count once per user: Check this if you want to ensure that one user clicking multiple times doesn't skew your data. Leave it unchecked for e-commerce sites.

  5. Click Create Conversion.

Copy the Goal Attribute: data-optibase-click-conversion-id="button"


3. Tag Your Elements in Bricks Builder

Open your page in Bricks Builder. You can test entire sections by duplicating them and applying the Optibase attributes.

Step 3a: Add the Test and Variant IDs

For each section (Variant) you want to test, go to the Settings > Attributes panel in Bricks:

Attribute Name

Value for Variant 1

Value for Variant 2

data-optibase-test-id

two-variant-test

two-variant-test

data-optibase-variant-id

variant-1

variant-2

Step 3b: Add the Conversion Attribute

Select the button or element inside your sections that should trigger the goal:

  1. Go to Settings > Attributes.

  2. Add Attribute Name: data-optibase-click-conversion-id

  3. Value: button


4. Launch and Monitor

Once your attributes are saved and your Bricks page is published:

  1. Return to Optibase and set the test status to Active (to start immediately) or Scheduled.

  2. Visual Verification: Open your live site. You should only see one of the two sections.

  3. Results: Monitor the Results tab to see real-time data on conversion rates and the probability of each variant being the "best."


Advanced Management Features

  • Targeting & Restrictions: Narrow your test audience by location, screen size (Mobile vs. Desktop), OS, or browser.

  • Site-Wide Analytics: Monitor your overall traffic trends to see which devices and locations are driving the most engagement across your entire project.

  • Agency Workspaces: If you manage multiple clients, create separate Workspaces for each. This keeps data, billing, and team members organized and isolated.

  • IP Management: Use the IP Blacklist in Workspace Settings to exclude your own office traffic from test data.

  • Events Feed: View a live feed of activity to ensure your data is accurate and identify any unusual patterns.

Last updated