Seu site é uma ótima maneira de gerar e captar novos leads por meio de um formulário. O Capsule oferece um criador de formulários integrado que fornece a maneira mais simples de criar um formulário de captura de leads, sem necessidade de programação. Você cria o formulário no Capsule e depois incorpora o trecho de HTML gerado no seu site.
Se você é cliente da Transpond, ou se não está familiarizado com HTML e precisa de uma abordagem “no-code”, a Transpond oferece formulários de inscrição e de conteúdo restrito; consulte nosso guia sobre como usar formulários Transpond.
Como criar o formulário
O Form Builder permite criar um formulário de captura de leads para o seu site sem escrever nenhuma linha de código. Escolha os campos desejados, visualize o formulário enquanto o constrói e, em seguida, copie o código de incorporação para o seu site. O vídeo abaixo mostra o passo a passo.
video showing the web form builder, removing and adding fields
Um administrador do Capsule pode começar a criar o formulário por:
- No Capsule, clique no seu nome no canto superior direito > Configurações da conta > Formulário de contato.
- Ative ou desative os campos que você deseja incluir no formulário.
- Arraste e solte para reorganizar os campos conforme necessário.
- Se você estiver em um plano pago do Capsule, verá a opção de remover a marca do Capsule.
- Quando o formulário estiver completo, clique em Publicar para gerar uma URL do formulário ao vivo.
Adicionando o formulário ao seu site
Depois que você Publicar seu formulário, o Capsule gera um URL de formulário ao vivo. Você pode simplesmente copiar esse URL e:
- Cole isso no seu navegador para visualizar o formulário.
- Adicione o link ao seu site (por exemplo, em um botão ou link como “Fale Conosco”).
Se você fizer alterações no formulário depois, clique em Atualizar para aplicar essas alterações ao mesmo URL ativo.
Como alternativa, se você preferir incorporar o formulário diretamente em uma página do seu site, ainda poderá fazer o download do HTML.
Quer você baixe o formulário ou copie o código, você receberá todo o HTML necessário para o seu formulário de contato. Para adicionar o formulário ao seu site, você (ou o seu desenvolvedor web) precisará colar esse HTML em uma página do seu site.
A maioria das plataformas de sites permite que você faça isso adicionando um bloco de HTML personalizado ou Incorporar, e então copiando o conteúdo do arquivo index.html baixado para esse bloco. Por exemplo, se você estiver usando o WordPress, pode adicionar um bloco de HTML personalizado seguindo este guia: Guia do WordPress
Criar um formulário de site manualmente
A integração do formulário de contato do Capsule usa elementos simples de formulário em HTML, nos quais você pode personalizar exatamente quais dados do formulário serão adicionados a qual campo do contato no Capsule. Assim que um formulário é enviado e o contato é criado, você receberá um e‑mail informando sobre o novo contato e uma tarefa será adicionada no Capsule para que você confira os detalhes da nova submissão. Dessa forma, você estará sempre em dia com seus novos leads.
Como configurar a integração do formulário de contato
A integração requer uma chave de formulário da web, que é específica para a sua conta Capsule. Um administrador do Capsule pode encontrar essa chave acessando Configurações da conta > Formulário de contato do site > Configurações > Opções avançadas
1. A integração utiliza os elementos padrão de formulário HTML com ações e nomes de campos específicos para garantir que os campos do formulário sejam mapeados corretamente para os campos correspondentes no Capsule. Use o seguinte código como base:
<form action="https://service.capsulecrm.com/service/newlead" method="post">
<input type="hidden" name="FORM_ID" value="[Your form key]" />
<input type="hidden" name="COMPLETE_URL" value="http://yourwebsiteurl.com" />
Nome:
<input type="text" name="FIRST_NAME" />
Sobrenome:
<input type="text" name="LAST_NAME" />
Email:
<input type="text" name="EMAIL" />
<input type="submit" value="Enviar" />
</form>
2. Insira a chave do seu formulário da web em FORM_ID e certifique-se de definir COMPLETE_URL para o URL que você deseja que o cliente veja quando tiver concluído o formulário.
3. Adicione a página da Web no campo Completion Redirect URL à página que você deseja exibir após o envio do formulário.
4. Se você precisar incluir mais campos no seu formulário, abaixo está uma lista de todas as opções disponíveis e como formatá-las. Insira-as no código do formulário acima do campo de entrada submit.
Como personalizar o formulário de contato integrado do seu site
Além dos campos padrão de primeiro e último nome e endereço de e‑mail, você pode usar o formulário para coletar qualquer informação, como cargo, nome da empresa, tags e campos personalizados. Abaixo está uma lista de todas as opções de campos disponíveis e algumas observações sobre como usar cada uma delas:
| CAMPO DO FORMULÁRIO | OBRIGATÓRIO | Descrição |
|---|---|---|
NOME | Não* |
|
SOBRENOME | Não* |
|
NOME_PESSOA | Não* |
|
TÍTULO | Não |
|
TÍTULO_DO_CARGO | Não |
|
NOME_DA_ORGANIZACAO | Não* |
|
TAG | Não |
|
NOTA | Não |
|
Não |
| |
TELEFONE | Não |
|
RUA | Não |
|
CIDADE | Não | Igual ao acima |
ESTADO | Não | Mesmo que acima |
CEP | Não | Igual ao acima |
PAÍS | Não | Igual ao acima |
SITE | Não |
|
CAMPOPERSONALIZADO | Não | por exemplo, |
*Pelo menos um primeiro nome, sobrenome, nome de pessoa ou nome de organização é necessário para criar um contato.
As seguintes opções podem ser definidas ao incluí‑las como campos ocultos no seu formulário:
| CAMPO DO FORMULÁRIO | OBRIGATÓRIO | Descrição |
|---|---|---|
FORM_ID | Não* | Usamos isso para identificar a sua conta. |
URL_COMPLETA | Não* | Uma página do seu site que o usuário verá após enviar o formulário. Se você pretende enviar seu formulário por meio de um proxy, pode remover esse campo do formulário. O formulário retornará com o status HTTP 200. |
ID_AVALIACAO | Não* | Opcionalmente, use este campo para definir o usuário que será responsável pela tarefa de revisar o contato. Se isso não for definido, a tarefa será atribuída ao superadministrador da conta. Consulte a página nas configurações da sua integração para ver a lista de IDs de revisão. |
DESENVOLVEDOR | Não | Defina este campo como TRUE enquanto estiver desenvolvendo seu formulário. Um resumo dos dados fornecidos será exibido e nenhum dado será adicionado à sua conta Capsule. |
ENVIAR | Não | Defina este campo como FALSE para suprimir o e-mail enviado quando um novo contato é adicionado pelo formulário de contato. |
FORMATO_DATA | Não* | Use isto para substituir o formato de data padrão. Exemplos de formatos: dd-MM-yy, MM-dd-yy, yy-MM-dd, dd/MM/yy etc. |
Como adicionar tags a um contato usando o formulário
Pode ser útil marcar os contatos que chegam pelo formulário para identificá‑los melhor e ter uma ideia de quantos contatos são criados por meio do formulário em comparação com aqueles que são importados ou adicionados manualmente. Conforme descrito acima, para marcar os contatos que chegam pelo formulário com webform, por exemplo, você pode incluir a seguinte linha de código HTML no seu formulário:
<input type="hidden" name="TAG" value="webform">
O facto de o tipo de campo estar definido como hidden significa que a pessoa que estiver a preencher o formulário não o verá, mas o respetivo contacto no Capsule continuará a ser etiquetado em conformidade.
Como usar o formulário para registrar o consentimento
Além de registrar o nome e os dados de contato de um lead, você pode querer registrar, ao mesmo tempo, o consentimento dele para atualizações e marketing. Para fazer isso, você precisará adicionar um campo personalizado no Capsule onde o consentimento possa ser registrado e, em seguida, adicionar algum código correspondente ao seu formulário:
1. Para adicionar o Campo Personalizado, vá para o Account SettingsCustom Fieldsclick Add NewCheck Box Field
2. Rotule o campo como Consentimento para atualizações e marketing ou com um nome que faça sentido para o seu negócio. Anote esse rótulo, pois você vai precisar dele mais tarde.
3. Em seguida, você precisa adicionar o código relevante ao seu formulário. Para isso, no código do seu formulário adicione esta linha de código entre as tags <form> </form>:
<input
type="checkbox"
name="CUSTOMFIELD[Consent to updates and marketing]"
value="TRUE"
/>
4. Comece com a pergunta que você fará aos seus contatos, como “Consentimento para atualizações e marketing”. Se você optou por um rótulo diferente para o seu campo, certifique-se de substituir o nome entre colchetes pelo nome do seu campo.
Quando você salvar seu código, seu formulário deverá ficar parecido com isto:
E quando o seu contato for adicionado ao Capsule, você verá essa caixa de seleção no registro dele:
Como personalizar qual usuário revisa as novas submissões
Conforme mencionado acima, quando o formulário é enviado e o contato é criado no Capsule, um e‑mail também é enviado a um usuário do Capsule e uma tarefa é adicionada ao novo contato no Capsule para que o usuário possa revisar os detalhes. Por padrão, o e‑mail e a tarefa vão para o Super Administrador do Capsule, porém você pode alterar isso usando uma opção específica no formulário. Para fazer isso, insira o seguinte código:
<input type="hidden" name="REVIEW_ID" value="ID do usuário">
Substitua ‘ID for the user’ pelo ID da pessoa que irá lidar com as novas submissões. Você encontrará uma lista com o ID de cada usuário em Capsule Account Settings > Integrations > Website Contact Form > no painel na parte inferior da página.
Se você não quiser criar uma nova tarefa quando um contato for adicionado, poderá desativar essa opção incluindo a seguinte linha de código no seu formulário.
<input type="hidden" name="CREATE_CHECK_TASK" value="FALSE"/>
Como impedir que o formulário envie e‑mails para o usuário atribuído
Se perceber que não precisa receber um e‑mail para cada envio de formulário e prefere apenas acompanhar tudo diretamente no Capsule, você pode inserir uma linha de HTML para impedir que os e‑mails sejam enviados. Use o seguinte código:
<input type="hidden" name="SEND" value="FALSE">
Como testar seu formulário
Se quiser testar o formulário sem criar um monte de contatos na sua conta Capsule, você pode colocá-lo temporariamente em “modo de desenvolvedor” com a seguinte linha de código:
<input type="hidden" name="DEVELOPER" value="TRUE">
Quando estiver pronto para colocar o formulário no ar, você pode definir o valor como FALSE ou remover completamente essa linha do código do formulário.
Como evitar envios de spam
A integração do formulário de contato do site Capsule pode exibir um CAPTCHA para ajudar você a evitar o recebimento de envios de spam na sua conta. Nas configurações da integração, é possível definir quando o CAPTCHA deve ser exibido: nunca, apenas para atividades suspeitas ou sempre.
Se você perceber que ainda está recebendo envios de spam no Capsule por meio do seu formulário de contato, então, como primeiro passo, recomendamos que você redefina a chave do formulário. Dessa forma, qualquer bot de spam que tenha registrado os detalhes do seu formulário não poderá fazer novos envios usando as informações que possui.
Para redefinir e gerar uma nova chave, vá para Account SettingsIntegrationsWebsite Contact Form e use o botão para Gerar nova chave.
Depois de fazer isso, você também precisará atualizar a chave na sua página HTML para que corresponda, garantindo que novos envios do formulário continuem funcionando.
Não sei escrever HTML – o que eu faço?
Se você não se sente à vontade para escrever código HTML para o seu site, existem várias alternativas. O Capsule se integra a um serviço de formulários online chamado Wufoo, que permite criar formulários facilmente com simples opções de arrastar e soltar; depois, você pode usar nossa integração para enviar essas submissões diretamente para a sua conta Capsule. Leia mais sobre nossa integração com o Wufoo aqui.
Se você estiver usando Wordpress então existe outro serviço de formulários de terceiros chamado NinjaForms que possui seu próprio plug-in para o Capsule, que permite criar Contatos, bem como Projetos e Oportunidades de Venda a partir do envio de um formulário. Confira a Extensão Capsule para NinjaForms aqui.
Como alternativa, se você estiver usando outro serviço de formulários como Google Forms, Formstack etc., dê uma olhada no Zapier para ver se eles oferecem suporte a isso. Caso você não conheça, o Zapier é o que chamamos de uma plataforma de integração, que conecta diferentes serviços que normalmente não têm integrações nativas entre si, e eles oferecem suporte ao Capsule. Temos mais detalhes sobre isso em nosso artigo sobre o Capsule Zap para o Zapier.