Gerador de Formulário de Contato: Guia Rápido
Com o widget do Elfsight, você pode criar facilmente um formulário não apenas personalizável, mas também pronto para coletar e enviar dados diretamente para a plataforma de sua escolha. Veja como é simples configurá-lo:
- Selecione um modelo
- Ajuste os campos do formulário
- Personalize o design
- Conecte as integrações de que precisa
- Copie o código do widget e cole-o no seu site.
É rápido, simples e eficaz.
Experimente criar seu próprio Formulário de Contato no construtor ⇩
Casos de Uso de Formulários de Contato
Incorporar um formulário de contato ao seu site abre várias possibilidades de coletar informações úteis e impulsionar o seu negócio. Aqui estão cinco usos essenciais que tornam o formulário de contato indispensável para qualquer proprietário de site:
Guia Detalhado para Criar um Formulário de Contato
Então, seja seu cenário listado ou você tenha uma ideia para incorporar o Formulário de Contato no seu site, é hora de ver como criá-lo em minutos com o nosso criador de Formulário de Contato. Pronto para começar?
- Comece com o modelo ideal. O editor oferece várias opções para começar o seu widget. Elas já vêm pré-projetadas para os casos mais comuns e você pode reorganizar tudo ainda mais depois.
O widget está quase pronto. Falta apenas um detalhe importante para torná-lo realmente útil.
Como coletar envios com meu Formulário de Contato??
A verdadeira força do Gerador de Formulário de Contato é a capacidade de conectar facilmente o feedback do cliente aos serviços essenciais. Seu formulário atua como uma ferramenta direta que coleta envios, que podem então ser salvos no Mailchimp, Zapier ou até mesmo no Google Sheets. Se você usa um outro sistema de gerenciamento de formulários, conte-nos na Lista de Desejos.
Agora você pode finalizar e publicar o widget no site para ver como tudo funciona. A próxima seção abordará como incorporar um Formulário de Contato em HTML e em várias plataformas populares.
Como Incorporar um Formulário de Contato em um site?
É bem simples adicionar o widget de formulário a qualquer site. Vamos ver guias que cobrem o passo a passo para as plataformas CMS mais populares.
Adicionar Formulário de Contato ao site HTML
Assista a este vídeo para aprender como incorporar rapidamente o widget de Formulário de Contato em qualquer site baseado em HTML. É útil ver o processo em ação antes de começar. Se preferir, você também pode seguir os passos simples em texto fornecidos abaixo.
- Vá para o backend do seu site. Certifique-se de que você pode editar o código HTML no painel de administração para integrar o widget de maneira fluida.
- Insira o código Elfsight no HTML do seu site. Escolha o local onde você quer que seu formulário apareça para impulsionar seus objetivos de negócios.
- Salve as alterações no seu site. Verifique se tudo funciona como você planejou e se o visual fica consistente na página.
Criar Formulário de Contato em HTML→
Adicionar Formulário de Contato ao site WordPress
Você pode incorporar rapidamente seu widget sem código ao seu site, inserindo o código fornecido em um bloco. Assim, seu formulário aparecerá exatamente no local que você precisa.
- Faça login na sua conta WordPress. Você precisará trabalhar no painel de administração para fazer alterações no código HTML.
- Vá para Páginas e selecione a página desejada. Tenha em mente seus objetivos comerciais e os motivos para incorporar o plugin em uma área específica.
- Adicione um bloco HTML personalizado. Ele deve aparecer na área obrigatória do site na qual você escolheu incorporar o formulário.
- Insira o código gerado neste bloco. Não se esqueça de ‘Atualizar’ a página e verificar o funcionamento do widget.
Criar Formulário de Contato no WordPress→
Adicionar Formulário de Contato ao site Wix
Adicionar o widget com seu formulário a uma página obrigatória do site Wix é simples. O código personalizado que você recebeu da Elfsight se integra perfeitamente a uma área desejada das páginas.
- Acesse o editor do seu site Wix. Faça login na sua conta Wix e selecione o site que deseja editar. Acesse o painel do seu site e clique em ‘Editar Site’ para abrir o editor do site.
- Adicione um bloco HTML para o widget de formulário. Clique no ícone de Plus (+) no menu esquerdo e vá até a seção Incorporar. Na aba ‘Custom Embeds’, selecione ‘Embed a Widget’ para adicionar um novo bloco HTML à sua página.
- Insira o código de instalação do widget de formulário. Clique em ‘Inserir código’ e cole o código de instalação fornecido pelo editor do widget Formulário de Contato. Depois de inserir o código, clique em ‘Atualizar’ para incorporar o widget na sua página.
- Ajuste as dimensões e a posição do widget. Ajuste as dimensões e a posição do widget na página. Garanta que o widget caiba perfeitamente e tenha apelo visual ao redimensioná-lo e posicioná-lo adequadamente.
- Otimizar para dispositivos móveis. Troque para o editor móvel e ajuste o widget conforme necessário. Garanta que o widget fique perfeito em dispositivos móveis, então publique suas alterações quando estiver satisfeito com o layout.
Crie um Formulário de Contato no Wix→
Adicionar Formulário de Contato ao site Shopify
Adicione rapidamente o widget em qualquer página do seu site Shopify. Basta inserir o código pronto da Elfsight na área indicada do seu site.
- Acesse o painel de administração do Shopify. Você precisa localizar a área ‘Loja Online’ do site.
- Selecione ‘Personalizar’ no menu suspenso. Em seguida, no menu à esquerda, selecione ‘Adicionar seção’.
- Em ‘Conteúdo Personalizado’, clique em ‘Adicionar’. Você precisará remover as partes do Shopify que já estavam pré-instaladas.
- Selecione ‘HTML personalizado’. É a opção que você encontrará no menu ‘Adicionar Conteúdo’.
- Localize a seção ‘HTML’. É onde você pode incorporar o código de instalação do formulário e salvar todas as alterações.
Criar Formulário de Contato no Shopify→
Adicionar Formulário de Contato ao site Squarespace
Qualquer pessoa pode incorporar rapidamente o formulário de contatos na página desejada de um site Squarespace. Basta inserir o código gerado pela Elfsight em um bloco específico da página.
- Faça login na sua conta Squarespace. Entre na sua conta Squarespace e selecione o site para o widget. Vá até o painel do seu site e escolha o site que deseja editar.
- Vá para a seção ‘Site’. Escolha a página onde deseja adicionar o widget de formulário. Acesse a seção ‘Site’ no menu principal e selecione a página desejada.
- Clique em “Editar” e, em seguida, em “Adicionar Seção.” Clique em “Editar” na página escolhida e, depois, selecione “Adicionar Seção” onde você quer o widget. Isso permite criar uma nova seção na sua página para o widget.
- Adicione um bloco de código. Selecione ‘Adicionar uma seção em branco’, depois clique em ‘Adicionar bloco’ e escolha ‘Código’ na lista. É aqui que você vai inserir o código do widget do seu formulário.
- Insira o código de instalação do widget. No ícone ‘Editar’, cole o código de instalação do widget Formulário de Contato e ajuste a largura do bloco. Garanta que o widget apareça bem posicionado e visualmente atraente na sua página.
Crie um Formulário de Contato no Squarespace→
Adicionar Formulário de Contato ao site Webflow
Adicionar o widget às páginas do Webflow é simples: basta inserir um elemento de Incorporar onde você insere o código gerado do seu Formulário de Contato.
- Comece no Webflow. Faça login na sua conta Webflow e escolha o site onde pretende incorporar o widget.
- Incorpore o widget. No editor do Webflow, clique no ícone de adição. Em seguida, basta arrastar e soltar o elemento Embed do menu à esquerda até o local onde você quer que o botão apareça.
- Inserindo o código. Insira o código de instalação do formulário no Editor de Código HTML que aparece. Em seguida, clique em ‘Salvar e Fechar’.
- Customization and publication. Adjust the settings of your form, then press ‘Publish’ and choose the domains for its activation.
Criar Formulário de Contato no Webflow→
Adicionar Formulário de Contato ao site Elementor
É simples e prático incorporar o widget de Formulário de Contato no Elementor. Você só precisa de um bloco vazio na página onde inserir o código do widget.
- Comece no painel do WordPress. Faça login no painel administrativo do seu site WordPress, vá para ‘Páginas’ e selecione a página para adicionar o widget de Formulário de Contato.
- Inicie a edição com Elementor. Escolha “Editar com Elementor” para começar a personalizar a página escolhida.
- Implemente o elemento HTML. Utilize a funcionalidade de arrastar e soltar para colocar o elemento HTML na sua página.
- Adicione o código do widget ao site. Incorpore o código de instalação do formulário pelo Elfsight na caixa de Código HTML.
- Update and enjoy. Clique em ‘Atualizar’ para aplicar suas alterações e ver a página se transformar com o formulário incorporado.
Criar Formulário de Contato no Elementor→
Widget de Formulário de Contato: Benefícios
O widget da Elfsight permite criar formulários de contato que são verdadeiramente valiosos para a sua empresa de diversas formas. Confira alguns dos principais benefícios de usar nossos formulários sem código.
Exemplos de Formulários de Contato Incorporáveis
Vamos conhecer alguns exemplos de Formulários de Contato que você pode criar e incorporar ao seu site para coletar feedback de clientes, solicitações e informações.
Formulário de Contato em Várias Etapas
O Formulário de Contato em Múltiplas Etapas divide formulários longos em seções gerenciáveis usando páginas. É perfeito para solicitações complexas ou coleta de dados, permitindo que os usuários avancem por cada etapa com facilidade. Ao dividir o formulário em etapas, você o torna mais amigável e menos intimidante, garantindo que os visitantes enviem suas informações sem se sentirem sobrecarregados.
Formulário de Contato de Pagamento
O Formulário de Contato com Pagamento é ideal para empresas que precisam processar pagamentos diretamente através do formulário, pois inclui um campo de pagamento, permitindo transações suaves. Quer você esteja coletando taxas por serviços, produtos ou inscrições em eventos, este formulário oferece uma maneira conveniente de lidar com pagamentos enquanto coleta outros detalhes essenciais dos seus clientes.
Formulário de Contato com Upload de Arquivo
O Formulário de Contato com Upload de Arquivos foi criado para facilitar situações em que os usuários precisam enviar arquivos. Este modelo permite que os clientes anexem documentos ou imagens diretamente, tornando-o especialmente útil para o suporte ao cliente. Ele permite que os usuários enviem capturas de tela de problemas ou fotos de produtos com defeito para solicitações de devolução, simplificando o processo tanto para os clientes quanto para as equipes de suporte.
Formulário de Contato com Lógica Condicional
O Formulário de Contato com Lógica Condicional oferece campos dinâmicos que aparecem com base nas respostas do usuário. Por exemplo, se um cliente preencher tanto o e-mail quanto o telefone, ele pode escolher como prefere ser contatado. É perfeito para personalizar a experiência do formulário às necessidades do usuário, mantendo o formulário enxuto e exibindo apenas as opções relevantes.
Formulário de Contato Flutuante
Formulário de Contato Flutuante é a solução ideal quando o espaço na área principal de conteúdo do seu site é limitado. Este formulário permanece fixo no lado esquerdo ou direito da tela, sempre visível e acessível, sem ocupar espaço valioso no layout principal. Ele garante que os clientes possam entrar em contato a qualquer momento, sem perturbar o fluxo do site.
Confira muitos outros modelos que vão ajudá-lo a encontrar a melhor solução para o seu caso de uso:
Explore mais de 40 modelos de Formulário de Contato
FAQ
Como adicionar Captcha ao Formulário de Contato?
Como vincular o Formulário de Contato ao seu e-mail?
Como centralizar um formulário?
Como encontrar um endereço de e-mail a partir do Formulário de Contato?
Mais ideias para impulsionar seu site
- Lidando com números? Existe outro tipo de formulário que está ganhando popularidade no Elfsight: Calculadora widget. Com vários campos de cálculo, construtor simples e recurso com IA para geração automática de calculadoras, você pode criar a solução perfeita para seus clientes que desejam medir o benefício da sua oferta.
- Quer obter mais feedback? Incorpore avaliações da Amazon, Facebook, Yelp e mais de 30 empresas em nosso widget Avaliações Tudo-em-Um. Você pode organizar pesquisas dentro do formulário, mas a possibilidade de escrever uma avaliação pública sobre o seu negócio pode aumentar ainda mais o engajamento e a confiança dos seus clientes.
Tem alguma dúvida?
