Article sections

    A very effective way to make your visitors buy more is to show them the amount they need to spend in order to get free delivery. This way you will also prevent the cart abandonment for those who haven’t reached the minimum amount spent for free shipping.

    Step 1. Create the OnPage variable

    The first thing you must do is create an OnPage Variable for the total cart amount, in order to use it in segmentation. On the left side menu, select the ‘Advanced’ option, then ‘OnPage Variables’ and create a new variable.

    To create a new total cart amount variable, click on the element on the page that holds the value and the selector will be automatically created. Then press ‘Save’.

    Step 2. Create the banner

    From the main menu, select the ‘Overlay’ option and then the ‘Create an Overlay’ button:

    Then filter the available templates by selecting ‘Free Delivery’ and choose a template from the list (or, create your custom personalized one).

    Then choose the On Load trigger:

    Step 3. Edit and design the overlay

    Edit the overlay design using the options from the left side menu, in the Design section. You can also add an animation in the Template section. For this example, we will choose the banner to slide from the bottom after 10 seconds, on load.

    You can also edit and style the text and the overlay appearance using the editing menu on the right side.

    Step 4. Set the audience and the segmentation

    To choose your audience, enter the URL of the page(s) where you want to trigger the experiment at “Manage the pages where you want to run this experiment”.

    Then create or select a segment:

    We will create a segment based on the OnPage Variable that we previously created, to show the banner only to visitors who need to add more to the cart to reach the amount of 200$ and get free delivery.

    After you press the ‘Save’ button, select the radio button for the created segment to use it.

    Then set up device type segmentation and frequency too:

    Step 5. Set the traffic allocation and goals

    Move the blue slider to allocate and split the traffic between Control and Variation(s):

    Then set up the goals that you want to track, either select from the list or create new ones:

    When you click on the red button, this window will show up:

    Step 6. Schedule and publish the banner

    The final step is to make the settings for the experiment scheduling and then you can set it live:

    Finally, here’s how the pop-up will look on the website:

    DON’T FORGET: After each time you publish or update an experiment, you have to wait 3-4 minutes until it will be visible on your website. If you want to see the changes live instantly, install the OmniTool extension that helps bypass the cache system which generates the delay. You can download OmniTool here.

    Was this post helpful?