How can we help you?

Popular Topics : The Basics, Tips & Tricks , and Designing & Editing

Menu +

Hotspots: How to Create Pop-Up Effects on Any Object in Visme

Hotspots let you turn any object in your project into an interactive trigger — show a pop-up when a viewer clicks or hovers over it. Here’s how to set one up.

1
Click on the object where you want the pop-up to appear, then click the Hotspots button in the toolbar.

2
From the Hotspots menu, click the Object tab.

3
Select the content you want to appear as a pop-up, then set whether it should show on click or on hover.

4
Customize the pop-up behavior using the available toggles: Collapse after next interaction (the pop-up closes automatically after the next user action), Close with a button (adds a manual close button to the pop-up), Always on top (the pop-up displays above the trigger object).

Note: If you set the pop-up to show on hover, the Collapse after next interaction and Close with a button options will be disabled.

5
Click Apply to confirm.

Note: Blue indicators will appear on your project by default to show viewers where interactive elements are. You can turn them on or off from the Settings tab in the Actions menu.

Tip: You can also use Hotspots to attach a video or audio recording to any object in your project.

 

Common issues

I can’t select the content I want for the pop-up | The content you want to use as a pop-up must already exist as an element in your project. Add it to the canvas first, then set up the Hotspot.

The pop-up isn’t showing when I click the object | Pop-up interactions only work in the published or presented version of your project — not in the editor. Click Present or publish your project to test the interaction.

The Collapse after next interaction and Close with a button options are greyed out | These options are disabled when the trigger is set to hover. Switch the trigger to click to enable them.

 

Related articles

Insert Link: How to Add Hyperlinks to Objects in Visme — link objects to URLs, slides, or email addresses.

How to Embed a Visme Project on a Website — publish your project so interactive elements work for your audience.

 

 

Back to home
Home
Interactivity
  • The Basics
  • Getting Started
  • Account & Plans
  • Publish & Present
  • Enterprise Plans
  • Embed & Download
  • For Print
  • Creating & Editing 101
  • Common Questions & Answers
  • Project Types
  • Presentations
  • Social Graphics
  • Documents
  • Infographics
  • Charts & Graphs
  • Whiteboards
  • Videos / GIFs
  • Printables
  • Microsites
  • Designing & Editing
  • Designing with AI
  • Data Visualizations
  • Text & Text blocks
  • Interactivity
  • 3D Graphics
  • Images
  • Animations
  • Video
  • Tables
  • Audio and Music
  • Graphics, shapes and icons
  • Backgrounds
  • Collaboration and Team Features
  • Workflows
  • My Brand
  • Team & Workspaces
  • Apps and Integrations
  • Analytic Tools & Insights
  • Analytics
  • Tips & Tricks
  • Account & Projects Settings
  • Viewing and Presenting
  • Creating and Designing
  • Productivity Tools
  • My Blocks
  • Tools & Features
  • My Files
  • Grides & Guides
  • Slide Library & Content Blocks
  • Forms & Surveys
  • Getting Started with Visme Forms
  • Sharing and Embedding your Visme Form
  • Make your Form
  • Data Collection and Management
  • Style your Form
  • Forms Integrations
Visme 101
Visme 101

Learn how Visme will change the way you create stunning content.

Reserve your seat