Web to Lead no V-Pro CRM

Como criar formulários para captar leads direto no seu site

O recurso Web to Lead do V-Pro CRM permite criar formulários de captação de leads baseados nos campos do CRM (inclusive campos personalizados) e incorporá-los em:

• Sites institucionais

• Landing pages

• Blogs

• Páginas de campanha

Os dados enviados pelo formulário são registrados automaticamente como leads no V-Pro CRM, sem necessidade de integração externa.

O que é o Web to Lead

O Web to Lead funciona por meio de um formulário exibido via iframe, onde o visitante pode:

• Informar nome, e-mail, telefone e outros dados

• Enviar anexos

• Preencher campos personalizados

Ao enviar o formulário, um lead é criado diretamente no CRM, já com status, origem e responsável definidos.

Como acessar o Web to Lead

Para criar um novo formulário:

1. Acesse o menu Configurações

2. Vá em Leads → Web to Lead

3. Clique em Novo Formulário

Observação: o formulário só pode ser montado após salvar a configuração inicial.

Configurações iniciais do formulário

Ao criar um novo formulário, você deve configurar os seguintes campos:

Nome do Formulário

Nome interno para identificação.
Também aparece no perfil do lead dentro do CRM.

Idioma

Define apenas o idioma das mensagens de validação do formulário.
Não altera o idioma do CRM.

Texto do Botão de Envio

Texto exibido no botão do formulário
Exemplos:

• “Solicitar Orçamento”

• “Fale Conosco”

• “Quero Saber Mais”

Mensagem após envio

Mensagem exibida ao usuário após o envio bem-sucedido do formulário.

Permitir leads duplicados?

Formulários podem gerar leads duplicados.

Você pode escolher:

• Permitir duplicados

• Bloquear duplicados e criar uma tarefa para análise manual, contendo todos os dados enviados

Essa abordagem evita poluir a base de leads.

Origem do Lead

Define a origem padrão do lead (ex: Site, Landing Page, Campanha X).

Status do Lead

Status que será atribuído automaticamente ao lead após a criação.

Responsável

Usuário que será automaticamente atribuído como responsável pelo lead.

Notificações

Define quem receberá notificações internas e por e-mail quando um lead for criado.

O e-mail depende do template “Novo Lead Atribuído” estar ativo em
Configurações → Modelos de E-mail.

reCAPTCHA

Ativa o Google reCAPTCHA para evitar spam.

Esse campo só aparece se as chaves do reCAPTCHA já estiverem configuradas no sistema.

Abas adicionais após salvar o formulário

Após salvar as configurações iniciais, duas novas abas ficam disponíveis:

1. Construtor de Formulário (Form Builder)

Onde você monta o formulário visualmente.

2. Código de Integração

Código iframe que será usado para exibir o formulário no site.

Cada formulário possui uma chave única.

Construindo o formulário (Form Builder)

No Form Builder, você verá à esquerda:

• Todos os campos padrão de lead

• Campos personalizados (se existirem)

Regras importantes

• Campos personalizados do tipo link (hyperlink) não são suportados

• Cada campo pode ser usado apenas uma vez no formulário

Como adicionar campos

• Arraste o campo desejado para a área do formulário

• Após adicionar, o campo não poderá ser arrastado novamente

Personalizando os campos

Cada campo pode ser customizado:

• Rótulo (label)

• Texto de ajuda

• Placeholder

• Campo obrigatório

Para editar:

1. Passe o mouse sobre o campo

2. Clique em Editar

3. Ajuste as opções conforme necessário

Salvando e publicando o formulário

Após finalizar:

1. Clique em Salvar

2. Vá até a aba Código de Integração

3. Copie o iframe gerado

4. Cole no seu site, landing page ou CMS

Você pode ajustar largura e altura diretamente no código.

Estilização do formulário (CSS)

Para personalizar o visual do formulário, crie (se não existir) o arquivo:

assets/css/custom.css

Exemplo: alterar cor da borda dos campos

body.web-to-lead input {
  border-color: red;
}

Exemplo: alterar cor do botão de envio

body.web-to-lead #form_submit {
  background: red;
}

body.web-to-lead #form_submit:hover,
body.web-to-lead #form_submit:active {
  background: green;
}

Redirecionar usuário após envio do formulário (avançado)

É possível redirecionar o usuário para uma URL personalizada após o envio.

Passo a passo:

1. Acesse via FTP ou cPanel

2. Vá até application/helpers/

3. Crie (ou edite) o arquivo my_functions_helper.php

4. Adicione o código abaixo:

<?php
hooks()->add_action('web_to_lead_form_submitted','my_web_to_lead_form_submitted_redirect_to_custom_url');

function my_web_to_lead_form_submitted_redirect_to_custom_url($data){
    echo json_encode(array(
        'success'=>true,
        'redirect_url'=>'https://seusite.com/obrigado'
    ));
    die;
}

Incluir logotipo no formulário

Você pode incluir o logotipo da empresa adicionando o parâmetro abaixo à URL do formulário:

?with_logo=1

Exemplo:

https://seudominio.com/forms/wtl/CHAVE_DO_FORMULARIO?with_logo=1

Compartilhamento direto do formulário (sem iframe)

O formulário pode ser compartilhado diretamente por link (ideal para e-mail, WhatsApp, SMS).

Use o parâmetro:

&styled=1

Exemplo:

https://seudominio.com/forms/wtl/CHAVE_DO_FORMULARIO?with_logo=1&styled=1

Formulários em múltiplas colunas

Por padrão, os campos são exibidos em uma única coluna.

É possível criar múltiplas colunas usando classes CSS:

• form-col-6 → metade da largura

• form-col-4 → um terço da largura

• Total máximo por linha: 12 colunas

Exemplo (2 colunas):

• Campo 1: form-col-6

• Campo 2: form-col-6

As colunas só aparecem no formulário final, não no construtor.

Para áreas pequenas, use classes adicionais, como:

form-col-xs-6

Boas práticas importantes

• Nunca remova todos os campos obrigatórios

• O campo Nome deve permanecer obrigatório

• Use protocolos compatíveis:

  • CRM HTTP → página HTTP

  • CRM HTTPS → página HTTPS

• Sempre teste o formulário após publicar

Conclusão

O Web to Lead do V-Pro CRM é uma ferramenta poderosa para:

• Captar leads automaticamente

• Integrar site e CRM

• Padronizar entrada de dados

• Aumentar conversão sem integrações externas