Ixonn Group

Configurar Web para Formulário de Lead

You are here:
< All Topics

O recurso Ixonn Web to Lead permite criar um formulário da Web com base em campos de leads e campos personalizados para colocá-lo em seu site, página de destino etc. como um iframe.


Os visitantes podem inserir seus nomes, endereços de email, fazer upload de anexos e outras informações básicas para criar um lead diretamente em Ixonn.

Para criar uma nova web para o formulário de lead, no menu principal do administrador, navegue para Setup-> Leads-> Web To LeadNew Web to Lead Form

Clique no botão no lado esquerdo superior Novo formulário

NOTA: Você poderá criar o formulário depois de criar o formulário inicial, incluindo todas as configurações.

  1. Nome do formulário – dê um nome ao seu formulário, ele é para uso pessoal e também será exibido no perfil do lead quando você abrir o lead.
  2. Idioma – o idioma atualmente é usado apenas para as mensagens de validação.
  3. Texto do botão Enviar – A parte inferior em que o usuário precisará clicar para enviar o formulário E.q. Solicite uma cotação ou entre em contato, sinta-se à vontade para ajustar para atender às suas necessidades.
  4. Mensagem a ser exibida após o envio do formulário com êxito – Esta mensagem será mostrada após o uso do envio do formulário com êxito.
  5. Permitir que leads duplicados sejam inseridos em um banco de dados? – Freqüentemente, na web, os formulários de leads são inseridos em leads duplicados no banco de dados. Ixonn tem a capacidade de impedir que isso aconteça criando automaticamente o lead como tarefa, incluindo todos os dados do formulário como uma descrição, em vez de inseri-lo diretamente no banco de dados de leads. Nesse caso, o membro da equipe responsável precisará analisar os dados do lead e levar adiante ações.
  6. Origem – fonte de lead padrão
  7. Status – O lead precisará estar no status após a importação bem-sucedida no banco de dados Ixonn.
  8. Responsável – Atribuir automaticamente o lead a um membro da equipe específico.
  9. Configurações de notificação – Todos os usuários com base no tipo de notificação serão notificados por meio de notificação integrada em Ixonn e, adicionalmente, o membro da equipe principal responsável receberá uma notificação por email se em Configuração-> Modelos de Email -> Novo Principal Designado ao Membro da Equipe não estiver marcado como Desativado.
  10. Recaptcha – Você pode usar o Google Recaptcha para evitar spam. O campo para o Google Recaptcha será mostrado apenas se você tiver configurado anteriormente as chaves recaptcha.

Depois de criar o formulário, duas novas guias serão mostradas na área de formulário Criador de formulários e Código de integração.

  • Construtor de formulários – o local em que você cria o formulário e ajusta todos os campos necessários.
  • Código de integração é o código que você precisará colocar em seu site o formulário a ser mostrado. Observe que, no link, você poderá ver que cada um possui uma chave exclusiva.

Construindo o formulário

Web To Lead Build Form

Ao salvar as configurações iniciais do formulário, você será automaticamente apontado na guia Criador de formulários e, no lado esquerdo, poderá ver todos os campos de formulário disponíveis retirados do perfil de lead. Observe que, se você tiver campos personalizados para leads, poderá incluir seus campos personalizados dentro do formulário com facilidade, arrastando e soltando.

Há apenas uma exceção em que os campos personalizados do tipo Hiperlink não têm suporte para serem incluídos na Web para formar o formulário.

Para adicionar um campo ao formulário, arraste o campo para o lado direito na área do formulário.

Depois de arrastar o campo, você poderá ver no lado esquerdo a capacidade de arrastar para esse campo será desativada. Você só pode adicionar o campo no formulário uma vez para evitar confusão com os dados do formulário.

Personalizando os campos

A screenshot of a cell phone

Description automatically generated

Se os campos não se ajustarem exatamente às suas necessidades, você poderá personalizar os rótulos, adicionar texto de ajuda, espaços reservados e torná-los necessários. Quando você arrasta o campo na área do formulário, passe o mouse sobre o campo no canto superior direito e poderá ver 2 botões (editar e remover)

Depois de personalizar o formulário, clique no botão inferior esquerdo SALVAR e clique na guia Código de integração para obter o código que você precisa adicionar ao seu site. O código será colocado como iframe e você poderá ajustar a largura e a altura diretamente ao snippet de código fornecido pelo Ixonn.

Styling

Se você precisar estilizar a cor dos campos de entrada para ajustar-se ao seu site, poderá criar o arquivo custom.css em assets / css e aplicar os estilos necessários.

Exemplo de alteração da cor da borda das entradas:

entrada body.web-to-lead {

        cor da borda: vermelho;

}

Exemplo de alteração da cor de fundo do botão enviar:

body.web-to-lead #form_submit {

        fundo: vermelho;

}

 

body.web-to-lead #form_submit: pairar,

body.web-to-lead #form_submit: ativo {

        fundo: verde;

}

Redirecionar usuário para URL personalizado após o envio do formulário

Via FTP / cPanel, acesse application / helpers / e crie (se não existir) o arquivo my_functions_helper.php e adicione o seguinte trecho de código:

hooks () -> add_action (“web_to_lead_form_submitted” “,” my_web_to_lead_form_submitted_redirected_to_custom_url “);

 

função my_web_to_lead_form_submitted_redirect_to_custom_url ($ data) {

    eco json_encode (matriz (

      “Sucesso” => verdadeiro,

      ‘Redirect_url’ => ‘http://yourcustomurl.com’

    ));

    morrer;

}

Não se esqueça de incluir a tag de abertura <? Php na parte superior do arquivo, se ainda não tiver sido adicionada.

Adicione formulário personalizado HTML, E.q. logotipo

No aplicativo / ajudantes, crie um arquivo (se não existir) e adicione o seguinte código:

hooks () -> add_action (“web_to_lead_form_start”, “my_web_to_lead_form_start”);

 

função my_web_to_lead_form_start () {

    eco ‘<img src =” https://yourwebsite.com/logo.jpg “> ‘;

}

Não se esqueça de incluir a tag de abertura <? Php na parte superior do arquivo, se ainda não tiver sido adicionada.

Lembre-se de que você precisará alterar o URL do logotipo.

Criar layouts de formulário com várias colunas no formulário Web To Lead (disponível na v1.9.0)

Por padrão, os campos do formulário serão adicionados em uma única coluna a toda a largura do documento, se você desejar personalizar o formulário e exibir os campos em várias colunas. Nós adicionamos a capacidade de conseguir isso com as classes personalizadas aplicadas ao campo. pode adicionar até 12 colunas em 1 linha.

No exemplo a seguir, criaremos 2 campos em 2 colunas e 1 linha.

Lembre-se de que as colunas não serão aplicadas no criador de formulários, somente quando o formulário for visualizado acessando o link de integração ou em um iframe.

Aqui está um exemplo rápido:

Resultado final:

web-to-lead-form-2-columns

Suponha que no seu construtor de formulários você tenha 4 campos, como na ordem Nome, Endereço de Email, Empresa, Endereço.

Para os 2 primeiros campos, clique no botão EDITAR no canto superior direito do wrapper de campo para deslizar para baixo na área de edição. Na entrada de classe, adicione uma classe adicional para ambos os campos, form-col-6, conforme mostrado na imagem abaixo.

Salve o formulário clicando no botão Salvar e visualize o formulário no link de integração para ver o resultado final.

Como mencionado anteriormente, você pode adicionar até 12 colunas, neste caso, form-col-6 + form-col-6 = 12, caso deseje adicionar 3 colunas, aplique a classe form-col-4 em 3 campos (formulário Os campos -col-4 * 3 terão 12 e os campos caberão no documento), um por um em ordem.

Como na maioria dos casos, você incorporará o formulário em um pequeno contêiner / parte do seu site, o CSS da grade de autoinicialização ainda mostrará as colunas novas linhas (não divididas em duas colunas); nesse caso, considere adicionar outra classe adicional para pequenos contêineres , por exemplo, se você adicionou a classe form-col-6, adicione classe adicional à área pequena form-col-xs-6, clique aqui para verificar como isso deve ficar


Algumas coisas a considerar

  1. Nunca deixe o formulário sem os campos obrigatórios. Por padrão, o campo de nome será obrigatório e não é recomendável desmarcar conforme necessário.
  2. Ao inserir o código de trecho de iframe, há algumas coisas que você precisa considerar.
  • Se o protocolo da sua instalação do Ixonn for HTTP, use uma página HTTP dentro do iframe.
  • Se o protocolo da sua instalação do Ixonn for https, use uma página https dentro do iframe.
  • Resumindo, não haverá instalação SSL Ixonn, será necessário colocar o link em nenhuma página de destino SSL eq e para trás, sites SSL com instalação SSL Ixonn e nenhum site SSL com nenhuma instalação SSL Ixonn. Você pode ler mais sobre isso aqui

Artigos Relacionados

Table of Contents
Scroll Up