Como adicionar Formulários de Inscrição a Qualquer Site, Gratuitamente

Neste artigo descrevemos um widget de formulário gratuito e personalizável que pode impulsionar a sua comunicação e o processamento de dados dos seus assinantes. O Formulário de Inscrição da Elfsight é uma solução sem código que você pode adicionar a qualquer site para aumentar as inscrições e a coleta de dados.
Veja o que o ChatGPT acha Abra o Editor de Widgets ao Vivo
How to Add Subscription Forms to Any Website for Free

Breve apresentação do Formulário de Inscrição

O Widget de Formulário de Inscrição da Elfsight simplifica o processo de coletar endereços de e-mail dos visitantes do seu site por meio de um formulário atrativo. Sua função principal é permitir que novos usuários entrem na sua lista de e-mails, ampliando assim sua base de público. O widget aumenta as inscrições e ajuda você a iniciar comunicações.

No que diz respeito à instalação, o processo é rápido e não requer conhecimentos técnicos especializados nem habilidades de codificação. O plugin de formulário gera um código HTML personalizado, tornando-o compatível com várias plataformas populares de sites, incluindo, mas não se limitando a WordPress, Squarespace, Wix, Shopify e muitas outras.

O processo de criação é igualmente simples e fácil de usar, mesmo em relação aos aspectos técnicos. Para mais inspiração, criamos modelos que podem servir como ponto de partida para você. Você pode começar rapidamente a criar seu primeiro Formulário de Inscrição usando este criador de demonstração:

Obtenha um plugin de formulário personalizado em apenas alguns minutos

  1. Comece com qualquer modelo no nosso menu de demonstração.
  2. Ajuste elementos, textos e ações após o envio para obter um widget de formulário de registro personalizado.
  3. Clique em “Adicionar ao Site” para prosseguir obtendo o código HTML do widget de assinatura.
  4. Inclua este trecho HTML em qualquer site.

Isso é tudo! Agora você pode coletar dados de assinantes e cadastros com o seu próprioInscriçãoFormulárioemsite.

Confira a seção de FAQ antes de prosseguir

Preparamos esta FAQ para responder às dúvidas gerais dos nossos clientes. Encontre soluções para perguntas comuns e saiba mais sobre instalação e compatibilidade com CMS.

Perguntas frequentes

O plugin do Formulário de Inscrição é gratuito?

Claro. É gratuito para qualquer usuário da Elfsight. Nossos clientes podem desfrutar de todos os modelos e configurações do plugin Formulário de Inscrição gratuitamente. No entanto, convidamos você a ver a lista de Preços para conhecer mais oportunidades com os produtos da Elfsight.

Como obter o código HTML de instalação?

Comece a criar o aplicativo de assinatura no demo ou no painel de controle após o registro na Elfsight. Você precisa ter uma conta Elfsight para receber seu código HTML gratuito que pode, posteriormente, ser incorporado ao seu site.

Como usar melhor o plugin de Formulário de Inscrição nas páginas do site?

Primeiramente, o formulário é perfeito para coletar cadastros e inscrições, convidando novos assinantes para o seu negócio online. Você pode ampliar sua base de clientes para alcançar mais pessoas com suas ofertas. Além disso, você pode receber feedback sobre o seu produto ou convidar usuários para webinars.

O plugin do Formulário de Inscrição é personalizável?

Integre em qualquer site.

É possível incorporar o Formulário de Inscrição em páginas de sites WordPress?

Sim. Nosso plugin de Formulário de Inscrição para WordPress é compatível com esta plataforma e funciona bem nela. Ao criar seu Formulário de Inscrição personalizado, você receberá um código HTML. Em seguida, basta seguir os tutoriais para incorporar o app em uma plataforma WordPress:

  1. Para começar, acesse o painel do seu site WordPress. Depois de entrar, vá para a seção “Aparência” e selecione “Temas”.
  2. Em seguida, localize o tema que deseja editar. Clique nos três pontos associados a esse tema e, no menu que aparecer, escolha “Editar”.
  3. Agora, vá até a aba “Páginas” e escolha aquela em que você quer inserir um plugin. Após selecionar a página, clique na opção de template localizada no lado direito.
  4. No editor, localize o ponto exato onde deseja exibir o widget. Para prosseguir, clique em “Adicionar Bloco”.
  5. Na lista de blocos disponíveis, role para baixo e selecione “HTML Personalizado”.
  6. Uma janela pop-up aparecerá. Cole o seu trecho HTML na janela e, em seguida, clique em “Salvar” para confirmar as alterações.

Parabéns! Você instalou com sucesso o plugin de inscrição no seu site WordPress.

Posso adicionar o plug-in de Formulário de Inscrição às páginas do Squarespace?

Claro. O plugin de Formulário de Inscrição do Squarespace da Elfsight funciona bem em qualquer site Squarespace. Fique à vontade para criar seu widget personalizado e, em seguida, basta incorporar o snippet HTML que você receber em uma área desejada. Eis como fazer isso:

  1. Para começar, faça login na sua conta do Squarespace. Depois de entrar, selecione o site onde você gostaria de colocar o app.
  2. Agora, vá até a seção “Website” localizada no menu do lado esquerdo.
  3. Em seguida, escolha a página específica em que deseja inserir o widget. Clique no ícone de engrenagem da página correspondente.
  4. Avance para a aba “Avançado”. Cole o código e, sem demora, clique em “Salvar” para aplicar as alterações.

Parabéns! Você adicionou com sucesso seu plugin de assinatura em uma área específica do seu site Squarespace!

Posso incorporar o plugin do Formulário de Inscrição nas páginas de sites Wix?

Certamente. O app WIX Subscription Form pode ser facilmente criado e incorporado a qualquer site usando o Wix CMS. O app terá aparência e funcionamento adequados, trazendo cadastros para o seu site. É assim que você pode incorporar o produto de coleta de cadastros à plataforma Wix:

  1. Primeiro, faça login na sua conta Wix e selecione o site onde você gostaria de adicionar o app. Em seguida, clique em “Editar Site” para prosseguir.
  2. Em seguida, localize o ícone “Plus” e acesse a seção “Embed”. Nessa seção, selecione “Embed a Widget” na aba “Custom Embeds”.
  3. Agora, clique em “Inserir código”, onde você poderá colar seu snippet de HTML. Depois de colar, pressione “Atualizar” para continuar.
  4. Para garantir o posicionamento adequado, arraste o plugin para a área desejada. Ajuste o tamanho esticando-o até que as barras de rolagem não apareçam mais e todas as informações necessárias caibam no bloco.
  5. Mudar para o editor móvel também é simples; basta clicar no ícone “Mobile”. No editor móvel, ajuste o tamanho do seu plugin esticando-o conforme necessário. Por fim, não se esqueça de pressionar “Publicar” para tornar as alterações ativas.

Parabéns! Ao seguir estes tutoriais, você adicionou com sucesso o plugin de formulário do Elfsight ao código HTML de uma página específica do seu site Wix!

Posso adicionar um Formulário de Inscrição às páginas de sites Webflow?

Sim. O plugin de Formulário de Inscrição Webflow da Elfsight funciona em qualquer site construído neste CMS. Ao terminar de criar seu formulário personalizado, adicione-o ao HTML de qualquer página do site Webflow, seguindo passos simples:

  1. Comece fazendo login na sua conta Webflow e selecione o site específico onde você gostaria de integrar o plugin.
  2. Em seguida, clique no ícone “Mais” para iniciar o processo. No menu da esquerda, basta arrastar e soltar o elemento “Incorporar” para o local onde deseja incorporar o formulário de registro.
  3. Agora, cole o código de instalação na janela do Editor de Código de Incorporação HTML que aparecerá. Depois de colar o código, clique em “Salvar e Fechar” para continuar.
  4. Para ajustar suas configurações, acesse o menu da direita. Faça os ajustes necessários e, quando estiver satisfeito, clique em “Publicar”. Por fim, confirme as alterações selecionando “Publicar para Domínios Selecionados”.

Parabéns! Seguindo estes tutoriais, você adicionou com sucesso o Formulário de Inscrição ao código HTML de uma página específica do seu site Webflow!

Posso incorporar o plugin Formulário de Inscrição nas páginas do Shopify?

Sim. Seu Shopify Subscription Form personalizado funcionará em qualquer página do site conforme necessário. Quando o seu formulário de inscrição personalizado estiver pronto, você receberá um código HTML para adicionar ao seu site Shopify. Abaixo estão os passos para garantir um processo simples de adicionar o código HTML do formulário à página necessária do site:

  1. Comece efetuando login no painel de administração do Shopify. Vá para “Canais de Vendas” e selecione “Loja Online”.
  2. Agora, clique no botão “Personalizar” para prosseguir com a personalização.
  3. Ao abrir o editor visual, você verá que a página inicial já está aberta por padrão. Para selecionar outra, localize-a na lista suspensa no topo da página.
  4. Para integrar o plugin, vá para a próxima etapa. Clique em “Adicionar Seção”.
  5. Entre as opções disponíveis, escolha ‘Custom Liquid’.
  6. Na área “Custom Liquid”, cole o código de instalação. Além disso, você pode personalizar o esquema de cores e ajustar o preenchimento superior/inferior, se necessário. Depois de fazer as alterações desejadas, não se esqueça de salvá-las.

Ótimo trabalho! Você adicionou com sucesso o código HTML do Formulário de Assinatura do Elfsight à página exigida do seu site Shopify!

Help Center, you will discover comprehensive guidance on how to create and install plugins, integrating them into your website. Furthermore, you’ll also find solutions to tackle any technical issues you may encounter.”>Se você usa outras plataformas CMS, fique tranquilo. Em nossa Central de Ajuda, você encontrará orientações abrangentes sobre como criar e instalar plugins, integrando-os ao seu site. Além disso, você encontrará soluções para resolver quaisquer problemas técnicos que possa encontrar.

Por que o Formulário de Inscrição da Elfsight?

Embora os formulários de cadastro pareçam semelhantes em muitos sites, o que realmente importa é o número de ajustes disponíveis. Na Elfsight, buscamos garantir uma aparência atraente no site e uma gestão conveniente para o proprietário. Você não precisa de habilidades de programação para criar um plugin com aparência agradável que gere novos cadastros e assinantes.

Aqui estão as vantagens que você e seus assinantes recebem ao usar o Formulário de Inscrição da Elfsight no seu site.

Gerencie os elementosPara começar, nosso widget de Formulário de Inscrição sem código oferece flexibilidade para personalizar a aparência. Você pode incluir um cabeçalho e combiná-lo com uma legenda. O formulário permite adicionar um rótulo para guiar os assinantes, um placeholder para facilitar, e uma descrição que aparece abaixo do campo. Além disso, você pode escolher se esses campos são obrigatórios ou não.
Defina as ações pós-envio do formulárioAlém disso, há três cenários distintos de ações pós-envio. Você pode optar por redirecionar os usuários para uma URL específica, como uma landing page dedicada à sua campanha. Como alternativa, pode exibir uma mensagem de confirmação de cadastro ou simplesmente ocultar o formulário após o preenchimento com sucesso.
Exporte suas submissões em formato CSVPara as ocasiões em que é necessário gerenciar manualmente a lista de e-mails, nosso widget permite exportar seus dados de assinatura em formato CSV. Basta acessar o painel de administração associado ao seu widget e clicar no botão “Baixar” para recuperar seus dados de assinatura.
Integre seu app com MailchimpPara gerenciar as informações dos assinantes coletadas pelo widget de formulário de inscrição via Mailchimp, siga estas etapas. Faça login na sua conta do Mailchimp e conecte o seu widget na seção “Integrações” dentro do configurador. Depois que um usuário enviar os dados necessários, você os encontrará facilmente na lista de Contatos da seção Audiência no Mailchimp.
Quatro layouts à sua disposiçãoAumente o engajamento escolhendo um dos quatro modelos disponíveis. Conforme suas necessidades, você pode selecionar o modelo incorporado para integrar o widget de forma fluida à sua área de conteúdo. A opção Painel permite posicionar o widget no lado esquerdo ou direito da página. O layout Popup é ideal para exibir todos os campos do formulário de inscrição ao clicar, e o layout Side-in oferece um formulário discreto integrado no canto.
Esquema de cores claro ou escuroDepois de configurar o layout e os recursos, avance para escolher uma paleta de cores que combine com seu estilo. Você pode optar por um tema claro ou escuro para o formulário de cadastro. Não precisa se preocupar com a combinação de cores — nosso gerador de paletas ajuda a selecionar tons harmoniosos. Se preferir trabalhar com as cores de forma independente, nosso configurador de formulário fácil de usar permite recolorir vários elementos, incluindo o rótulo, o texto do campo, a legenda e muito mais.
Elementos e fontesAlém das cores, você também pode personalizar o raio do canto. Ajuste as fontes para o Rótulo, a Legenda e o Texto do Campo, alterando o tamanho e o peso. Você também pode escolher se a posição do Rótulo fica fora ou dentro do formulário, e decidir se a borda do formulário deve ser contornada ou sublinhada. Essas opções de personalização versáteis garantem que seu Formulário de Inscrição esteja em perfeita harmonia com a estética e a funcionalidade do seu site, atraindo assinantes.

Como você pode ver, ao desenvolver um produto, focamos em componentes funcionais, visuais e integrativos. Caso ache que falta algo importante para tornar nosso widget de formulário de cadastro mais conveniente, você pode compartilhar sua solicitação na Lista de Desejos. Esta é a seção de feedback e ideias dos nossos usuários, e tratamos sua contribuição de forma responsável.

Avaliações de Modelos

Formulário de Inscrição Simples

Para deixar claro e não sobrecarregar seus visitantes, você pode adicionar um formulário simples a uma página do site. Com seu estilo minimalista, o aplicativo convidará assinantes que não desejam preencher muitos campos. Assim, você aumenta as chances de cadastro.

Subscription Form template 1

Formulário Mailchimp

Já falamos sobre a possibilidade de adicionar os dados de e-mail dos assinantes à lista do Mailchimp. Este modelo foi criado com a opção de integração habilitada. Você pode ajustar o conteúdo deste formulário para atender às suas necessidades e requisitos para assinantes.

Subscription Form template 2

Formulário de Inscrição na Newsletter

O modelo foi criado para ser o formulário de inscrição na newsletter perfeito para os assinantes do seu site. Ele traz os blocos e elementos necessários à maioria desses formulários.

Subscription Form template 3

Modelo de assinaturas de revistas

Você pode adicionar este modelo de formulário para atrair mais assinantes para um jornal ou revista. Criamos alguns campos potencialmente úteis para essa ideia, mas, em geral, você pode escolher seus próprios elementos para o Formulário de Inscrição.

Subscription Form template 4

Como mais posso usar formulários nas páginas do site?

Construir uma base fiel de assinantes pode impactar significativamente o sucesso de um site. Para ajudar nossos clientes a alcançar esse objetivo, a Elfsight oferece um Formulário de Inscrição versátil. Nesta seção, exploraremos cinco maneiras criativas de implementar o Formulário de Inscrição da Elfsight em um site, cada uma com benefícios e resultados únicos.

Cadastre-se na newsletter de conteúdo.

Uma newsletter bem elaborada pode ser uma ferramenta valiosa para sites que oferecem atualizações de conteúdo regulares, como blogs, sites de notícias ou plataformas educacionais. Ao adicionar o Formulário de Inscrição Elfsight de forma proeminente em uma página do site, você pode incentivar os visitantes a assinar newsletters, atualizações ou notificações.

Benefícios

  • Aumento do Engajamento: Inscritos têm mais probabilidade de retornar ao site para consumir conteúdo novo.
  • Comunicação Direcionada: Entrega de conteúdo personalizada e comunicação sob medida via assinaturas.
  • Coleta de Dados: Recolha dados valiosos de assinantes para futuras campanhas de marketing.
Subscription Form preview 1

Acesso Exclusivo e Assinaturas

ARMember for smooth access control and subscription management.”>Sites que visam criar um senso de comunidade ou oferecer conteúdo premium podem usar o Formulário de Inscrição para conceder acesso exclusivo ou assinaturas. Usuários que se inscrevem ganham acesso a seções restritas do site, abrindo um mundo de benefícios e conteúdo não disponível aos visitantes comuns. Usuários que se inscrevem ganham acesso a seções restritas do site, abrindo um mundo de benefícios e conteúdo não disponível para visitantes habituais, especialmente quando combinado com um plugin de assinatura robusto como ARMember para controle de acesso e gestão de assinaturas.

Benefícios

  • Monetização: Cobrar por assinaturas premium, gerando receita.
  • Construção de Comunidade: Cultive um sentimento de pertencimento entre os assinantes.
  • Diferenciação de Conteúdo: Diferencie conteúdo gratuito e premium para atrair cadastros.

Descontos e promoções de e-commerce

Para sites de e-commerce, o Formulário de Inscrição pode servir como porta de entrada para descontos exclusivos, promoções e acesso antecipado a vendas para assinantes. Oferecendo algo de valor, como um código de desconto, em troca da inscrição, as empresas podem aumentar rapidamente sua base de assinantes.

Benefícios

  • Impulso de Conversões: Estimula compras imediatas oferecendo descontos para assinaturas.
  • Retenção de clientes: Assinantes têm mais probabilidade de retornar para futuras compras.
  • Oportunidades de Marketing: Envie promoções segmentadas e atualizações de produtos.
Subscription Form preview 2

Cadastros de eventos

Sites que promovem eventos, webinários, workshops ou conferências podem usar o formulário para gerenciar de forma eficiente as inscrições dos assinantes. Colete informações dos participantes, envie lembretes de eventos e construa uma lista de participantes interessados.

Benefícios

  • Cadastro Simplificado: Facilita a participação em eventos para os usuários.
  • Insights do Público: Entenda a demografia e as preferências dos participantes por meio de dados de assinatura.
  • Canal de Comunicação: Envie atualizações e materiais relacionados a eventos para os assinantes.

Feedback e Pesquisas com Clientes

Para empresas que buscam coletar feedback, sugestões ou conduzir pesquisas com clientes, adicionar o formulário pode ser altamente eficaz. Os usuários podem se inscrever para participar de pesquisas ou fornecer feedback sobre produtos e serviços.

Benefícios

  • Insight do Cliente: Colete feedback valioso para melhorias do produto.
  • Engajamento: Mostre aos assinantes que a opinião deles importa.
  • Decisões orientadas por dados: Tome decisões de negócio embasadas no feedback dos clientes.
Subscription Form preview 3

Em conclusão, o Formulário de Assinatura da Elfsight é uma ferramenta versátil que oferece inúmeros benefícios para empresas e seus sites. Ao implementar de forma criativa uma chamada para assinatura, os proprietários de sites podem atrair e reter assinantes, expandir sua base de usuários e colher os benefícios acima mencionados.

Fique por dentro das atualizações da Elfsight

Conteúdo para começar

Esperamos que tenha gostado deste breve relatório sobre a eficácia do Formulário de Inscrição. Ao ler as seções do artigo, você já tem a base para começar a usar. Analisamos os processos de criação e incorporação para tornar seu site mais atraente para cadastros.

Vantagens e Comunidade

Basicamente, listamos a maioria dos benefícios comuns de usar o widget de formulário em páginas do site. No entanto, nossos clientes costumam encontrar cenários ainda mais interessantes e compartilhá-los com a Comunidade. Você pode visitar este fórum para se inspirar ou receber orientação sobre questões específicas relacionadas ao formulário. Além disso, os especialistas da Elfsight também estão lá com soluções rápidas. Ficaremos felizes em manter contato com você, expandindo constantemente nossa cooperação além do Formulário de Inscrição. Obrigado por escolher os produtos Elfsight.

Artigo por
Especialista em Conteúdo Técnico
Ivan é um especialista em conteúdo técnico na Elfsight. Ele escreve guias práticos de API e documentação para desenvolvedores, cobrindo integrações para diferentes plataformas e fluxos de automação que reduzem o trabalho manual.