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.
In this article:
- Locating and using the hotspot editor
- Link hotspot
- Page-jump hotspot
- Video hotspot
- External content hotspot
- Product hotspot
- Add an image
- Generated Product
- Applying hotspots to increase clickthrough
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.
You can even have the product details show directly on the page and use Product hotspots to add dynamic content.
Add an image
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.
With Generated Products you can add product hotspots to your publication, of which the content is automatically selected from the product feed directly using a set of rules you define per each hotspot.
The selected product is also dynamically rendered onto the page, which means you can create content very fast and the generated products will be replaced automatically when they no longer meet the requirements. For example, if a product goes out of stock, it will be replaced with another product that does meet the criteria you have previously defined in the rules for the hotspot.
Applying hotspots to increase clickthrough
Get most out of your online publications by learning more about the best practices for tagging pages with hotspots. We have documented these for you here: Applying hotspots to increase clickthrough