---
url: "/pt/bannerify/design/links.md"
description: "Há duas formas de adicionar links às exportações de banners HTML no Bannerify: incluir uma tag de link `<a>` em volta do banner inteiro ou adicionar links clicáveis a camadas específicas da linha do tempo. "
---

# Adicionar links clicáveis aos seus banners

> Há duas formas de adicionar links às exportações de banners HTML no Bannerify: incluir uma tag de link `<a>` em volta do banner inteiro ou adicionar links clicáveis a camadas específicas da linha do tempo. 

> **Note:** **Os links só se aplicam às exportações HTML**. Isso vale para todas as opções de exportação HTML e não tem nenhum efeito nas exportações de GIF ou vídeo do plugin.

## Adicionar uma URL clicável ao banner inteiro {#adding-a-clickable-url-to-the-entire-banner}

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

Para adicionar um link em volta do banner inteiro, cole um link no campo de URL do painel de configurações de exportação. O banner inteiro é envolvido automaticamente em uma tag ``, com o `href` definido para a URL que você informou no campo.

## Adicionar uma URL clicável a uma camada específica da linha do tempo {#adding-a-clickable-url-to-a-specific-timeline-layer}

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

Se você precisa tornar clicável uma camada específica da linha do tempo, clique nessa camada no canvas do Figma e adicione uma interação **Open link** no painel nativo **Prototype** do Figma. Ao colar o link no campo de URL da interação do Figma, o atributo `onclick="window.open('https://yourwebsitelink.com', '_blank')"` é incluído automaticamente nesse elemento na exportação do banner HTML.

> **Tip:** **Vale apenas para as camadas visíveis na linha do tempo do Bannerify**. Isso só é aplicado às camadas visíveis na linha do tempo. Por padrão, são as camadas filhas diretas do frame do banner; se quiser, você pode [incluir camadas aninhadas](/pt/bannerify/design/nested) pelo plugin e também aplicar uma interação de link de protótipo a essas camadas aninhadas.

## Usar Enabler.exit() em camadas da linha do tempo nas exportações DoubleClick {#using-enabler-exit-on-timeline-layers-for-doubleclick-exports}

Se você exporta no formato **DoubleClick Studio**, também pode definir a URL de protótipo do Figma de uma camada da linha do tempo como uma chamada `Enabler.exit(...)`, em vez de uma URL de site comum.

1. Selecione uma camada na linha do tempo (por exemplo, o botão de CTA).
2. No painel **Prototype** do Figma, adicione uma interação **On click -> Open link**.
3. No campo de URL, digite uma chamada de saída do DoubleClick, como:

```js
Enabler.exit("CTA Exit");
```

4. Exporte o banner com o Bannerify usando o formato **DoubleClick Studio**.

Em seguida, o Bannerify:
- vincula essa camada a `Enabler.exit("CTA Exit")`,
- mantém a saída padrão de fundo do banner inteiro (`Enabler.exit("Background Exit")`),
- impede que o clique na camada se propague até a saída de fundo, para que você não tenha chamadas de saída duplicadas.

> **Tip:** **Use isso apenas nas exportações DoubleClick**. Nos formatos HTML que não são DoubleClick, use URLs de site comuns nos links de protótipo (por exemplo, `https://example.com`).