How to set it up
Here’s how to configure a dynamic free shipping widget on your site using Claspo.
Step 1: Create a new campaign
Pick a template to get started fast. It’ll save you a lot of time – simply adjust the design to suit your website.
Step 2: Customize
You can easily change the text, colors, and customize the button on the sticky bar. But the key part is setting up a merge tag that will display the difference between the total amount in the cart and the free shipping threshold.
We don’t do any calculations ourselves; the events need to be set up in your data layer so that Claspo can simply pull the value and display it. If those events aren't set up yet, you'll need to create them.
Step 3: Set triggering
To ensure the widget works correctly, it should only appear when the user adds at least one item to the cart. For this, you will also need to use the data layer.
In the On Pages section, select Data layer event and insert the values that are defined in your data layer.
Note that the values in the screenshot are for demonstration purposes only.
Step 4: Connect with your marketing tools
You can connect Google Analytics to track the performance of the widget if you wish. Claspo will gather the data automatically, so activating this feature is optional.
Step 5: Save and publish
Once everything is set, you can publish your widget.