---
url: "/es/bannerify/design/links.md"
description: "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."
---

# 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.

> **Note:** **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 {#adding-a-clickable-url-to-the-entire-banner}

[Video](/assets/videos/bannerify/design/banner-link-tag.mp4)

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 `` 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 {#adding-a-clickable-url-to-a-specific-timeline-layer}

[Video](/assets/videos/bannerify/design/prototype-link.mp4)

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.

> **Tip:** **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](/es/bannerify/design/nested) 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 {#using-enabler-exit-on-timeline-layers-for-doubleclick-exports}

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");
```

4. 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.

> **Tip:** **Ú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`).