Añadir enlaces URL en los que hacer clic a tus banners

Hay dos formas de añadir enlaces URL a tus exportaciones de banners HTML en Bannerify: rodear todo el banner con una etiqueta de enlace <a> o añadir enlaces a capas concretas de tu línea de tiempo.

Los enlaces solo se aplican a las exportaciones HTML. Ten en cuenta que esto solo se aplica a las opciones de exportación HTML y no afecta a las exportaciones GIF ni de vídeo del plugin.

Añadir una URL a todo el banner ​

Para añadir un enlace a todo el banner, pega un enlace en el campo URL del panel de ajustes de exportación. Así, todo el banner quedará envuelto automáticamente en una etiqueta <a> con un href que apunta a la URL que hayas indicado en el campo.

Añadir una URL a una capa concreta de la línea de tiempo ​

Si necesitas que se pueda hacer clic en una capa concreta de la línea de tiempo, haz clic en esa capa en el lienzo de Figma y añade una interacción Open link en el panel Prototype nativo de Figma. Al pegar tu enlace en el campo URL de la interacción de Figma, se añadirá automáticamente un atributo onclick="window.open('https://yourwebsitelink.com', '_blank')" a ese elemento en la exportación HTML de tu banner.

Solo se aplica a las capas visibles en tu línea de tiempo de Bannerify. Ten en cuenta que esto solo se aplica a las capas visibles en tu línea de tiempo de Figma. De forma predeterminada, son las capas hijas directas del frame de tu banner; si quieres, puedes incluir capas anidadas desde el plugin y aplicar también a esas capas anidadas una interacción de enlace del prototipo.

Usar Enabler.exit() en capas de la línea de tiempo para exportaciones de DoubleClick ​

Si exportas con el formato DoubleClick Studio, también puedes definir como URL del prototipo de Figma de una capa de la línea de tiempo una llamada a Enabler.exit(...) en lugar de una URL web normal.

  1. Selecciona una capa en tu línea de tiempo (por ejemplo, tu botón CTA).
  2. En el panel Prototype de Figma, añade una interacción On click -> Open link.
  3. En el campo URL, introduce una llamada de salida de DoubleClick como esta:
js
Enabler.exit("CTA Exit");
  1. Exporta tu banner con Bannerify en el formato DoubleClick Studio.

Después, Bannerify:

  • vinculará esa capa a Enabler.exit("CTA Exit"),
  • mantendrá la salida de fondo predeterminada para todo el banner (Enabler.exit("Background Exit")),
  • evitará que el clic en la capa se propague a la salida de fondo, para que no haya llamadas de salida duplicadas.

Úsalo solo para exportaciones de DoubleClick. En los formatos HTML que no son de DoubleClick, usa URL web normales en los enlaces del prototipo (por ejemplo, https://example.com).