Skip to main content

How to add On Click actions to elements in your design

Learn how to add on click actions to elements in Bannersnack in the single and multiple sizes editing environments.

Updated over 2 weeks ago

On Click actions allow you to make elements in your design interactive. You can choose what happens when someone clicks on a specific element, such as:

  • Navigate to another slide inside the design (Go to Slide)

  • Open an external link (Go to URL)

This feature is available in both the single size editor and the multiple size editor (Generator).

Adding On Click actions in the Single Editor

The Single Editor allows you to create interactive designs using multiple slides.

You can assign an On Click action to buttons, images, shapes and text.

Step 1: Select the element

Open your design in the editor.

Click on the element you want to make clickable.

Step 2: Open the On Click settings

With the element selected:

  1. Go to the left-side panel.

  2. Scroll to the On Click section.

  3. Choose the desired action from the dropdown.

You can choose between:

  • Go to Slide

  • Go to URL

Adding Go to Slide (Single Editor)

The Go to Slide action allows you to navigate between slides inside the same design. This is useful for:

  • Creating navigation menus

  • Building product galleries

  • Creating interactive presentations

  • Simulating website-like experiences

How to set it up

  1. Select the element.

  2. In the On Click section, choose Go to Slide.

  3. Select the slide you want the element to redirect to.

That’s it. When someone clicks that element, they will be taken to the selected slide.

Adding Go to URL (Single Editor)

The Go to URL action allows you to redirect users to an external webpage.

This is commonly used for:

  • Landing pages

  • Product pages

  • Promotional campaigns

  • Contact pages

How to set it up

  1. Select the element.

  2. In the On Click section, choose Go to URL.

  3. Enter the full URL (for example: https://yourwebsite.com).

  4. Choose how the link should open:

    • _self – opens in the same tab

    • _blank – opens in a new tab

  5. (Optional) Enable Use Hand Cursor for better visual feedback.

Once published, clicking the element will redirect users to the specified link.

Adding On Click actions in the Generator

In the Generator, adding an On Click action is even simpler.

Step 1: Select the element

Click button layer you want to make interactive.

Please note that bulk click actions can be added to button layers only.

Step 2: Go to On Click Actions

In the settings panel:

  1. Open On Click Actions.

  2. Choose the action:

    • Go to Slide

    • Go to URL

  3. Configure the destination slide or insert the URL.

The changes are automatically applied to all generated sizes.


Ready to start designing?

👉 Sign up for a free Bannersnack account – it only takes a minute.
👉 Already have an account? Log in here to continue where you left off.

Did this answer your question?