Great shot from Timothy J. Reynolds

Drag icon to update it’s position

Update in version 3.4.1.1 (Oct 6 2015): Add option for displaying which tooltip when page is loaded. You can also select to display all the tooltips by default.

Update in version 3.4.1 (Sep 3 2015): Add start number option for the number icon, now the number can start with 1 or other number.

Update in version 3.3.6: Display all tooltips in an image by default when page loaded.

Update in version 3.2 (Nov 26 2014): Hotspot icon can be in Font Awesome icon, number or simple dot.

Update in version 3.1: Now you can drag the hotspot icon to update it’s position in the Visual Composer’s Frontend Editor. See a Youtube video demo.

Popup tooltip support basic HTML, let you embed image or video. Nam imperdiet odio eros, eget volutpat urna maximus vel. Integer ut justo quam. Maecenas congue sed nulla sit amet varius.

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Icon support number too

Proin accumsan justo nibh, tristique pharetra est vestibulum sit amet. Suspendisse potenti. Donec sagittis, lacus eget pellentesque ultricies, risus ipsum gravida elit, eu imperdiet quam risus non mauris.

Nam imperdiet odio eros, eget volutpat urna maximus vel. Integer ut justo quam. Maecenas congue sed nulla sit amet varius.

Icon support link

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Proin accumsan justo nibh, tristique pharetra est vestibulum sit amet. Suspendisse potenti. Donec sagittis, lacus eget pellentesque ultricies, risus ipsum gravida elit, eu imperdiet quam risus non mauris. Curabitur elementum dolor ut risus ullamcorper viverra. Nam imperdiet odio eros, eget volutpat urna maximus vel. Integer ut justo quam. Maecenas congue sed nulla sit amet varius.

Trigger by clicking, swing demo

I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Quisque aliquet mauris vitae mi faucibus fringilla. Aliquam efficitur, eros rutrum sagittis tempor, mauris odio interdum tellus, eu placerat nisl urna quis justo. Sed eleifend, lacus nec bibendum pulvinar, nibh mauris vehicula augue, sit amet mattis ligula lorem eu nisl. Integer a egestas mauris. Nam id diam blandit, condimentum dolor ut, euismod arcu. Aliquam erat volutpat. Mauris dictum quam quis tortor imperdiet, eu pretium eros porta.