WordPress - Plugin para formulários

Manutal de Instruções: WordPress - Plugin para formulários

O que é o Plugin SafetyMails para Wordpress?

Muitas vezes, por diversas razões, o endereço de e-mail digitado em formulários de cadastro é inválido. Assim, grandes oportunidades de negócios são perdidas e o custo por lead aumenta devido à geração de leads inválidos.

Por isso, muitas empresas buscam os serviços de validação e verificação de e-mails em tempo real da SafetyMails, o Safety Optin. E, para atender a todos os públicos, a SafetyMails lançou seu Plugin Wordpress. Assim, você pode criar formulários com validação e verificação de e-mails, mesmo em sites Wordpress, sem limitação de campos e de número de formulários.

Com essa integração, toda vez que um visitante estiver preenchendo um de seus formulários, o campo e-mail será validado em tempo real, enquanto o formulário ainda é preenchido.

A vantagem é que o visitante é avisado caso haja algum problema com o endereço de e-mail e você não perde o lead.

O que é preciso para utilizar o Plugin?

Você pode começar hoje mesmo a proteger os seus formulários no Wordpress. É fácil e rápido.

Você precisará, é claro, de um site com tecnologia Wordpress e também de uma conta na SafetyMails, com um plano "Safety Optin" ativo.

Se você ainda não possui uma conta, crie uma agora mesmo clicando aqui.

Instalação do plugin no Wordpress

PASSO 1: acesse o menu PLUGINS > ADICIONAR NOVO no seu painel do Wordpress.

PASSO 2: no campo destinado à busca de plugins, digite SAFETYMAILS. Você verá a opção abaixo. Clique em instalar.

Construindo o seu formulário

Ao clicar em "Novo formulário", você verá uma interface drag’n drop, com algumas opções disponíveis para construir o seu formulário.

O primeiro e mais importante passo é dar um nome ao formulário. Faça isso no campo "Nome", para identificar seu formulário.

Cada campo que você inserir no corpo do seu formulário poderá ser configurado, editado, movido, duplicado ou removido. Você verá estas opções sobre eles quando passar o seu mouse sobre cada campo.

Todos os campos possuem diversas configurações disponíveis. Em todos eles, no entanto, algumas configurações opções são recorrentes e é importante que você as conheça:

  • Obrigatório: selecionando esta opção, o campo torna-se obrigatório ao preenchimento;
  • Nome do campo: nome do campo que será visto pelo visitante;
  • Texto de ajuda: texto de explicação que será exibido como ajuda;
  • Placeholder: texto que será exibido dentro do campo (pode ser deixado em branco)
  • Comprimento máximo: número máximo permitido de caracteres

Vamos entender como funciona cada um dos campos disponíveis:

Cabeçalho

É um texto que funciona como título ou subtítulo de áreas específicas do seu formulário. Divide-se em 3 subtipos que você pode escolher: h1 (título 1), h2 (título 2) e h3 (título 3), com tamanhos diferentes.

Parágrafo

Trata-se de um corpo de parágrafo comum. Você também pode escolher entre os subtipos de parágrafos disponíveis de acordo com a sua preferência.

Campo de texto

É o primeiro campo preenchível do formulário. Você pode utilizá-lo para solicitar as informações básicas do contato, como nome, empresa, e-mail, etc…

Campo de texto

É o primeiro campo preenchível do formulário. Você pode utilizá-lo para solicitar as informações básicas do contato, como nome, empresa, e-mail, etc…

Entre os subtipos deste campo, está o campo de senha (onde os caracteres não são exibidos), e-mail, seletor de cores, entre outros.

Área de Texto

As áreas de texto são campos de texto que permitem informações digitadas em mais de uma linha. Você pode definir quantas linhas serão permitidas neste campo.

Outro recurso interessante é o uso de um mini editor html para textos, o tinymce, que pode ser escolhido entre os subtipos deste campo.

Grupo de Caixa de seleção

Você pode disponibilizar opções para facilitar a entrada de dados. Quando mais de uma opção for selecionável, você pode usar a caixa de seleção.

Grupo de "Radio"

Tem a mesma função da caixa de seleção. A diferença é que, aqui, somente uma das opções disponíveis pode ser escolhida.

Selecione

Funciona como a caixa de seleção. A diferença é que os dados são apresentados em forma de lista. É como um menu drop down.

Botão

Inclua botões de ação para o seu formulário. Você pode selecionar as cores que desejar.

Entre os subtipos estão "enviar" (submit) e "reset" (para limpar o formulário). Jamais esqueça de configurar o tipo de botão. Por exemplo, se o botão não estiver configurado para a função Enviar (Submit), o seu formulário não será enviado.

dateField

Campo onde o visitante pode selecionar ou digitar uma data no formato dd/mm/aaaa.

Number

Seletor para números, ótimo para definir quantidades, por exemplo. Nas configurações você pode definir número mínimo, máximo e saltos (de 2 em 2, por exemplo).

Configurando as preferências do seu Plugin

Comportamento do formulário

  • Mensagem de Validação: quando um e-mail digitado for inválido, uma mensagem de alerta será exibida para o visitante que está preenchendo o formulário. Você pode personalizar o texto desta mensagem. A dica é: seja objetivo.
  • Ação após o envio: qual é o comportamento do formulário após o envio (submit) de um e-mail? Você possui 3 opções disponíveis:
    • Nenhuma: nada acontece.
    • Show message: uma mensagem de confirmação do envio é exibida para o visitante.
    • Redirecionar: após o envio, o visitante é redirecionado para uma página específica (que você precisa cadastrar).
  • Enviar status do e-mail na mensagem?: quando o formulário é preenchido e enviado (submit), você pode optar por receber o status do e-mail (válido / inválido / pendente) no corpo do e-mail recebido. Selecione "sim" ou "não" para habilitar ou desabilitar esta opção.
  • Enviar e-mails inválidos?: quando um e-mail inválido for digitado no seu formulário, o sistema deve permitir o envio do lead mesmo assim ou impedir o envio? Essa decisão fica a seu critério. Selecione "sim" para liberar o envio de qualquer e-mail ou "não" para impedir que e-mails com endereços inválidos de e-mail sejam enviados para você.

Configurações de mensagem

  • Assunto: defina qual será o assunto da mensagem.
  • Nome do Remetente: esta é a label (nome) do remetente. Não se preocupe com o endereço de e-mail aqui. Por exemplo, a label poderia ser “Contato Site”.
  • E-mail Remetente: aqui é o momento de cadastrar o seu e-mail. Se, na label, você disse qual o nome do remetente, aqui você cadastra o endereço de e-mail. Não custa lembrar que deve ser um e-mail válido e existente.
  • E-mail de Destino: digite aqui o endereço de e-mail para onde o contato (e o conteúdo do formulário) deve ser encaminhado.
  • Reply E-mail: caso queira que o e-mail siga para um outro endereço em caso de resposta, é só digitar um e-mail alternativo aqui.
  • Conteúdo da Mensagem: decida se o conteúdo recebido por e-mail será em HTML ou TXT.

ATIVANDO SUA VALIDAÇÃO DE E-MAILS

ATENÇÃO: para ativar sua validação de e-mails é necessário que possua um plano Safety Optin (de validação e verificação de e-mails em tempo real para formulários) ativado.

Para saber o que é o Safety Optin, clique aqui.

Para criar uma conta na SafetyMails (caso ainda não possua um), clique aqui.

Para acessar o painel de controle da sua conta na SafetyMails, clique aqui.

Adicionando uma Origem de autenticação na SafetyMails

Uma vez que seu Plano Safety Optin está contratado, você precisa criar uma "Origem" para funcionar no seu site wordpress (isso evita que o seu formulário seja copiado e usado por outros sites não autorizados).

Acesse o menu SAFETY OPTIN > CONFIGURAÇÕES

Clique no botão ADICIONAR NOVA ORIGEM

Em seguida, preencha os campos a seguir

  • Nome da Integração
  • URL do Formulário/Domínio ou IP de Origem

Clique em Cadastrar.

Preenchendo as autenticações

Quando tiver criado a sua Origem de consulta para o Safety Optin, selecione a Origem criada na sua lista, copie as informações abaixo e cole no seu Plugin Wordpress, na aba "ATIVAR VALIDAÇÃO DE E-MAILS"

  • API Key: cole aqui a chave de identificação fornecida pela SafetyMails.
  • Ticket API: cole aqui o ticket fornecido pela SafetyMails.

Configurando seu formulário para enviar e-mails

Com o seu plugin instalado, você precisará configurar o seu envio de e-mails no WordPress.

No menu lateral do Wordpress, clique sobre a opção Configurações.

Nesta tela, você deverá realizar as configurações de envio dos seus formulários. Os campos que deverão ser preenchidos são:

  • Servidor SMTP: é o protocolo padrão que permite transferir o e-mail de um servidor para outro, em conexão ponto a ponto. Exemplo: mail.exemplo.com
  • Porta: porta que será utilizar para realizar o procedimento de envio do e-mail, como, por exemplo, a porta 25 (padrão);
  • Nome do Remetente: o nome (label) do remetente de e-mail;
  • E-mail Remetente: digite o endereço de e-mail que será remetente da mensagem;
  • Seu servidor requer autenticação?: se o seu servidor necessita de autenticação por login e senha, selecione a opção “SIM”.
  • Usuário: seu login no serviço de e-mail;
  • Senha: sua senha no serviço de e-mail.

As suas configurações podem ser obtidas com o seu provedor de serviços de e-mail ou hospedagem.

Instalando o formulário em uma página

Após salvar o seu formulário, você terá acesso a um Shortcode (Ex: [safetymail_form id="1"]). Basta acessar a página do seu wordpress onde deseja incluir esse formulário e colar este shortcode.

Ele pode ser incluído em colunas, sem problemas. Ele fará o autoajuste de largura automaticamente.

Lembre-se de que o seu wordpress precisa estar corretamente configurado para o envio de e-mails.

Suporte

Caso necessite de ajuda, envie um e-mail para "support@sfetymails.com"