Element actions

Element actions make an element do something when a viewer clicks it or hovers over it, such as showing a group, going to another page or playing a video. You add them to an element in the Links tab of the right panel, which has an On click tab and an On hover tab.

Adding a click action

To add a click action to an element:

1. Select the element on the canvas.
2. In the right panel, open the Links tab (the link icon).
3. Make sure On click is selected.
4. Click the action you want in the list.
5. Fill in the action's settings.

To remove an action, hover over the action in the Links tab and click its bin icon.

Click action types

The On click tab of the Links tab offers these click actions:

• Show / hide element: shows, hides or toggles the layers or groups you select. Choose Toggle (the default), Show or Hide. Use it to show content on click, for example a tooltip or an info panel.
• Go to scene: goes to the Previous scene, the Next scene or a scene you choose. For a chosen scene, the Show hover state while scene is active checkbox (on by default, desktop only) makes the element show its hover effects while that scene is the current scene.
• Go to page: goes to a page you choose. Pick the Project, then the Page, and optionally the Scene to start on. You can't pick the page the element is on.
• Open URL: opens a website. The Address must start with http:// or https://. Under Open in, choose New window (the default), Current window or Parent window.
• Send e-mail: opens the viewer's default e-mail program with a new e-mail to the address in E-mail, with the Subject you set.
• Scroll to element: scrolls the page to the element you select. Set the Duration of the scroll in milliseconds (50 to 10000, default 400) and an Offset in pixels (default 0).
• Download file: lets the viewer download a file you choose from your file library. Under Open in, New window is the default. PDFs and other documents can be up to 25 MB.
• Share on social: lets the viewer share the publication on the platform you select: Facebook, Twitter, Pinterest, LinkedIn, WhatsApp or e-mail.
• Control navigation: controls the navigation around your publication (the menu and side panels). For example, it can go to the previous or next page, go one step back, open the overview, the side menu or the search panel.
• Control element: controls another element in the scene, so you can make your own buttons for it. Video and audio elements can Play or Pause, a slideshow can go to the Next, Previous or a specific slide, and an embed can (Re)Start.
• Go to reference: goes to the page with the reference tag you choose. Reference tags are set in the page settings of pages in the same project.
• postMessage (dev): a developer feature that sends a JavaScript message (Custom JS message) to the page your publication is embedded in. Use it to connect external features to your publication or embed.

Scroll to element can only be chosen when the scene type is Longpage, when Scene behaviour is set to Standard scrollpage, or when you work on the mobile layout.

Combining multiple click actions

One element can run several click actions in a row, for example show a group, wait, then go to the next scene. Only these actions can be combined:

• Show / hide element
• Go to scene
• Scroll to element
• Control element
• Delay

Delay adds a pause between the previous and the next action. Set its Duration (ms) from 100 to 10000 (default 2000). It is only available when you add an extra action.

To add more click actions to an element:

1. Add Show / hide element, Go to scene, Scroll to element or Control element as the first click action.
2. Click the add button above your actions.
3. In Add extra action, choose the next action.
4. Drag the actions to change the order they run in.

The actions run in the order of the list. If the first click action is any other action, such as Go to page or Open URL, no extra action can be added. Add extra action then shows "Additional actions cannot be added in combination with the current action."

Closing other groups with a close action

A close action closes other groups automatically when a Show / hide element click action runs. Use it for a tab menu or several info panels, where opening one should close the others.

To set a close action:

1. Select the element with the Show / hide element click action.
2. In the Links tab, under On click, click the action's block to open it, if it isn't open already. Its heading is Toggle group or element, Show group or element or Hide group or element, depending on the mode you chose.
3. Open the Close action dropdown below it.
4. Choose one of the options:
5. • None (the default): no other groups close.
   • Close all other groups: closes the other groups in the current scene that are hidden by default and now open.
   • Close groups on same level: closes the groups at the same level as the targeted group.

Close actions only affect groups, and they are only available for click actions, not for hover actions.

Adding a hover action

A hover action shows, hides or toggles layers and groups when the viewer moves the mouse over the element. It runs when the mouse enters the element and again when it leaves, so with Toggle, hidden content is visible while the viewer hovers over the element. Hover actions have no other action types.

To add a hover action:

1. Select the element on the desktop layout.
2. In the right panel, open the Links tab (the link icon).
3. Select On hover.
4. Choose Toggle, Show or Hide.
5. Select the layers or groups to show or hide.

Frequently asked questions

Why can't I add a second click action?

Extra click actions can only be added when the first click action is Show / hide element, Go to scene, Scroll to element or Control element. If the first action is another type, such as Go to page, Open URL or Download file, Add extra action shows "Additional actions cannot be added in combination with the current action."

Why is the Links tab greyed out?

The Links tab can't be used for video, audio, embed, chart and form elements, for masks, or when several elements are selected. Select a single element of another type to add an action to it.

Why can't I add a click action to my text?

A text element that already contains a link inside the text can't get a click action. The editor shows "There is already a link present inside the text. It's not possible to add a click action to it." Remove the link from the text to add a click action to the whole element.

Why doesn't my hover action work on mobile?

Mobile devices have no hover, so hover actions don't run on them. In the editor, the On hover tab is only available on the desktop layout. To make content appear on mobile, use a Show / hide element click action instead.

Why is Scroll to element greyed out?

Scroll to element can only be chosen when the scene type is Longpage, when Scene behaviour is set to Standard scrollpage, or when you work on the mobile layout. In any other case, it is greyed out in the list of click actions.

Related updates:

• 29/01/2025 | Option to add delays between chained actions
• 13/04/2026 | New breadcrumb component, plus an offset option for scroll-to-element

Updated on: 19/10/2026