Widget do Construtor de Formulários do Webflow

Crie seu widget
Capturas de tela
Por que as pessoas amam a Elfsight
Não seria ótimo se o seu site Webflow pudesse coletar exatamente o tipo de informação de que você precisa — sem plugins intermináveis, código ou configurações confusas? É exatamente por isso que criamos nosso Construtor de Formulários. Ele oferece um caminho claro e acessível para criar qualquer tipo de formulário que você quiser, seja para geração de leads, consultas de clientes, inscrições em eventos ou apenas feedback do dia a dia.
Já vimos equipes pequenas usarem isso para simplificar todo o fluxo de trabalho. Por exemplo, um estúdio fotográfico local adicionou um formulário rápido de agendamento à página inicial do Webflow. Do dia para a noite, a caixa de entrada começou a encher de leads qualificados — sem horas de desenvolvimento, sem estresse. São aquelas pequenas mudanças que, no fim das contas, fazem a diferença.
Você sabia? Segundo o relatório State of Marketing 2024 da HubSpot, formulários continuam sendo um dos três canais de geração de leads mais confiáveis online.
Mesmo um único formulário bem posicionado pode aumentar as conversões. Crie um deles em nosso editor hoje e veja como é fácil.
Principais recursos do Construtor de Formulários
O widget foi desenvolvido para negócios reais — simples de usar, mas poderoso onde importa. Veja o que o torna essencial no dia a dia:
- Construtor visual de arrastar e soltar: Adicione, reorganize e ajuste campos em um editor limpo. Se você consegue organizar arquivos no seu computador, também consegue fazer isso.
- Vários tipos de campos: Texto, listas suspensas, uploads de arquivos, avaliações, caixas de seleção e muito mais — crie formulários que realmente correspondam aos seus objetivos.
- Lógica condicional inteligente: Exiba campos apenas quando necessário, mantendo os formulários curtos e fáceis de usar.
- Layouts flexíveis: Blocos inline, painéis flutuantes, modais — combine estilos para ficar perfeito com o seu design.
- Roteamento de dados simplificado: Envie envios diretamente para sua caixa de entrada, Google Sheets ou CRM usando as integrações de formulário do Webflow. Sem intermediários.
- Proteção contra spam: CAPTCHA e honeypots mantêm o spam fora para que você possa se concentrar em respostas reais.
- Design responsivo: Cada formulário se adapta automaticamente a celulares, tablets e desktops sem esforço adicional.
Abra o editor e crie seu primeiro formulário de graça — é mais rápido do que fazer um café.
Como adicionar o Construtor de Formulários ao Webflow
Se você já se perguntou como criar um formulário no Webflow sem codificação, é exatamente assim. Existem duas maneiras fáceis de adicionar o widget: inline (em páginas específicas) e flutuante (fixo em todo o site). Veja como funciona cada uma:
Método 1: Incorporação em linha
- Crie seu formulário: Abra o editor Elfsight e escolha um modelo ou comece do zero.
- Personalize: Adicione campos, ajuste os rótulos e refine o layout até ficar exatamente como você imagina.
- Copie o snippet: Clique em “Adicionar ao site gratuitamente” para obter seu código exclusivo.
- Cole no Webflow: No Webflow Designer, adicione um elemento Embed onde você quer o formulário e cole o snippet dentro.
- Publique e verifique: Publique, recarregue a página e realize um envio de teste rápido.
Método 2: Formulário Flutuante
- Escolha o layout flutuante: Modal, deslizante, barra fixa — o que melhor combinar com o estilo do seu site.
- Defina gatilhos: Decida quando ele aparecer (por exemplo, ao carregar a página, ao rolar ou ao clicar).
- Copie o código: Gere o snippet flutuante a partir do editor.
- Adicionar globalmente: Cole o trecho na área de código personalizado do Webflow antes da tag de fechamento
</body>para que ele apareça em todas as páginas. - Publicar: Publique novamente seu site e confirme que tudo funciona sem problemas.
Precisa de ajuda? Confira nossa Central de Ajuda para guias passo a passo. Se você procura mais informações sobre o processo de instalação e os benefícios do widget, nosso artigo aborda o tema com mais detalhes.