How to customize hotspots?

Engaging clients can be difficult, especially on a static page. Flipbooks on the other hand can be very attractive and generate lots of leads if you include valuable content and take care of the reading experience. With Publuu’s hotspot feature, you can add photo libraries, animated GIFs, and display videos, or sounds. You can customize them in many ways and we would like to show you some tips and tricks. If you would want to fully make the most use of hotspots read along with this guide.

First, you need to pick the page you’d like to use a hotspot of your choice on. Then pick hotspot options from the top menu.

hotspot options

Link as a hotspot

When you tap the “Link” option in the top menu, it will initially appear as follows:

hotspot customized

You will also see the customization panel sliding in from the right.

link options

You can now adjust the hotspot color or the icon color itself.

hotspot settings

To do so, open a color palette by clicking on the “hotspot” or “icon” option.

hotspot colour

If you would like to hide a hotspot entirely, you need to shift the SHOW HOTSPOT switch in the LINK’S OPTIONS panel.

showing of the hotspot

You can do the same thing with a VIDEO HOTSPOT, by either embedding it or making it a hotspot.

A hotspot with an active area

To have a hotspot with an active area that highlights when you hover the mouse over it,

Go to the menu bar on the right and turn on both SHOW HOTSPOT and ACTIVE AREA options.

hotspot with an active area setting

You can also resize the active area on the hotspot by dragging it on one of its corners.

resize active area

A pulsating active area

A pulsating active area gets highlighted when your reader hovers his mouse over it.

To have an active area without the hotspot visible on it,

pulsating active area

make sure the ACTIVE AREA switch is on, while the SHOW HOTSPOT option is switched off.

Again, you can place your active area anywhere and change its size by dragging one of its corners.

Global area color

Additionally, you can also benefit of our Area color feature, which is going to let you to set up the same area color for all your hotspots. You can do it easily, just with one click.

Just tap on the area color, then with the small circle pointer, choose the color you want and switch on the Set for all option.

global active area colour

Now you can see that all your hotspots in the flipbook have the same area color, which makes the overall appearance more consistent and streamlined.

An invisible area

To have your link presented in a form of an invisible area,

invisible area hotspot

you need to turn off both options:

invisible area hotspot setting

Custom hotspots

As you know everything about customizing hotspots, it’s a good time to get even more creative with them.

Did you know that you can make any image, graphic or even text that is in your original PDF file, to work as a hotspot?
It’s easy!

Simply drag an invisible active area ( when both “SHOW HOTSPOT” and “ACTIVE AREA” are switched off ) over desired image in your flipbook.

hotspot custom

That’s it !

Now, your original PDF picture will trigger a photo gallery, video, link or audio ( depeding on the hotspot you added) when clicked on.

GIF as a hotspot

How about you take things to a more dynamic reading experience?

Clickable GIFS?
No problem with that! Just follow the instructions below:

Add a GIF either by uploading a new file or use one form our free GIF library. Then, just drag the hotspot ( photo gallery, video oraz audio ) in form of an invisible active area ( when both “SHOW HOTSPOT” and “ACTIVE AREA” are switched off ) over the desired GIF that you’ve added before.

invisible area hotspot setting

That’s it!

Simple as that. Now, your GIF has become a clickable hotspot 🙂

GIF as hotspot