Hotspots are interactive elements added on top of the page, which trigger a certain action when clicked. Whether it is to boost your revenue or to tell a story you can use hotspots to make your publication more effective and interactive. You can link products to their detail pages on your online store, promotions to their dedicated landing pages or add animations and videos to create a more immersive experience.
There are five different types of hotspot:
Locating and using the hotspot editor
How to enter the hotspot editor:
Click on the Edit button in the app to enter the hotspot editor. To create a hotspot, use the toolbar on the left to select the type of interaction you like to add to the page. Once you've selected a hotspot-type, draw a rectangle that represent the clickable area and submit the details on the right to facilitate the action.
The hotspot editor:
When clicked, Link hotspots send traffic to an external URL. Link hotspots are very effective in driving traffic (back) to your website. You can also link to an email address (mailto:firstname.lastname@example.org) or a telephone number (tel:0123456789).
When clicked, a Page-jump hotspot will open a preselected page within the current publication.
A Video hotspot can either play a video on top of the page or in a popup window. Click here to learn more about adding videos to an online publication.
With a Product hotspot, more product details can be added to a publication, which load in an overlay window. You can add multiple products in the same hotspots (example). A call-to-action button is present in this overlay window that will take the user to the product detail page on your website.
The easiest way to add the product details is using the Product Feed integration.
When applied effectively, Product hotspots allow users to find more product information without opening a new window. This improves the user experience and, even though the clickthrough rate will be lower compared to using Link hotspot, the users that click on the link (CTA button) to your site are more likely to convert.
This is the only hotspot type that is not clickable. It simply displays an image on top of the page. To make the image clickable you can add an interactive hotspot on top of it. Click here to learn more about adding images to your online publications.
Please also check out this great resource: Applying hotspots to increase clickthrough