Adding clickable URL links to your banners

Adding a clickable URL to the entire banner ​

To add a link around your entire banner, you can paste a link into the URL field inside of the export settings panel. This will automatically wrap your entire banner inside of an <a> tag, which has an href set to the URL that you specified in the input field.

Adding a clickable URL to a specific timeline layer ​

If you need to make a certain timeline layer clickable, you can do this by clicking on that layer in your Figma canvas, then adding an Open link interaction under the native Figma Prototype panel. Pasting your link into the URL field of the Figma interaction will automatically include an onclick="window.open('https://yourwebsitelink.com', '_blank')" attribute to that element in your HTML banner export.

Using Enabler.exit() on timeline layers for DoubleClick exports ​

If you export with the DoubleClick Studio format, you can also set a timeline layer's Figma prototype URL to an Enabler.exit(...) call instead of a normal website URL.

  1. Select a layer in your timeline (for example your CTA button).
  2. In Figma's Prototype panel, add an On click -> Open link interaction.
  3. In the URL field, enter a DoubleClick exit call like:
js
Enabler.exit("CTA Exit");
  1. Export your banner with Bannerify using the DoubleClick Studio format.

Bannerify will then:

  • bind that layer to Enabler.exit("CTA Exit"),
  • keep the default full-banner background exit (Enabler.exit("Background Exit")),
  • prevent the layer click from bubbling to the background exit, so you do not get duplicate exit calls.