An image hotspot example made with SeedProd

Thailand Data Forum focuses on data-driven innovations
Post Reply
Habib01
Posts: 316
Joined: Tue Jan 07, 2025 5:51 am

An image hotspot example made with SeedProd

Post by Habib01 »

Adding a tooltip trigger to the hotspot block in SeedProd
Next, you can change the length of the tool description.

This value refers to the time it takes for the tooltip to appear after the user hovers over or clicks the ecuador telemarketing data hot spot. If you want the text to appear immediately, simply set it to 0.

You can also disable the tooltip arrow, depending on your preference.

Setting the tooltip duration for the hotspot block in SeedProd
If you switch to the 'Advanced' tab, you can further customize the appearance of the image.

For example, you can add a shadow to the box or adjust the padding and margin .

Configuring the SeedProd advanced block settings
Once finished, just click the “Save” button in the top right corner.

Then, click “Publish” to make the page live.

Publishing a landing page with an image hotspot made with SeedProd
And that's it! Make sure to view the page on mobile , desktop, and tablet to make sure it looks good on all devices.

Here's what our interactive image hotspot looks like:

Method 2: Add image hotspots with Image Hotspot plugin (free but limited)
If using a page builder and changing themes seems a bit much, you can use the free WordPress Image Hotspot plugin instead . This is one of the best image hotspot plugins we’ve tried and is a great alternative to method 1.
Post Reply