Widget de Botão Webflow
Crie o seu widget de Botão
Por que as pessoas amam a Elfsight
Não seria ótimo se seus visitantes soubessem sempre onde clicar a seguir? O widget Botão Elfsight facilita isso. Quer você queira vincular a um produto, acionar um formulário, abrir um arquivo ou direcionar usuários para uma oferta especial, este widget ajuda você a criar botões chamativos em minutos.
Sem código, sem dores de cabeça de layout – apenas um design limpo e responsivo que se encaixa perfeitamente no seu projeto Webflow. Você pode posicioná-lo em qualquer lugar da sua página, personalizá-lo do jeito que preferir e conectá-lo a qualquer ação relevante para o seu negócio.
Você sabia?
De acordo com pesquisas de marketing, botões podem gerar até 45% mais cliques do que links de texto comuns.
Converta mais visitantes em clientes com o Botão da Elfsight — é grátis para começar e leva apenas alguns minutos para configurar.
Principais recursos do Widget de Botão Webflow
Elfsight foi feito para tornar seu site mais fácil de usar e mais clicável. Veja o que você pode fazer com ele:
- Design flexível: Escolha entre infinitas combinações de cores, fontes, formas e efeitos de hover para combinar perfeitamente com a sua marca.
- Ações personalizadas: Vincule a uma página, envie um e-mail ou inicie um chat — você decide o que acontece quando os usuários clicam.
- Layouts flutuantes e inline: Coloque-o dentro do seu conteúdo ou faça-o flutuar na tela para visibilidade constante.
- Design responsivo: Funciona perfeitamente em todos os dispositivos — desktop, tablet e móvel — pronto para uso.
- Suporte a ícones: Adicione ícones aos seus botões para reconhecimento instantâneo e um visual limpo e moderno.
- Instalação rápida: Adicione ao seu site Webflow em minutos – sem configuração técnica nem plugins adicionais.
Experimente todos esses recursos no editor ao vivo — não é necessário se cadastrar.
Como adicionar o botão ao Webflow
Incorporar seu botão no Webflow leva apenas alguns minutos com o Elfsight. Veja o passo a passo.
Método 1: Botão Inline
Perfeito para botões que você quer exibir diretamente no conteúdo da página.
- Abrir o Editor Elfsight: Escolha um modelo e comece a personalizar.
- Defina seu Design: Escolha texto, cor, ícone e a ação que o botão deve executar.
- Obtenha o código: Clique em “Adicionar ao site gratuitamente” e copie o código de incorporação.
- Incorpore no Webflow: Abra o Webflow Designer, arraste um elemento Embed para a seção escolhida e cole o código dentro.
Método 2: Botão Flutuante
Perfeito se você quiser um botão que permaneça visível enquanto os visitantes rolam a página.
- Selecione um Layout: Escolha uma opção flutuante no construtor da Elfsight.
- Personalize: Escolha a posição, o estilo e a ação — por exemplo, abrir um chat ou criar um link para um formulário.
- Copie o código de incorporação: Clique em “Adicionar ao site gratuitamente.”
- Colar no Webflow: Acesse as configurações do seu projeto, abra “Código Personalizado” e cole o snippet antes da tag de fechamento
</body>.
Precisa de ajuda? Consulte nosso Centro de Ajuda ou explore nosso blog para obter mais dicas sobre como adicionar um botão ao seu site. Você também pode compartilhar ideias na nossa Lista de desejos ou acompanhar as atualizações no Registro de Alterações.