Verbo de ação
"Baixar material", "Quero me inscrever" e "Falar no WhatsApp" funcionam melhor que "Clique aqui" ou "Enviar".
Gerador de botões com emojis e ícones
Crie botões para site, e-mail, Excel, PowerPoint e Power BI em segundos. Escolha um modelo, ajuste o visual e leve o código ou a imagem. Grátis.
- HTML e CSS
- Outlook e Gmail
- Imagem para Excel, PPT e Power BI
- Salve na sua conta
Modelos prontos
Texto
Emoji ou ícone
Cores e fundo
Formato
Link do botão
Rastrear cliques com UTM (opcional)
Link final:
Esta é a imagem que será salva. Clique com o botão direito › Salvar link como… ou use Baixar PNG: o arquivo já vem com o nome do botão.
Para o seu site ou página: cole o CSS no estilo da página e o HTML onde o botão deve aparecer. Já vem com efeito ao passar o mouse.
HTML
CSS
Tudo em um bloco só, para WordPress, Wix, Google Sites, Notion, LMS e ferramentas que aceitam "HTML personalizado".
HTML com estilo
Botão "à prova de Outlook": funciona no Outlook (inclusive no Windows), Gmail e celular. Cole no editor HTML da sua ferramenta de e-mail ou da assinatura.
HTML para e-mail
Imagem com fundo transparente para planilhas, dashboards, slides e relatórios do Power BI. O arquivo é salvo com o nome do botão:
- Excel ou PowerPoint: clique em "Copiar imagem" e cole (Ctrl+V) na planilha ou no slide.
- Botão de macro (Excel): clique com o botão direito na imagem › Atribuir Macro… › escolha a macro.
- Botão com link: clique com o botão direito › Link (ou Ctrl+K) › escolha uma célula, aba ou site.
- Navegação no PowerPoint: selecione a imagem › Inserir › Ação › "Hiperlink para" o slide desejado.
- Power BI Desktop: clique em "Baixar PNG" e use Inserir › Imagem. Depois, em Formatar imagem › Ação, ligue a ação e escolha Navegação de página, Indicador ou URL da Web. Dica: o Power BI não aceita colar imagem com Ctrl+V, por isso use o arquivo.
Meus botões
Entre na sua conta On Training para salvar seus botões e reutilizar quando quiser. É grátis.
Entrar ou criar contaDicas para botões que recebem cliques
Um emoji, no máximo
Um emoji ou ícone ajuda a pessoa a entender o botão de relance. Mais de um vira poluição.
Contraste forte
Texto escuro em fundo claro ou texto branco em fundo escuro. A prévia avisa quando a leitura fica difícil.
Tamanho de dedo
No celular, o botão precisa de pelo menos 44 px de altura para ser tocado sem erro.
Quer automatizar a planilha por trás do botão?
Aprenda Excel e VBA com a On Training: macros, dashboards e muito mais.