Kelsea Coker
 · LX Designer @ Ceros

How to Create a Popup

Create popup overlays to reveal additional information like text, images, videos, and other graphics. Popups are hidden and require users to interact to reveal the content within. To create a popup:

  1. Add the popup content: shapes, images, icons, text, etc.

  2. Navigate to the Layers Panel.

  3. In the Layers Panel, select each popup asset.

  4. Group the popup assets together.

  5. Rename the group.

  6. Toggle off the visibility of the group.

  7. Select the hotspot tool.

  8. Draw a hotspot over the desired area.

  9. Add an interaction to the hotspot.

  10. Select "Hover" interaction for this example.

  11. Select the "Show" action.

  12. Select the popup group.

  13. Click "Save Interaction."

  14. Preview the hover interaction.