Skip to main content

Publish your first free banner

Get started with HeroLink in less than 2 minutes

Step 1. 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 2. Enable the app block.

Create a new Apps section and click on Add block. From the Apps tab, find and add HeroLink Banner.

(if you use the shortcut from the app, this step might be completed automatically)

Step 3. Configure the desktop image.

Click on HeroLink Banner to reveal the customizable settings in the right sidebar.

Select an image to use for the desktop version of the banner. For accessibility and SEO purposes, provide an alt text and choose a suitable aspect ratio for the image.

Step 4. Configure the mobile image.

Choose the same or a different image for mobile.

Step 5. Choose the banner destination.

You can configure the banner to go to an external link when clicked, or to one of the internal pages of your store. Additionally, select whether you'd like the link to open in the same tab or a new tab.

Step 6. Save

Click the Save button in the top right corner to publish the banner.

Well done! 🎉

The banner is now live in your store! If you're looking for more features, such as A/B testing, analytics check out this article about the Pro version of HeroLink.

Did this answer your question?