Skip to main content

Hotspot module

Hotspot modules allow you to provide additional details about products when a visitor clicks an image. When clicked, the hotspot module opens an overlay with more information.

Note

Hotspots exist on top of an image that you select when creating a hotspot module. Hotspots can only be configured by editing this image from content edit form. See the Image field below.

To create a hotspot module:

  1. In the header, click .
  2. From the Create list, select Hotspot Module.
  3. Using the following table as a reference, complete the fields as needed.
  4. Click Save.

Hotspot module fields​

Click each tab below to see a description of the associated fields.

FieldDescription
Internal NameEnter an internal name for this asset. Brightspot uses this name internally, such as in the search panel and recent activity widget. This name is not visible to visitors to your site.
ItemSelect Internal or External.
  • Internal—Select an internal asset to promote in this module. Once selected, if necessary, select an anchor and target.
  • External—Select an external asset to promote in this module. Once selected, enter a URL and, if necessary, select a target.
TitleEnter a title for this asset. This title is visible to the visitors to your site. If promoting an internal asset, the title defaults to the promoted asset's description.
DescriptionEnter a description that describes this asset. This description is visible to the visitors to your site. If promoting an internal asset, the description to defaults to the promoted asset's description.
Image

Select an image on which you place hotspots. Once selected, click , then do the following:

Under the Hotspots tab, click Add, then select one of the following options:

  • Page Promo—A promotion of a page.
  • Product Promo—A promotion of a product.

For each, from the Icon list, select one of the following icons:

  • Plus
  • Magnify
  • Tag
  • Flag
  • Image
  • Location
  • Expand

Then, fill out the fields as necessary. For details, see Promo module or Product Promo module.

You can drag the hotspots around the image to ensure proper placement.

Hotspot module.png

Call To Action Button TextEnter text appearing on the call-to-action button. This text is visible to the visitors to your site.