---
url: "/pt/emailify/content/link-icon-buttons.md"
description: "Adicione aos seus designs de e-mail botões clicáveis em rich text com um ícone personalizável e link para qualquer URL."
---

# Adicionar links aos botões com ícone dos seus e-mails

> Adicione aos seus designs de e-mail botões clicáveis em rich text com um ícone personalizável e link para qualquer URL.

[Video](/assets/videos/emailify/content/add-icon-buttons.mp4)

> **Warning:** Atenção: **os botões com ícone _não são_ compatíveis com o Outlook**. Os ícones dos botões são ocultados automaticamente apenas nos clientes do Outlook para Windows, mas continuam sendo exibidos normalmente em todos os outros clientes de e-mail.

Para adicionar uma nova camada de botão com ícone ao design do e-mail, clique em qualquer camada Column ou Hero, selecione a opção **Icon Button** no menu suspenso Quick Add e clique no botão **Add +** para inserir a nova camada de botão no layout.

Outra opção é escolher um dos componentes predefinidos na aba **CTA** do plugin: clique na aba de subcategoria **Icon Buttons** e depois em qualquer uma das opções de componente de botão com ícone para adicioná-las ao design como novas camadas “Row”.

Depois de estilizar o botão como quiser, defina a URL clicável: clique na camada Button no Figma, clique no botão **Settings** e cole a URL no campo **Clickable Link URL**. Assim, o botão abre essa URL no navegador quando alguém clicar nele.

> **Tip:** Para ter **botões divididos de texto e ícone em largura total**, adicione uma das predefinições de largura total do plugin ou defina a configuração de Auto Layout **Horizontal** de um botão com ícone existente no Figma como **Fill** e também a configuração de Auto Layout **Item Spacing** do Figma como **Auto**. Isso transforma o botão automaticamente em um botão justificado/dividido.

> **Note:** Para **personalizar a camada do ícone** no botão com ícone, arraste qualquer frame de ícone ou camada vetorial do Figma para dentro da camada Icon Button e depois exclua a camada do ícone original, para que haja apenas um ícone dentro da camada Button (junto com a única outra camada, a de texto, dentro do botão).

Nos links adicionados pelos campos de link do Emailify ou por hiperlinks de texto do Figma, a exportação HTML omite destinos executáveis `javascript:` e `vbscript:`. Os links de templates dinâmicos e as URLs de origem das imagens mantêm o comportamento atual.

> **Tip:** Você pode [aplicar configurações em massa](/pt/emailify/design/settings#apply-settings-in-bulk) abrindo **Settings** e selecionando no Figma várias camadas do Emailify do mesmo tipo. Qualquer configuração que você alterar será aplicada a todas as camadas selecionadas.