Looking for instructions on how to add a hotspot widget? This document shows you how to add a hotspot widget and change its properties.
Adobe Captivate introduces content blocks, such as text or an image block, which contain components like text, image, or button. Play this video to learn more about content blocks and components.
A hotspot widget in the all-new Adobe Captivate allows learners to actively engage with the visual content, explore specific areas, and access additional information. When learners select a hotspot, they view additional information as a callout or a chunk of content.
Select Add new widget > Hotspot in the left toolbar to add a hotspot widget.
Adobe Captivate lets you change the widget's alignment and spacing, decide the number of hotspots, apply a design option, change the widget's look and feel, and many more.
In the Visual Properties panel, expand the Alignment and Spacing section.
The Content Width slider and Horizontal Padding are linked in the Alignment and Spacing section. Moving the slider from the left side changes the left padding value, and moving the slider from right changes the right padding value. The same change is replicated in the Content Width slider when you change the left or right Horizontal padding values.
Move the Number of hotspots slider to increase or decrease the number of hotspots in the widget. You can add at most six hotspots. The number of hotspots has as many callouts on the slide. These callouts are displayed when the hotspot is clicked.
Select any design option. A design option presents pre-configured layouts with cleaner design elements to apply to the widget.
For more information, view Design options in Adobe Captivate.
In the Components section, you can change the following:
You can add or remove the following Hotspot-related components:
After adding the widget's title, you can add or remove the title or image on a callout. A callout is additional information a learner sees when they click a hotspot at runtime. A callout contains a title, body, and image. You can add a callout's title or image after you click a callout button on the slide. By default, the first callout button is already selected.
In the Appearance section, you can add the widget's background color and change the look and feel of a callout.
In the Settings section, enable the Move to next slide when the widget completes toggle to allow learners to move to the next slide only after they visit all the hotspots.
To change the properties of a hotspot:
Select a hotspot, so that a solid blue border appears around the hotspot.
In the States section, click Show to launch the States Flyout. Configure the in-built states of the hotspot, Hover, Visited, Selected, and Disabled. If any state is disabled, right-click the state, and select Enable.
For more information, view Change states.
In the Icon section, select the folder icon to change the hotspot icon. Select an icon from Assets or on your computer. Then select an icon and replace the hotspot's icon.
Change the hotspot's transparency in the Appearance section by moving the Opacity slider.
Select the Solid color picker to change the color of the hotspot.
Adobe Captivate lets you edit the title and subtitle of a callout and replace and edit the image on a callout.
Select Callout 1 on the slide.
In the Visual Properties panel, in the Components section, you can change the following:
In the Appearance section, you can add padding to the callout and modify the radius on one or multiple corners of the widget.
Also, you can change the callout's background color, add a border, and add a drop shadow in any direction of the callout.
If you want to replace the existing image, select the folder icon in the Image source section. Navigate to the required image and select a new image to change the image in the callout.
In the Settings section, select how each callout must be displayed. The options are:
If you select Reveal leftwards, the callout displays to the left of the hotspot.
In the Show callout on dropdown, select either Click or Hover. If you select Click, the callout displays only when a learner selects the hotspot.
Change the text's font family, size, color, and many more. For more information on working with text, view Text in Adobe Captivate.
Select a callout.
Select the text inside a callout.
In the Visual Properties panel, you can:
Adobe Captivate allows you to change the intensity, blur, brightness, or contrast levels of an image in the callout.
Select the image on the callout. Use the image placeholder and add an image from Assets or on your computer.
You can apply an image filter in the Appearance section in the Visual Properties panel. Also, change the image's intensity, blur, brightness, or contrast levels.
For more information on working with images, view Images in Adobe Captivate.
