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 seven different types of hotspots:
- Link hotspot
- Page-jump hotspot
- Video hotspot
- External content hotspot
- Product hotspot
- Image hotspot
- Slideshow 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 or a telephone number.
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 your online publication.
External content hotspot
This hotspot is similar to the Link hotspot. You can enter an external address for the user to explore by clicking on it. Instead of opening the URL in a new window, as the Link hotspot does, the External content hotspot opens the URL opens in a popup window within the publication reader. For example, this hotspot is ideal for embedding Google Forms into your catalog. Click here to learn more about adding external content to your 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 hotspot 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.
Like the Image hotspot, the Slideshow hotspot adds new content to the page. In this case, you can add up to 10 images to the hotspot. The hotspot will display each image one-by-one in a looping sequence. Click here to learn more about adding slideshows to your online publications.
Please also check out this great resource: Applying hotspots to increase clickthrough