Step 1. Upgrade to PRO
In HeroLink, navigate to the Billing page and upgrade to the Pro plan. This gives you access to A/B testing, analytics and more.
Step 2. Navigate to the theme editor.
Navigate to the theme editor. You can also use the shortcut provided in the app by clicking on "Enable in theme editor".
Assuming you want to add the banner to your store's homepage, ensure that "Home page" is selected in the top bar of the theme editor.
Step 3. Enable the PRO app block
Create a new Apps section and click on Add block. From the Apps tab, find and add HeroLink Banner PRO.
IMPORTANT! Please make sure you choose the PRO block if you'd like to use the advanced, PRO-only settings, like A/B testing and analytics.
Step 4. Enable A/B Testing and Analytics
In the right sidebar you will find the banner settings.
Scroll down to Advanced Settings and choose Enable A/B Testing and Enable Analytics.
Step 5. A/B test the image
To split test the image you use for the banner please choose a main version (variant A) and a secondary version both on desktop and mobile.
Step 6. A/B test the link
Provide a link to be used along with the main image, and a secondary option (variant B link) to be used with the variant B image.
Step 7. Other optional features
In the PRO version of HeroLink you will also find a section for custom CSS as well as the option to add a text and button overlay.
Step 8. Track analytics and A/B test results
Back in the app, you can find a page for Analytics and a page for A/B testing. Navigate to these pages to keep track of clicks, views and CTR, as well as to determine the winner of your split tests.
