SeedProd Logo


The Hotspots block will help you create interactive images that can highlight relevant information, and increase engagement and conversions for your website.

Using the Hotspots block on your SeedProd pages:

  1. Under Design > Advanced > drag and drop the Hotspot block to the page.
    Hotspot block
  2. Once added, click on the Hotspot block to open its settings. You will find options to add an Image, Hotspots, and Tooltip configuration options.

    The Hotspot options will allow you to add multiple hotspots on your images and set a Hotspot Animation:

    You will also find Tooltip options to change Position, Trigger, Animation, Animation Duration, show arrow and set the width of the tooltip:
    tooltip options
  3. On the Advanced tab, you will find styling controls for your image and other options to set Spacing, Attributes and Device Visibility options.
    Hotspot advanced settings
  4. That’s it! Make sure to save your work.
Was this article helpful?

Related Articles

Copyright © 2022 SeedProd LLC. SeedProd™ is a trademark of SeedProd, LLC

PayPal Verified Badge
WPBeginner Verified Badge