# Elementor

{% embed url="<https://www.youtube.com/watch?v=-KVtGDrO6Ro>" %}

Running A/B tests on an Elementor site is straightforward with Optibase. Note that this requires Elementor Pro, as you must be able to add custom HTML attributes to your widgets and sections.

***

### 1. Create Your Test in Optibase

1. Navigate to your Optibase Dashboard and click Create Test.
2. Name your test: For example, `CTA Test`.
3. Select Type: Choose A/B Test (used for testing variations on the same page).
4. Click Continue.

***

### 2. Define the Conversion Goal

A conversion is the marker of success—the action you want your visitors to take.

1. Name the conversion: e.g., `CTA`.
2. Type: Select Click (most common for buttons).
3. Count once per user: Enable this for lead generation to prevent multiple clicks from a single user from skewing your data.
4. Click Create Conversion.

The Conversion ID: `CTA`

***

### 3. Tag Elements in Elementor

In Elementor, you will apply attributes using the Advanced > Attributes panel.

> Important: Elementor uses a specific format for attributes. Instead of `key="value"`, you must use a pipe symbol: `key|value`.

#### Step 3a: Add the Conversion Attribute

Select the buttons or elements you want to track and add the following in the Attributes box:

data-optibase-click-conversion-id|CTA

#### Step 3b: Add Test and Variant IDs

Create your variants in Optibase (e.g., `first` and `second`). Tag each version of your element in Elementor with its specific ID and the shared Test ID:

| **Attribute Key** | **Value for Variant 1**    | **Value for Variant 2** |
| ----------------- | -------------------------- | ----------------------- |
| Test ID           | \`data-optibase-test-id    | cta-test\`              |
| Variant ID        | \`data-optibase-variant-id | first\`                 |

Note on Structure: If you are testing a whole section rather than just a button, place the Test ID and Variant ID on the Section/Container and the Conversion ID on the button inside it.

***

### 4. Launch and Verify

Once your attributes are saved and the Elementor page is published:

1. Return to the Optibase Dashboard.
2. Set the test status to Active to start immediately.
3. Verification: Open your site in an Incognito window. You should only see one of the variants.
4. Check Results: Perform a test click and check the Results tab in your dashboard to see the data track in real-time.

***

### Advanced Management Features

* Targeting: Use Restrictions to limit your test to specific locations, devices, operating systems, or browsers.
* Automation: Set your test to Auto-stop after a certain number of users (e.g., 500+) or set up Email Alerts for specific conversion rate milestones.
* Agency Workspaces: Organize different clients into separate Workspaces to keep data, billing, and team permissions isolated.
* Global Insights: Beyond specific tests, use the Analytics tab to monitor site-wide traffic and visitor behavior.