You can now add badges to your cart to show your customers how much impact is in their basket.
Please note that this feature is currently in Beta and by using it, you will be participating in an A/B test. This means that 50% of your customers will not see the badge at checkout. The sample is randomized. The purpose of this experiment is to find the quantitative value of adding the impact badge to a cart page.
1. Enrolling in the experiment
To add the impact badge to your cart, you first need to enroll in the experiment. To do this, navigate to the Verdn app on your Shopify page and go to the Customize tab from the left-hand menu.
In the Cart Badge section, click Activate to enroll in the experiment.
You will then need to click on 'Set up app block' button to enable our cart "app block" (named Verdn Cart Badge Setup).
Ensure that the toggle for the app is on and then press Save from the top right-hand corner.
2. Adding the impact badge to your cart page
To add the impact badge to your cart, you will need to go to your Shopify store and click on Customize, from your Themes tab. This will bring you to the theme editor.
From the theme editor, click on the drop-down menu and navigate to your cart page.
Pro tip: Choose one of your impact products to add to your cart first. This will enable you to see the impact badge in your cart so you can edit it.
You can add the impact badge by either pressing Add Section or Add Block on the left-hand menu. The impact badge can be under the app list. It will be labeled as Cart Badge with the Verdn logo.
You can move this section to where it best fits your cart page design. Make sure to press 'Save' when you’re happy with the badge placement.
3. Customizing the look of your cart page
Once added, you can edit the badge by clicking on Customize.
Within this customization menu, you are able to set several attributes, including padding, font size, and badge color. This theme color will be shown underneath the Cart Badge app when set. Make sure to press 'Save' when you are finished editing the badge.
4. Check for the badge, despite the A/B test running
Please note that while checking the badge in your cart, you may not see the badge as this is a beta feature and it is only shown to 50% of your visitors.
To circumvent this, please set the Verdn cookie to "true". To do this via the Chrome browser:
1. Right click on the cart page
2. Click "Inspect"
3. Navigate to "Application"
4. Set the 'Verdn.cart-badge' cookie to "true"
5. Refresh the page