Widget do Construtor de Formulários do Webflow

Crie formulários online no seu site Webflow para captar leads, receber consultas e realizar pesquisas, reunindo dados valiosos com mais rapidez e impulsionando o crescimento do seu negócio.
Avaliação 4,8
Mais de 10.000 avaliações
Plano gratuito disponível
Com IA
Criar Widget Grátis
Sem cartão de crédito necessário
Webflow Form Builder widget

Crie seu widget

Configure o Construtor de Formulários e adicione-o ao Webflow gratuitamente!

Capturas de tela

Webflow Form Builder widget
Crie um formulário de contato atraente com cantos arredondados e campos agrupados de forma compacta.
Utilize mais de 20 elementos de entrada diversos e divida-os em etapas gerenciáveis.
Adicione avaliações e escalas com campos de comentários para elaborar pesquisas e coletar feedback
Organize campos suspensos com placeholders e calendários embutidos para preenchimento rápido e fácil.
Aproveite uma interface flexível com estilos e cores personalizadas para combinar com qualquer conceito de site.
Proporcione aos seus usuários uma experiência fluida em qualquer dispositivo
1 / 6

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

  1. Crie seu formulário: Abra o editor Elfsight e escolha um modelo ou comece do zero.
  2. Personalize: Adicione campos, ajuste os rótulos e refine o layout até ficar exatamente como você imagina.
  3. Copie o snippet: Clique em “Adicionar ao site gratuitamente” para obter seu código exclusivo.
  4. Cole no Webflow: No Webflow Designer, adicione um elemento Embed onde você quer o formulário e cole o snippet dentro.
  5. Publique e verifique: Publique, recarregue a página e realize um envio de teste rápido.

Método 2: Formulário Flutuante

  1. Escolha o layout flutuante: Modal, deslizante, barra fixa — o que melhor combinar com o estilo do seu site.
  2. Defina gatilhos: Decida quando ele aparecer (por exemplo, ao carregar a página, ao rolar ou ao clicar).
  3. Copie o código: Gere o snippet flutuante a partir do editor.
  4. 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.
  5. 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.

O Construtor de Formulários funciona em páginas CMS do Webflow?

Sim, você pode colocar o formulário dentro de templates de CMS Collection, para que ele seja exibido automaticamente em páginas dinâmicas do Webflow.

Preciso de um plano pago do Webflow para incorporar formulários?

Sim, o Webflow requer um plano pago para adicionar código personalizado, pois embeds personalizados não estão disponíveis nos planos gratuitos.

Quais tipos de formulários posso criar no Webflow?

Você pode criar formulários de contato, formulários de várias etapas, pesquisas, formulários de reserva, formulários de avaliação e formulários de feedback para diferentes interações do usuário.

Quantos tipos de campo estão disponíveis no Construtor de Formulários?

O construtor oferece 22 tipos de campos, incluindo campos de texto, listas suspensas, seletor de data, avaliações, campos de telefone, envio de arquivos e muito mais.

O Formulário suporta lógica condicional no Webflow?

Sim, você pode configurar regras condicionais para exibir ou ocultar campos específicos com base nas respostas dos usuários em tempo real.

Os usuários podem enviar arquivos através do formulário?

Sim, campos de upload de arquivos permitem que os visitantes anexem documentos ou imagens diretamente ao enviar o formulário no seu site Webflow.

Existe um campo de assinatura disponível?

Sim, o Elfsight inclui um campo de assinatura que permite aos usuários desenhar e enviar a assinatura digital dentro do formulário.

O Construtor de Formulários inclui proteção contra spam?

Sim, recursos integrados de CAPTCHA e bloqueio de e-mails ajudam a evitar spam e envios automáticos no seu site Webflow.

O que acontece depois que um formulário é enviado?

Você pode exibir uma mensagem de agradecimento personalizada, redirecionar os visitantes para uma URL específica ou ocultar automaticamente o formulário após o envio.

Posso receber notificações por e-mail sobre envios no Webflow?

Sim, ative a opção “Notificar-me” para receber alertas por e-mail com os dados do formulário enviados do seu site Webflow.

Posso enviar notificações para vários endereços de e-mail?

Sim, você pode adicionar até três destinatários primários, juntamente com endereços CC e BCC, nas Configurações de Email Adicionais.

Catálogo de Templates do Construtor de Formulários

Escolha entre nossos modelos de widget prontos para uso como estão, ou personalize-os para combinar com o seu estilo.
HTML Success Message Form template
Crie um formulário no site com o modelo e adicione uma mensagem de confirmação para agradecer aos respondentes.
HTML Date Picker Form template
Crie um formulário para permitir que os usuários selecionem datas exibidas no seletor de data do calendário, usando o modelo para site.
HTML Email Contact Form template
Crie um formulário para coletar dados de contato e e-mails usando o modelo para sites.

Preços

Garantia de devolução em 14 dias. Sem risco — você pode cancelar a qualquer momento.
Widget Webflow
Solução digital independente de plataforma
a partir de US$0/mês
Comece com o plano gratuito
Número ilimitado de sites
Suporte ao Cliente Gratuito
Ajuda de instalação gratuita
Oferta especial para vários apps.
100% personalizável