Actions and Hotspots

Add complexity and interactivity to your diagrams with actions and hotspots! For information on how to toggle layers with hotspots, see the layers article. 

Transform your Lucidchart documents into interactive diagrams with actions and hotspots! Actions allow you to turn any shape on your canvas into a button. Read on to learn how actions can help you organize complex documents.

We’ll start with the company fact sheet template to demonstrate how you can improve any document with a few easy steps. The company fact sheet template sets up a brief visual summary of your company for prospective clients, investors, or employees. The template provides spaces for you to showcase your company’s history, products, and goals, as shown below:

ACTIONS-_Company_Fact_Sheet_Example.svg

Although this template acts as a great starting point, actions allow you to go the extra mile to really impress your audience. Instead of a simple text box with your company’s social media handles, add an action with an external link that sends them directly to your pages. By reducing your audience’s effort, you can increase engagement.

Similarly, don’t just add logos to show that your top clients are ING, Amazon, and CVS. Add an external link action to the logos that takes your audience directly to your clients’ corporate websites. Additionally, if you want to highlight specific accomplishments or projects completed for that client, you can add a page to your document by clicking the Screen_Shot_2019-09-13_at_4.51.58_PM.png icon at the bottom of your canvas. Then, showcase your best work on that page and add an action to the logo that opens the page, as shown here:

ActionEx.png
(You can learn more about how to use pages in this article.)

Whether you want to display client projects, connect photos to LinkedIn profiles, or toggle additional content with layers, actions help you organize your document to avoid overwhelming your audience. Try it out for yourself with the blank company fact sheet template, or any other Lucidchart document!

Add actions or hotspots to your document to create responsive shapes.

What’s the difference between actions and hotspots?
Hotspots are shaded shapes to which you attach an action.

Hotspot.png

You can drag hotspots from the standard shape library and drop them on your canvas, and they remain independent from any other shape. Actions, on the other hand, are attached to a specific shape.

Available actions:

  • Toggle Layers
  • Show Layers
  • Hide Layers
  • Link to Page
  • External Link
  • Link to Email


To add an action to your document, follow these steps:

    1. Add any shape to your canvas.
    2. Right-click on the shape, or select the lightning bolt icon from your properties bar.

      LightningBolt.png
    3. If you right-clicked, select “Add Action.”
    4. Choose the desired action from the drop down menu.

      ActionOptions.png
    5. Click "Done."

      Done.png
To add multiple actions to one shape, click AddAction.png.
If you hover over a shape with an action, a tool tip appears and suggests that you hold Shift+Ctrl (Shift+Command for Mac). When you follow that suggestion, you’ll notice that shapes with actions glow green. Click on the shape to initiate the action.


Related Articles
Create Multi-Layered Diagrams
Use Layers to Create a Present/Future State Swim Lane Diagram
Create a Presentation
Publish Your Document