Um simples formulário de registro já vem, por padrão, com o WordPress. No entanto, com as ferramentas certas, as personalizações avançadas são abundantes, quer você adicione um logotipo ao formulário ou inclua esse formulário em uma página mais pública.
Cada site requer uma versão diferente do módulo de registro do usuário e é por isso que é importante aprender como adicionar e gerenciar um formulário de registro WordPress personalizado.
A boa notícia é que um formulário de registro vem em muitos formatos e estilos. Você tem a opção de construir e gerenciar um formulário de registro WordPress personalizado com um plugin de registro de usuário, adicionando perfis de membros e elementos de marca.
Como alternativa, você pode querer se integrar com uma ferramenta de registro de terceiros ou se ater ao básico e personalizar ligeiramente o módulo de registro padrão a partir do WordPress.
Independentemente de suas necessidades e desejos de um formulário de registro WordPress personalizado, várias soluções estão disponíveis para ativar formulários de registro mais simplistas, ou páginas avançadas de login e registro com recursos para mensagens de usuário e login com contas de mídia social.
Continue lendo para saber mais sobre o registro de usuários em geral e o básico por trás da adição de um novo formulário de registro WordPress, totalmente personalizável, ao seu site.
O que é registro de usuário?
O registro do usuário é o processo simples de um visitante de um site criando uma conta em seu site.
Este registro, ou inscrição, envolve um novo cliente em um site como uma loja de comércio eletrônico, ou um membro que se inscreve em um fórum, ou um leitor que se inscreve em um blog, só para citar alguns.
O processo de registro do usuário exige que uma pessoa digite algum tipo de informação de contato para fazer uma conta. Às vezes é tão simples quanto criar um nome de usuário e uma senha. Entretanto, é mais comum ter pelo menos um campo de endereço de e-mail para garantir que um processo de recuperação de senha seja possível.
A página de registro padrão do WordPress pede um nome de usuário e um e-mail. Depois disso, uma senha é solicitada.
Como alternativa, você pode encontrar formulários de registro de usuário muito mais extensos, com campos que solicitam informações como sexo, endereço ou data de nascimento. Não é raro ver formulários detalhados como este de lugares como sites de encontros ou redes sociais. Mesmo sites como o Netflix oferecem perguntas opcionais de registro de usuário para aprimorar os tipos de vídeos que você gosta de assistir.
Um formulário de registro de usuário não é necessário se você não estiver oferecendo nada de especial a esses usuários ou se você não estiver interessado em gerenciar um banco de dados de usuários. No entanto, um visitante de um site é uma parte bastante valiosa na administração de um negócio on-line, portanto, muitas vezes é melhor descobrir as razões para ter usuários.
O registro de usuário também abre possibilidades para definir funções de usuário, onde alguns usuários têm diferentes capacidades ou acesso ao seu site em comparação a outros.
Em geral, um módulo de registro de usuário tende a levar a pessoa a um espaço on-line para que este compreenda sua posição e atividade em seu site. Um site como o eBay, por exemplo, mostra ofertas e compras passadas no perfil do usuário. E isto só é possível se alguém passar pelo formulário de registro de usuário para fazer essa área de perfil.
Agora que já falamos sobre o básico do registro de usuário, e a função que ele serve, continue lendo para saber porque você pode considerar adicionar um formulário de registro de usuário WordPress ao seu site.
Vantagens dos Formulários de Registro WordPress
Ao construir um site, você pode se perguntar sobre o propósito de adicionar um formulário de registro WordPress. Em geral, uma área de registro mostra aos visitantes que eles podem encontrar algum tipo de benefício ao criar uma conta. Às vezes isso significa que eles abrirão acesso a um fórum, ou talvez lhes permita registrar todas as compras ou interações passadas com outros usuários.
Os formulários de registro agregam valor para os usuários que fazem as contas. Como bônus, os proprietários do site ganham retornos significativos na forma de organização e coleta de dados.
Os benefícios são muitos, mas aqui estão os principais:
- Melhor organização, interação e feedback dos usuários – Os usuários registrados enviam uma quantidade significativa de informações, permitindo que você administre esses usuários de forma mais controlada. Também abre opções para alcançar esses visitantes do site e obter feedback valioso para melhorar seu site, em vez de se perguntar quem está comprando seus produtos ou lendo seu blog.
- Crescimento da lista de e-mails – Desde que seu formulário de registro de usuário peça um e-mail, você está coletando dados úteis no futuro. Os usuários cadastrados aderem ao seu programa de e-mail marketing, facilitando o envio de e-mails com cupons, novos produtos ou postagens em blogs.
- Coleta de dados personalizada – Um formulário de registro não precisa apenas pedir um nome e um endereço de e-mail. Eles trabalham para aprofundar nos usuários. Você pode adicionar campos personalizados que pedem qualquer coisa desde altura e peso até preferências específicas, como seu livro favorito.
- Segurança para o seu site e usuários – O spam de registro de usuários adiciona um nível indesejado de desordem a um site, muito do qual requer a exclusão ou filtragem pelos proprietários e moderadores do site. Um formulário de registro forte aumenta a segurança e evita membros indesejados.
- Opções avançadas de permissão de usuário – O registro tem oportunidades para você definir permissões de usuário (às vezes chamadas de tipos de usuários ou funções,) permitindo que alguns tipos de usuários vejam certos conteúdos ou tirem proveito da funcionalidade do site. Outras funções do usuário podem ter acesso a parte do site, mas não a tudo. Isto é particularmente importante para sites de membros e operações onde você tem múltiplos colaboradores do site, como autores e editores.
- Uma experiência de usuário mais amigável – Um dos principais objetivos com o registro de usuário é fornecer uma área consolidada para que os usuários individuais possam verificar seu status como usuário. Estes perfis melhoram a experiência geral do usuário ao mostrar informações importantes, tais como compras passadas ou mensagens com outros usuários.
- Construção de um site de membros com gerenciamento de perfil – Um formulário de registro vem a calhar para a construção de um site de membros completo, visto que é uma das principais características que você oferece com um site de membros. Os usuários gostam de gerenciar seus perfis, seja em uma rede social, fórum ou curso online exclusivo.
Qual é a melhor maneira de oferecer um formulário de registro no WordPress?
Existem tecnicamente centenas de maneiras de adicionar um formulário de registro ao seu site WordPress. A forma como você desenha seu formulário torna cada processo inteiramente único, especialmente quando você começa a adicionar campos personalizados únicos.
Entretanto, existem quatro métodos primários para adicionar um formulário de registro de usuário, todos possíveis com os conhecimentos e ferramentas corretas.
Você pode ativar um módulo de registro com os seguintes métodos:
- Ative a funcionalidade integrada de registro de usuário do WordPress.
- Incorporar um formulário de registro de usuário WordPress com uma solução de terceiros.
- Instalar um módulo de registro com um plugin WordPress.
- Código personalizado uma área de registro.
A grande questão é: qual dos métodos é ideal para sua situação?
É complicado escolher o caminho que você deve seguir, mas seu formato comercial e seus desejos de características têm um papel a ser considerado:
- O registro padrão do WordPress – Este é o método mais rápido e simples para incorporar o registro do usuário em seu site. Não é para aqueles que precisam de um formulário personalizado ou longo para o registro. O registro WordPress integrado se destaca por sites e blogs menores que só precisam coletar um nome e um endereço de e-mail. Tenha em mente que as oportunidades de design são limitadas com o formulário de registro padrão do WordPress.
- Incorporando um módulo de registro de terceiros – Um software ou aplicativo separado é integrado ao seu site WordPress. Este processo faz sentido se você localizar um construtor de formulários de registro com suas características favoritas, mas sem um plugin para WordPress. Um formulário de terceiros é às vezes mais complicado do que um plugin porque você normalmente tem que descobrir como instalar ou exibir o módulo de registro em seu site WordPress, como com um código embutido.
- Usando um plugin de registro – Gostamos de plugins de registro de usuários por dois motivos. Em primeiro lugar, eles eliminam a necessidade de codificação personalizada e de mexer com ferramentas de terceiros. Em segundo lugar, plugins sólidos têm longas listas de características, facilitando a qualquer pessoa o projeto e a implementação de belos formulários de registro. Portanto, os plugins fazem sentido tanto para iniciantes sem conhecimentos de codificação quanto para desenvolvedores que anseiam por uma solução mais fácil.
- Codificação personalizada do formulário de registro – Esta opção é reservada para aquelas organizações que requerem uma interface completamente única para o registro de usuários. Também é necessário ter os recursos para pagar a um desenvolvedor para fazer esse formulário personalizado.
Como criar um formulário de registro WordPress sem um plugin
É possível adicionar um formulário de registro ao WordPress sem ter que procurar e instalar um novo plugin. O raciocínio para esta abordagem varia, mas, em geral, os proprietários do site podem optar pelo formulário de registro integrado do WordPress ou considerar uma rota mais avançada com software de terceiros ou codificação personalizada.
Cobriremos as etapas de como abordar cada método.
Ativando o recurso de registro de usuário padrão no WordPress
O WordPress já fornece um formulário de registro e uma área de gerenciamento de usuários quando você instala o Sistema de Gerenciamento de Conteúdo. Os recursos de registro não são necessariamente ativados por padrão, portanto há algumas etapas a serem seguidas para garantir que os visitantes do seu site tenham a capacidade de fazer uma conta.
Tenha em mente que esta versão de um formulário de registro é o mínimo necessário quando se trata de projetar formulários para módulos de registro e login. No entanto, ela faz o truque para blogs e comunidades menores que só precisam obter usuários e dar às pessoas uma forma de login com um nome de usuário e senha.
Para começar, vá para o painel de controle do WordPress.
Clique em Configurações > Geral.
Ao rolar para baixo nas Configurações, encontre o título de Membro. Marque esta caixa para garantir que qualquer pessoa que venha ao seu site possa se registrar como novo usuário.
Depois disso, modificar o campo Nova Função Padrão do Usuário para que a cada novo usuário seja atribuída uma função com permissões.
O papel do usuário assinante é o mais comum para membros e clientes. Contribuintes e Autores têm acesso a algumas ferramentas de criação de conteúdo, como artigos em blogs, enquanto os Editores podem publicar e os Administradores mantêm controle sobre todos os aspectos do site.
Certifique-se de salvar as mudanças.
Esta ativação ativa uma página única de registro e login para que as pessoas possam ir quando quiserem ter acesso ao seu site.
Por padrão, o formulário está disponível em: myexamplewebsite.com/wp-login.php. É possível alterar esta URL, mas todas as páginas de login e registro do WordPress geralmente começam com o subdiretório wp-login.php.
Você deve ver um formulário que solicita que o visitante faça o login com um nome de usuário ou endereço de e-mail, juntamente com sua senha. A página também inclui um link para se registrar no site, recuperar uma senha esquecida e voltar para a página inicial do site.
Agora que você ativou o registro de usuário, é hora de colocar um formulário de registro no frontend do site.
A maneira mais fácil de instalar um formulário de registro no WordPress é adicionando um widget.
Ir para Appearance > Widgets no painel do WordPress.
A lista de Widgets disponíveis mostra várias opções para escolher, incluindo HTML personalizado, imagens e um Meta widget. Estes widgets são todos fornecidos por padrão no WordPress, para que você não tenha que instalar mais nada.
Procure o Meta widget. Ele ativa um módulo para os usuários fazerem login, registrarem-se e clicarem através de alguns outros links do WordPress.
Selecione o Meta widget.
Todos os temas variam, portanto você pode ter um rodapé, barra lateral, cabeçalho, ou alguma combinação dessas áreas de widget. Você é capaz de colocar o Meta widget em qualquer uma dessas áreas.
Nosso tema de teste atual tem apenas alguns rodapés, por isso vamos colocar meu Meta widget no primeiro. Desta forma, os visitantes do site vêem o formulário de login e registro, não importa em qual página eles terminam.
Selecione a área widget de sua escolha e clique no botão Add Widget.
O Meta widget é agora colocado e salvo na área do rodapé, ou qualquer área do widget que você decidir.
Ao clicar no Meta widget, você notará que ele não contém muito conteúdo ou quaisquer campos personalizáveis. Está tudo configurado para você.
Entretanto, o Meta widget permite que você ajuste o Título, se desejar. Certifique-se de salvar o widget caso ele não tenha sido salvo automaticamente.
Vá para o frontend do seu site para ver como é o link de registro:
Assim que você sair de sua conta teste, você notará um link de Registro e Log In para que os usuários possam clicar e fazer o login em suas contas previamente criadas ou fazer novas contas.
Semelhante ao que vimos anteriormente, clicando nos links Log In ou Register, leva o usuário à página de registro padrão do WordPress, solicitando que ele faça um nome de usuário, digite seu endereço de e-mail e crie uma senha.
Como mudar o Formulário de Registro e Login
Fora da codificação personalizada, várias opções estão disponíveis para personalizar a página padrão de login e registro do WordPress.
Alterar o design da página de login do WordPress ajuda com a marca e a segurança. Faz sentido ter seu próprio logotipo e cores na página de registro, especialmente quando se trata de comunidades online voltadas para o cliente, onde a página de login é uma das primeiras áreas que um cliente vê.
A outra razão pela qual você pode decidir mudar a estrutura da página de login é para evitar que intrusos tenham acesso. Isto pode ser feito alterando a URL da referida página de registro (já que qualquer pessoa pode pensar e ir para a URL /wp-login.com) e adicionando proteção adicional como uma verificação de segurança de spam.
Alteração do logotipo e do design da página de registro
A rápida remoção do logotipo do WordPress e a troca por seu próprio logotipo na página de registro acrescenta uma dica de sua própria marca quando os usuários tentam fazer o login e o registro.
Você também tem a opção de modificar completamente o design dessa página com um plugin, incorporando estilos e cores únicas que parecem diferentes dos designs padrão do WordPress.
Algumas pessoas só querem adicionar um novo logotipo e se livrar do logotipo do WordPress. Isso é bastante simples e não requer um plugin.
Para fazer isso, carregue o logotipo em sua biblioteca de mídia WordPress. Isto é feito indo para Mídia > Adicionar novo.
Nessa página, você carrega o logotipo do seu computador clicando no botão Select Files e selecionando o logotipo dos seus arquivos de computador.
Uma vez carregado, encontre e clique no link Editar para aquela imagem do logotipo.
Copie a URL do arquivo da imagem para a área de transferência. Guarde isso para mais tarde em um editor de texto ou algo semelhante.
Seguindo em frente, navegue até o arquivo functions.php do site. Cole o seguinte trecho de código no arquivo functions.php. Geralmente é melhor colar o código no final do arquivo:
function wpb_login_logo() { ?>
<style type="text/css">
#login h1 a, .login h1 a {
background-image: url(http://your-logo.png);
height:200px;
width:600px;
background-size: 600px 200px;
background-repeat: no-repeat;
padding-bottom: 20px;
}
</style>
<?php }
add_action( 'login_enqueue_scripts', 'wpb_login_logo' );Encontre o texto que diz “http://your-logo.png” e substitua-o pela URL da imagem de onde você salvou antes.
Você também tem a opção de alterar a altura e largura do seu logotipo com base no tamanho real do arquivo. Sinta-se à vontade para brincar com o código e visualizar o resultado até que você o apresente em uma visualização perfeita.
Verifique a documentação oficial do WordPress sobre a personalização do formulário de login se você tiver alguma dúvida ou se quiser resolver qualquer outra personalização.
Usando um Plugin para outras personalizações da página de registro
Como alternativa, vários plugins estão disponíveis para alterar o logotipo da página de login.
Na verdade, o plugin LoginPress Customizer fornece um sistema completo para trocar o logotipo e personalizar praticamente todos os aspectos de sua página de registro.
Para utilizar o LoginPress, instale o plugin e vá para LoginPress > Customizer no painel do WordPress.
O plugin oferece configurações adicionais, mas estamos olhando principalmente para as ferramentas de personalização.
Isto o leva ao WordPress Customizer normal, mas com uma página especial apenas para modificar o formulário e a página de registro.
O plugin tem vários temas pré-construídos na versão premium, mas a maioria das capacidades de design são fornecidas gratuitamente.
Como você pode ver, estão disponíveis configurações para ajustar o logotipo, fundo, formulário de login, e muito mais. Ele já incorporou automaticamente um fundo que parece drasticamente diferente do fundo padrão do WordPress.
O plugin tem um construtor visual. Então, para mudar o logotipo, tudo que você precisa fazer é rolar sobre o logotipo e clicar no ícone Mudar Logotipo.
Carregue um logotipo do seu computador e mova as configurações de largura e altura do logotipo para garantir sua boa aparência.
A seguir, vá para a guia Background para selecionar um fundo fornecido pelo LoginPress ou carregue o seu próprio fundo. Você também pode ir com um fundo em branco ou uma cor sólida.
Com apenas um clique , você pode mudar o fundo florido para um com folhas.
São fornecidas algumas outras guias para que você possa ajustar as configurações da página de registro.
Recomendamos que se examine todos eles, incluindo a opção de transformar completamente o tamanho e a localização do formulário. Você pode modificar tudo, desde mensagens de boas-vindas até fontes do Google, tudo sem ter que tocar em uma linha de código.
Mudando a URL da página de registro
É importante decidir se você gostaria de fazer uma nova URL para a página de registro. Discutimos anteriormente que a página de registro é acessível em myexamplewebsite.com/wp-login.php.
Como o WordPress usa o subdiretório /wp-login.php para todas as páginas de login, não é difícil para um hacker saber a localização exata. Embora eles ainda precisem atacar à força o formulário de login, você adiciona uma camada de segurança minimizando a chance de eles chegarem à página em primeiro lugar.
Sua melhor aposta é instalar e ativar o plugin WPS Hide Login para realizar o trabalho. O plugin lida instantaneamente com o redirecionamento e ocultação de sua antiga página de registro, pedindo apenas que você decida sobre o nome do subdiretório.
Temos aqui um tutorial para instalar e usar o plugin WPS Hide Login. Por favor, siga estes passos para mudar sua URL de login. Essencialmente, é um processo quase completamente automatizado onde você digita um novo subdiretório para a URL de login e a URL de redirecionamento (se você quiser ajustar isso).
Em seguida, o plugin faz o resto do trabalho para você, criando algo como na seguinte captura de tela.
Como criar um formulário de registro WordPress com um Plugin Avançado
As táticas anteriores para ativar e personalizar o formulário de registro funcionam modificando o formulário de login já implementado a partir do WordPress. Esse formulário WordPress tem o básico, mas não é para todos.
E se o seu site exigir campos adicionais para a coleta de números de telefone ou endereços físicos? Não seria bom gerar seus próprios campos personalizados para que os limites dos formulários de registro sejam praticamente inexistentes?
Embora um formulário de registro codificado personalizado seja a maneira mais eficaz de obter o design mais exclusivo para um formulário, um plugin WordPress é a próxima melhor coisa.
Além disso, você não precisa gastar todo esse tempo e dinheiro desenvolvendo uma forma que poderia ser potencialmente criada com um plugin.
Melhores plugins para o formulário de registro WordPress
Veja nosso artigo sobre os melhores plugins de registro de usuários WordPress. Ele cobre uma grande coleção de plugins que são adequados para projetar e formar módulos de registro sem muito conhecimento de codificação.
Alguns deles fornecem ferramentas únicas para utilizar grandes coleções de campos personalizados, enquanto outros ativam imediatamente os diretórios de membros para organizar sua base de membros.
Recomendamos vivamente a leitura desse artigo para decidir sobre o melhor plugin de formulário de registro para sua situação, mas abaixo está uma lista de nossos favoritos:
Estes plugins se concentram em criar formulários de login de membros e áreas de registro de nicho para mover seus usuários através de um processo suave ao se cadastrar em seu site.
Como alternativa, você poderia usar um plugin de formulário geral para que não fique preso a um plugin limitado a uma determinada indústria ou função.
Por exemplo, é possível fazer um formulário de registro WordPress personalizado com o Contact Form 7 e os plugins Gravity Forms.
Cobriremos essas etapas nas seções abaixo.
Fazendo um formulário de registro WordPress com o Contact Form 7
O Contact Form 7 oferece as ferramentas mais básicas de formulário de contato no WordPress. É extremamente popular, confiável e simples o suficiente para que fique bonito em qualquer site. Sem mencionar que este projeto básico garante que qualquer desenvolvedor possa entrar e personalizar com seu próprio código.
Um formulário padrão poderia muito bem servir como uma solução de registro, mas esses formulários enviados vão para um banco de dados diferente e não registram novos usuários em seu banco de dados de usuários WordPress. Ao invés disso, você recebe e-mails com o envio do formulário de contato e quaisquer dados de usuário que você tenha solicitado no formulário. Você poderia registrar essas informações de usuário em uma planilha, mas isso nem sempre é o ideal.
Para alguns, isto pode funcionar muito bem. Você pode importar sua lista do Contact Form 7 para qualquer plugin ou software de gerenciamento de contatos. Você também tem a opção de importar essa lista para a seção de usuários do WordPress.
Entretanto, gostaríamos de simplificá-lo um pouco, ligando o Contact Form 7 a uma extensão que converte seu Contact Form 7 em um formulário de registro de usuário real para WordPress.
Há dois métodos para transformar suas criações do Contact Form 7 em formulários de registro de usuário legítimo:
- Use um plugin.
- Insira algum código personalizado.
Como acontece com muitas tarefas no WordPress, muitas vezes gostamos de nos ater a plugins se se tornar muito complicado com a codificação personalizada.
Portanto, o primeiro passo é instalar o plug-in Contact Form 7 e um plug-in de extensão chamado Frontend Registration – Contact Form 7.
Uma vez ambos ativados, vá para o menu do painel do WordPress e navegue para Contato > Formulários de Contato.
Clique no botão Adicionar novo para fazer um novo formulário ou selecione o formulário padrão já criado pelo plugin.
No Contact Form 7, todos os formulários são criados com um modelo simples usando bits de tags codificadas. Para cada campo, a etiqueta de etiqueta é o texto mostrado acima de cada campo no formulário.
A etiqueta do formulário – ou o bit de texto entre parênteses [ ] – gera o campo real do formulário onde o usuário digita as informações.
O formulário pré-fabricado do Contact Form 7 inclui um campo para Nome, E-mail, Assunto e Mensagem. Isto faz sentido para um formulário de contato regular, mas não há motivo para ter um campo para Assunto e Mensagem em um formulário de registro.
Retire-as.
Os botões acima do seu criador de formulário estão lá para incorporar etiquetas de campo adicionais.
Por exemplo, você também pode querer coletar números de telefone dos seus novos usuários. Para isso, selecione a tag “tel” e coloque-a em seu formulário. Outras tags incluem a opção URL para sites e caixas de seleção ou botões de rádio para fazer perguntas específicas.
O plugin acrescenta o campo, mas você tem que colocar as etiquetas manualmente. Você pode simplesmente copiá-las de um dos outros campos e mudar a etiqueta para algo como “Seu número de telefone”.
Certifique-se de fechar a etiqueta com </label>.
Salve o formulário.
Você notará um atalho atribuído a cada um dos formulários que você criar no Contact Form 7. Isto é para colocar o formulário onde você quiser em seu site, desde as barras laterais até as páginas regulares.
Sinta-se à vontade para copiar esse atalho se você planeja usar um atalho para exibir seu formulário.
Há também outra opção para usar um bloco através do editor Gutenberg.
Agora é hora de adicionar seu formulário a uma página. Clique na guia Páginas no WordPress, depois adicione uma nova página ou vá para uma que você já criou.
Para este tutorial, estamos chamando esta página de “Registro de Usuário”. Ela serve como o principal local para o qual os visitantes se inscrevem e se registram no local de teste.
No editor visual, clique em um botão Adicionar bloco.
Localize o bloco Contact Form 7 e selecione isso.
Isto fornece um menu suspenso com todos os formulários de contato que você gerou no plug-in Contact Form 7.
Temos apenas um agora, então vamos escolher isso.
Uma alternativa ao uso dos blocos do Editor Gutenberg é inserir o código de atalho do formulário na página. Você pode fazer isso no editor WordPress tradicional ou com o bloco de código de atalho do Gutenberg. Ambos atingem o mesmo objetivo.
Publique esta página para garantir que ela esteja disponível no frontend do seu site.
A seguir está ativando os recursos de registro de usuário para o Contact Form 7. É aí que entra em jogo o plugin de Registro Frontend.
A partir de agora, o formulário ainda é um formulário padrão de contato, onde o usuário clicaria no botão Enviar e um e-mail seria enviado para a administração do site.
Preferimos que a submissão registre um novo usuário no banco de dados do WordPress.
Portanto, volte para o editor do Contact Form. Após instalar o plugin de Registro Frontend, você deve ver agora uma guia chamada Configurações de Registro. Clique sobre isso.
Alternar a chave para todos os três itens sob as Configurações de Registro.
O primeiro possibilita os registros no formulário, tornando-o o mais importante dos três.
A segunda configuração salta o envio de qualquer e-mail para esse formulário. Portanto, você não recebe uma mensagem do formulário de contato como receberia antes.
O último não é necessário, mas é bom fazer com que o processo de registro seja tranqüilo. Ele se registra no usuário para que ele não tenha que passar pelas etapas duas vezes.
Abaixo disso, escolha os nomes dos campos que se registram nos elementos de usuário do WordPress.
Por exemplo, um usuário WordPress deve ter um nome de usuário e um e-mail para que sua conta funcione. Você pode definir o campo “seu nome” a ser feito como nome de usuário e o campo “seu e-mail” a ser usado como endereço de e-mail.
O último passo é escolher uma função padrão do usuário, como Assinante. Normalmente recomendamos a função de usuário Assinante para a maioria dos sites, vendo como quaisquer permissões acima que fornecem acesso íntimo às configurações do site.
Vá até o frontend dessa página e teste-o e clique no botão Enviar.
Parece estar funcionando. O único problema é que a mensagem de sucesso faz com que pareça que o usuário acabou de enviar um formulário de contato.
Temos de mudar isso. Para fazer isso, volte ao editor de formulários no painel do WordPress.
Clique na guia Mensagens e encontre o campo Mensagem do Remetente foi Enviada com Sucesso. Tudo o que você precisa fazer é modificar esta mensagem.
Um exemplo é dizer obrigado por se associar ou se registrar no site.
Finalmente, devemos verificar se esse usuário estava de fato registrado no banco de dados de usuários do WordPress.
Se você estiver logado no site como usuário de teste, você verá uma mensagem de erro como esta ao tentar verificar na lista de usuários. Isso porque as funções de usuário assinante não podem verificar ou gerenciar usuários em seu site.
Ao voltar a entrar na conta administrativa, fica claro que as novas informações do usuário são armazenadas na lista do banco de dados de usuários!
Fazendo um Formulário de Registro WordPress com Gravity Forms
Gravity Forms é um construtor de formulários conhecido e respeitável que gera muitos tipos únicos de formulários e links para seus próprios plugins para capacidades avançadas.
Gravity Forms é uma solução premium, mas você pode testar toda a interface e construir seus próprios formulários com a demonstração gratuita. O Gravity Forms começa em US$ 59, mas o add-on de Registro de Usuário só está incluído no plano Elite, que é de US$ 259.
Sim, é um pouco caro, mas o Gravity Forms é uma das melhores opções a considerar ao tentar personalizar sua área de registro de usuário e incorporar outros elementos, como pagamentos com seu gateway de escolha.
Para começar, acesse o site da Gravity Forms.
Uma vez lá, escolha se inscrever no plano Elite a fim de ativar o add-on de Registro de Usuário. Faça o download do arquivo do plugin Gravity Forms, carregue-o em seu painel do WordPress e ative o plugin para iniciar o processo de criação do formulário.
Por padrão, o Gravity Forms tem opções para construir formulários padrão no site. Eles são absolutamente bonitos, mas há algumas configurações a serem ajustadas se você quiser obter um formulário de registro de usuário onde cada envio é colocado em seu banco de dados de usuários WordPress.
Uma vez ativo, o plugin Gravity Forms revela uma guia Forms no painel do WordPress.
Ir para Formulários > Add-ons.
Localize o Add-on de Registro de Usuário e clique no botão Ativar.
Uma vez ativado um add-on Gravity Forms, ele aparece em sua lista de plugins, assim como o próprio Gravity Forms.
Seguindo em frente, clique em Formulários > Configurações.
Localize a guia Registro de Usuário nas Configurações. Aqui, você vai querer ativar a opção de página de registro personalizada.
Marque a caixa para garantir que todos os registros através do seu formulário sejam adicionados como usuários regulares do WordPress.
Você também precisará selecionar uma página para servir como sua página de registro. A página de registro padrão do WordPress é redirecionada para a página personalizada, se esta estiver ativada. Se você já tiver uma, sinta-se livre para selecionar a página a partir do menu suspenso.
Caso contrário, vamos percorrer a página de registro abaixo.
Certifique-se sempre de clicar no botão Atualizar Configurações sempre que terminar de alterar as configurações no Gravity Forms.
Ir para Formulários > Formulários ou Formulários > Novo formulário. A página de Formulários revela uma lista de todos os formulários que você criou no passado com Gravity Forms. Pode estar em branco se você ainda não tiver feito nada.
Se você ainda não fez um formulário, opte pelo botão Novo Formulário.
Faça um título de formulário e uma descrição do formulário. Clique em Create Form (Criar formulário).
Gravity Forms fornece um editor visual, de arrastar e soltar, com um módulo no lado direito para incluir elementos de campo.
Uma vez que atualmente estamos olhando para um formulário de registro de usuário em branco, começaremos arrastando o módulo Nome para o próprio formulário. Isto é feito clicando e movendo o módulo para a esquerda.
Uma vez que qualquer módulo for colocado em seu formulário, você deve vê-lo apresentado na visualização.
Por exemplo, agora vemos os campos Nome, com os campos Nome e Sobrenome mostrados por padrão.
Para um formulário de registro de usuário, faz sentido incluir também os campos Nome de usuário, Senha e E-mail.
Uma vez colocado no formulário, o campo Email mostra a opção para os usuários digitarem seus endereços de email.
O campo Nome de usuário é para fazer um novo nome de usuário para o site, enquanto o módulo Senha pede que o usuário digite sua nova senha duas vezes.
É possível que seu formulário de registro requeira outros elementos, como talvez um campo para números de telefone ou URLs de sites.
Para este tutorial, adicionamos um módulo de Seção para incorporar uma quebra de seção e indicar que tudo abaixo dessa linha é opcional.
Em seguida, adicionamos os módulos de sites e Telefone sob essa seção Opcional.
Como mencionado anteriormente, estes tipos de campos são opcionais para seus próprios formulários de registro de usuário. Há muitos outros campos a serem inseridos se você quiser.
Ao colocar os módulos de arrastar e soltar Gravity Forms no formulário, você pode clicar no botão suspenso de cada módulo para expandir as configurações e editar as opções para o campo.
Por exemplo, as configurações sob o campo do site pedem a etiqueta de campo e se você gostaria ou não de tornar este campo obrigatório.
Visto que já rotulamos o campo do site como opcional na manchete da seção, deixaremos isso desmarcado para que os usuários não tenham que digitar em um site para se cadastrar no site.
Em geral, a grande maioria dos campos não deve ser exigida para um formulário de registro.
Os campos para o nome de usuário, e-mail e senha são necessários para gerar um usuário WordPress e logá-lo no banco de dados. Portanto, é melhor marcar esses campos conforme necessário.
Sinta-se à vontade para ajustar as configurações para cada um dos módulos de campo que você adicionar ao formulário de registro. Normalmente é melhor renomear o nome do campo e decidir se você gostaria de fazer o campo necessário.
Você também tem a opção de ajustar a aparência do campo e fazer edições avançadas nas outras guias de configuração.
Uma vez projetado o formulário de registro da maneira que você deseja, passe para a guia Configurações.
Estas são as configurações gerais para o formulário inteiro, não apenas para os campos individuais.
Em Configurações, vá para a guia Registro de Usuário.
Clique no botão Adicionar novo.
Para esta etapa, você está fazendo um feed de registro de usuário que automaticamente cria um usuário para cada envio e transfere os campos enviados para os campos padrão no banco de dados do usuário do WordPress.
Nomeie o feed de registro do usuário para sua própria referência interna.
Você tem duas opções para fazer um feed, ou Criar Usuário ou Atualizar Usuário.
A opção Update User feed é mais útil se você oferecer uma página para que os usuários atualizem suas informações de perfil atuais. Você pode absolutamente incluir isto em sua página de registro/login, mas por enquanto, estamos mais interessados em criar um novo usuário.
Clique na opção Criar usuário.
O feed de Registro de Usuário gera automaticamente a maioria das configurações do usuário para tirar um campo do formulário e transferi-lo para os campos de um novo usuário no banco de dados de usuários do WordPress.
No entanto, talvez seja necessário modificar alguns deles.
Por exemplo, queremos garantir que o texto digitado no campo Nome de usuário seja usado como o nome de usuário real do novo usuário.
Você também poderia fazer deste campo o campo de e-mail se preferir que seus usuários façam o login com seus endereços de e-mail.
Os campos Primeiro Nome e Sobrenome e as configurações do usuário parecem bons. Assim como as configurações de endereço de e-mail e senha. Vá em frente e escolha um apelido de referência e um nome de exibição, se desejar.
Uma das partes mais importantes desta etapa é selecionar uma função de usuário padrão quando o perfil do usuário é criado.
Você provavelmente não quer que cada usuário seja transformado em Administrador ou Autor (que daria a pessoas aleatórias muito controle sobre seu site), então sua melhor aposta é ir com o papel de Assinante.
Role para baixo para completar o resto das configurações de alimentação do usuário. Se você tiver algum campo opcional, ou adicional, pense se os perfis de usuário padrão do WordPress têm ou não algum campo para isso também.
O banco de dados de usuários do WordPress tem campos opcionais para sites. Portanto, vamos vincular o campo do nosso formulário de site ao do banco de dados de usuários do WordPress.
A seção Opções Adicionais pergunta se você deseja enviar e-mails de notificação após o registro. Essa é a melhor prática para notificar seus usuários de que eles criaram uma conta com sucesso.
A caixa de seleção Ativação do usuário só gera um usuário quando essa pessoa clica através de um link de verificação enviado para seu endereço de e-mail. Essa configuração geralmente apenas retarda o processo de registro, mas pode ajudar a reduzir o spam.
A Condição de Registro é outro ajuste que você deve decidir usar ou não. O recurso só permite um registro se ele atender a uma condição personalizada, como endereços de e-mail com o símbolo @ no endereço. Mais uma vez, gostamos disto por reduzir o spam e potencialmente parar formulários mal preenchidos, mas não é inteiramente necessário para que seu formulário de registro funcione corretamente.
Uma vez que suas configurações do formulário estejam completas, clique no botão Atualizar Configurações.
Isso cobre a maior parte do processo de criação de formulários para fazer um formulário WordPress de registro personalizado com Gravity Forms. Agora você vai querer incluir o formulário em uma página para substituir a página de login padrão do WordPress.
Há dois métodos para adicionar o formulário de registro de usuário em uma página.
Um envolve a utilização de um atalho, enquanto o outro aproveita o sistema de blocos de Gutenberg.
Se você pretende usar um atalho, dê uma olhada no formulário de registro de usuário que você acabou de criar. Um número de identificação é atribuído a cada formulário em Gravity Forms.
Escreva ou lembre-se desta identificação.
Vá para Páginas > Adicionar novo em seu painel do WordPress. Ou, se você já tiver feito uma página designada para o formulário, navegue até essa página.
Para este tutorial, daremos o nome de página de Registro de Usuário.
Para utilizar a opção de atalho, cole o seguinte atalho em qualquer lugar dessa página:
[gravityform id="#" title="true" description="true]
Substitua o sinal # pelo número de identificação do seu formulário de registro.
Depois que o atalho for adicionado e a página for salva, você pode ir para o frontend de sua página publicada para ver o formulário em ação.
Outra opção a ser considerada é o sistema de blocos do WordPress Gutenberg. Se você estiver usando o Gutenberg, clique no botão Adicionar Bloco em seu editor de páginas.
Procure o bloco do Gravity Forms ou percorra a lista para encontrá-lo.
Selecione o bloco de Gravity Forms. Ele é rotulado “Formulário” com o logotipo do Gravity Forms como ícone.
Quando o bloco estiver habilitado, clique no menu suspenso para escolher um formulário.
Você pode ter uma longa lista de formulários ou pode ter apenas um ou dois. Encontre aquele que você fez anteriormente para o formulário de registro de usuário.
Neste caso, chamamos o formulário Formulário de Registro de Usuário 1.
Selecionar um formulário a partir do menu suspenso imediatamente torna uma visão visual do formulário em seu editor de página.
Como você pode ver, o Formulário de Registro de Usuário que construímos antes é mostrado no backend da página do WordPress. Se você vir algo errado com o formulário, volte para a seção Formulários para editar os campos ali contidos.
Finalmente, vá para o frontend do seu site para ver essa página específica. O formulário de registro é mostrado com todos os campos apropriados. Não apenas isso, mas já definimos esse formulário como o redirecionamento da página de login padrão do WordPress – e cada envio de formulário se torna um novo usuário do WordPress.
Neste ponto, verifique a exatidão do formulário e se suas etiquetas estão soletradas corretamente. Além disso, preencha o formulário como um usuário de teste para ver se ele está funcionando e como o processo vai.
Após enviar o formulário, vá para a seção Usuários em seu painel de controle do WordPress para verificar se esse usuário foi adicionado corretamente ao banco de dados do usuário.
Você também pode completar os testes por outros motivos, como ver se suas mensagens de confirmação opcionais estão saindo ou se o formulário impede alguém de se registrar se não atender a uma de suas condições.
Como um último lembrete, não deixe de ir para Formulários > Configurações para garantir que você tenha a página certa configurada para funcionar como sua área de registro personalizada.
Em resumo, tudo o que você precisa fazer é ativar o formulário de registro personalizado, marcando a caixa e selecionando a página de registro correta a partir do menu suspenso. Para este exemplo, a página de registro do usuário é a página correta.
Clique no botão Update Settings (Atualizar Configurações) para finalizar o processo.
Como instalar um formulário de registro WordPress com um plugin de pagamento
A Gravity Forms tem uma infinidade de potenciais complementos para criar formas incrivelmente únicas. Uma das razões pelas quais você pode considerar o Gravity Forms é por causa dos add-ons de pagamento.
Em geral, um add-on de pagamento transforma seu formulário em um processador de pagamento, permitindo apenas que as pessoas criem contas de usuário se elas pagarem uma assinatura ou uma taxa única.
Isto vem a calhar para sites de membros e aqueles com conteúdo exclusivo onde você não revelará o conteúdo, a comunidade ou todo o site, a menos que o usuário faça esse pagamento diretamente do formulário.
Se houver algum motivo para sua inscrição exigir um módulo de pagamento, o Gravity Forms fornece vários add-ons de processamento de pagamento. Você simplesmente tem que escolher aquele que for mais conveniente e acessível para sua marca.
Também vale a pena mencionar que os add-ons para PayPal, Stripe e Square vêm com o plano $159 Pro da Gravity Forms. Portais de pagamento mais avançados como 2Checkout e Authorize.net são fornecidos no plano $259 Elite Gravity Forms. O add-on de Registro de Usuário (coberto anteriormente no artigo) requer o tema Elite, então você já deve tecnicamente ter acesso a cada add-on se você decidiu usar o Gravity Forms para seu módulo de registro de usuário.
Para começar, vá até seu painel do WordPress e clique em Forms > Add-ons.
Isto revela uma longa lista de complementos a escolher, alguns dos quais incluem Square, PayPal, e Stripe.
Embora você possa selecionar qualquer uma das gateways de pagamento, estamos aderindo ao padrão de pagamentos PayPal para este tutorial.
Vá até o add-on e clique no botão Ativar.
Uma vez ativado um suplemento, ele aparece em sua seção Plugins do WordPress.
Todos os add-ons Gravity Forms são realmente apenas plugins WordPress extras que interagem com o plug-in Gravity Forms. Portanto, dê uma olhada na seção Plugins para ter certeza de que o padrão PayPal – ou seu add-on de pagamento de escolha – esteja ativado.
Para configurar seu add-on de pagamento, vá para Formulários > Configurações.
Escolha a guia PayPal (ou seu outro add-on de pagamento). Cada add-on de pagamento tem seu próprio processo de verificação e conexão. Normalmente, você pode percorrer as etapas únicas fornecidas no painel de controle.
Para o PayPal, ele pede que você confirme que configurou as configurações de IPN do PayPal. Marque essa caixa e clique em Atualizar configurações.
Você também deve copiar a URL de Notificação fornecida nesta página.
O Gravity Forms envia você para a página de configuração do PayPal. Novamente, isto parecerá diferente se você estiver usando um add-on para Stripe ou Square ou qualquer outro gateway de pagamento.
Para PayPal, clique no botão Escolher configurações IPN.
Aqui é onde você cola na URL de Notificação de antes.
Ativa essencialmente as etapas e notificações corretas para ocorrer após alguém tentar se registrar em seu formulário e pagar através do PayPal.
Clique no botão Save (Salvar).
Assim como o formulário de registro configurado anteriormente, deve ser criado um feed para o add-on de pagamento.
Para fazer isso, vá para Formulários > Formulários no menu do WordPress.
Encontre esse formulário de registro de antes. Você precisa não apenas conectar o add-on de pagamento a esse formulário em particular, mas também gerar um feed para que o add-on de pagamento funcione corretamente e associar cada pagamento a um usuário específico.
Uma vez que você esteja de volta ao seu editor de formulários de registro, clique no botão Configurações.
Localize a guia adicional de pagamento, neste caso, a guia PayPal.
Clique no botão Adicionar novo para gerar uma nova alimentação PayPal para este formulário.
As configurações de alimentação para PayPal, e a maioria das integrações de gateway de pagamento, são rápidas e simples. Comece nomeando o feed e adicionando seu endereço de e-mail PayPal. Escolha o Modo de teste ou de produção.
O modo de teste é para executar o processador de pagamento durante as fases de teste do desenvolvimento do seu site. Se você gostaria de começar a coletar pagamentos reais, vá com o Modo de Produção.
Finalmente, você precisará selecionar um Tipo de Transação.
Em geral, o tipo de transação de assinatura geralmente faz mais sentido para uma revista on-line ou comunidade, mas você também pode escolher um tipo de produto ou algo diferente.
Guarde sua alimentação PayPal e volte para o construtor do formulário.
É essencial inserir um campo no formulário de registro que indique ao sistema e ao usuário que o pagamento deve ser feito.
Recomendamos o módulo Produto, mas você tem algumas outras opções para definir os preços ou tabular os totais.
Arraste o campo Produto para dentro do seu construtor de formulários.
Para este tutorial, estamos estabelecendo um preço de assinatura. Também lhe mostraremos como configurar vários planos e um pagamento único para essa assinatura.
Mude o Rótulo de Campo para refletir o que é este campo.
Além disso, defina o preço de sua assinatura no campo Preço.
Normalmente recomendamos ir com o Tipo de Campo de Produto Único e manter um preço fixo. Entretanto, muitas outras organizações podem ter outros planos.
Também recomendamos que você marque a caixa Obrigatório sob o título Regras. Desta forma, alguém não pode vir ao seu site e criar um perfil de usuário sem pagar pelo conteúdo.
Outro campo a ser considerado é o módulo Opção.
Isto abre a oportunidade de estabelecer níveis de assinatura onde você pode ter três ou quatro planos com base no número de recursos ou conteúdo entregue.
Para aqueles que utilizam o campo Opção, configure-o para Preço de Assinatura para o Mapeamento de Campo de Produto.
Vá com o tipo de campo que você quiser e defina as escolhas com suas etiquetas e preços.
Como exemplo, você pode ter três níveis de assinatura, todos eles aumentando os preços conforme os níveis sobem.
Não deixe de verificar a caixa Obrigatório sob regras, pois este também é um campo de pagamento onde você não quer que as pessoas façam contas sem pagar.
O tipo de módulo de pagamento que você decidir também afeta os Feed Settings que configuramos anteriormente.
Se você gostaria de ativar um processo de registro baseado em assinatura, suas configurações de Feed PayPal também devem ter o Tipo de Transação de Assinatura. Como alternativa, você é mais que bem-vindo a definir o Tipo de Transação como um produto ou serviço único ou até mesmo uma doação.
Também sob as configurações de Feed do PayPal, você vai querer dizer ao Gravity Forms de onde está vindo o Valor de Pagamento no formulário. Por exemplo, você pode ter um campo Preço Total no formulário e um campo Preço de Assinatura. Qual deles deve ser usado pelo PayPal para processar a transação?
Use o menu suspenso Valor do pagamento para selecionar o campo correto do formulário que dita o pagamento total. Algumas pessoas gostam de simplesmente usar o Total do Formulário, mas você também pode ir com o Preço da Assinatura ou qualquer campo que você acabou de implementar no formulário.
Enquanto ainda estiver nas configurações de alimentação do PayPal, dê uma olhada na área Outras configurações.
Similar à configuração de Feed de Registro de Usuário, você tem que vincular os campos do formulário aos campos corretos do PayPal. Desta forma, o PayPal sabe onde colocar o primeiro nome do usuário, e-mail e outras informações quando ele é transferido para a interface do PayPal.
Sob a área Outras configurações, verifique todos os itens da lista de Informações de Faturamento. Alguns deles devem ser definidos por padrão, mas certifique-se de checar novamente.
Por exemplo, os campos Primeiro Nome e Sobrenome em seu formulário devem corresponder aos campos Primeiro Nome e Sobrenome no PayPal. Isto pode exigir que você insira mais alguns campos em seu formulário de registro no WordPress. Como exemplo, não incluímos um campo Endereço em nosso formulário de registro de usuário, mas isso aceleraria o processo, solicitando todas as informações de faturamento antecipadamente no formulário.
Estes não são inteiramente necessários, mas como mencionado anteriormente, eles poderiam acelerar os processos de registro e pagamento. Todos os add-ons de pagamento são diferentes, e a conexão PayPal simplesmente puxará as informações de faturamento da conta PayPal do usuário ou pedirá esses detalhes quando eles chegarem ao PayPal.
Algumas outras configurações para pensar incluem a URL da imagem e a URL de cancelamento. Sinta-se livre para inserir uma URL de imagem para seu logotipo ou qualquer imagem que represente o produto que está sendo vendido. A URL Cancelar serve como um redirecionamento que envia os usuários para uma página específica se eles por acaso cancelarem o pagamento antes de completar o processo.
A área de Opções pergunta se você gostaria ou não de solicitar aos usuários a inclusão de um endereço de remessa ou nota durante o processo de pagamento. Para muitos serviços online ou comunidades, não há necessidade de solicitar um endereço de remessa. Portanto, você pode querer marcar essa caixa para garantir que um cliente não fique confuso.
Quanto à configuração da nota, isso é inteiramente opcional e geralmente não é necessário, a menos que você esteja oferecendo algum tipo de serviço ou produto personalizado onde você queira feedback ou detalhes do usuário no momento do pagamento.
A caixa de seleção Lógica condicional pede que você acrescente regras lógicas para aceitar pagamentos de clientes. Por exemplo, você pode excluir os usuários do processo de pagamento se eles não optarem por um determinado plano de pagamento ou se seu endereço de e-mail não parecer real.
Em geral, a lógica condicional pode auxiliar na prevenção de spam e proporcionar benefícios aos usuários que estão em um determinado tipo de usuário ou nível de pagamento.
A última configuração a ser feita envolve o atraso do registro do usuário. Como em muitas das configurações acima, isto é opcional. Entretanto, não é uma má idéia considerar apenas o processamento da alimentação após o pagamento ter sido recebido. Desta forma, um usuário não é criado em seu banco de dados WordPress até que você tenha certeza de que o pagamento foi recusado.
Se você deixar esta caixa em branco, poderá descobrir que vários usuários estão desorganizando seu banco de dados, mesmo que não tenham pago para ter acesso.
Clique no botão Atualizar Configurações uma vez que você tenha decidido sobre todas as configurações apropriadas para sua organização.
Para testar a configuração do pagamento em seu formulário, vá para a guia Páginas no WordPress.
Clique novamente no formulário que você criou antes. Em nosso caso, este é o formulário de Registro de Usuário.
Visto que você já gerou um formulário de registro de usuário nesta página, e vinculou o feed do PayPal ou do gateway de pagamento ao formulário, os campos de pagamento devem aparecer no construtor visual.
Temos um preço de assinatura única e um campo com diferentes níveis de assinatura para mostrar as várias opções que você pode incluir em um formulário como este. Em uma situação do mundo real, você provavelmente escolheria uma ou outra.
É essencial testar um formulário com uma opção de pagamento. A última coisa que você quer é que uma onda de clientes fique presa por causa de uma configuração de pagamento mal configurada.
Preencha algumas informações de teste do usuário no formulário, como uma senha, e talvez selecione um nível de assinatura ou compre uma assinatura individual, de pagamento único.
Clique no botão Enviar para ver o formulário de registro do WordPress e o processamento do pagamento em ação.
Após o envio, a página é redirecionada para o PayPal, mostrando o preço total e solicitando que o usuário entre em sua conta PayPal ou pague com um cartão de débito ou crédito.
Lembre-se, um add-on de pagamento alternativo como Stripe ou Square ou Authorize.net parece diferente do PayPal quando se trata de processar o pagamento. Cada um levará o usuário a uma nova página para completar o pagamento, mas todos eles terão etapas ligeiramente diferentes.
Como adicionar usuários a uma lista de e-mail marketing através de um formulário de registro WordPress
Quando um novo usuário vem ao seu site, faz sentido tentar obtê-lo como um usuário registrado. Além de oferecer ao usuário acesso a recursos ou conteúdo, o formulário de registro serve como uma oportunidade de colocar instantaneamente esses dados do usuário em sua lista de e-mail marketing.
O benefício de fazer isso gira em torno da automação. Sim, um formulário de registro WordPress registra o e-mail e o nome dessa pessoa no WordPress, mas o processo de obter esses dados em um respeitável software de e-mail marketing requer uma exportação manual do WordPress e uma importação para a ferramenta de e-mail marketing.
Não há nada de errado com isso em teoria. Importações e exportações fazem o trabalho. No entanto, leva um tempo significativo do seu dia para concluir esta tarefa regularmente. Além disso, sua lista de e-mail marketing não é atualizada em tempo real. Um usuário pode fornecer seu e-mail e acabar ficando sentado em seu banco de dados de usuários por dias, semanas ou indefinidamente.
É por isso que é essencial vincular uma ferramenta de e-mail marketing e design ao seu formulário de registro.
Vários construtores de newsletter por e-mail estão disponíveis para você enviar mensagens em lote e categorizar suas listas de e-mail em diferentes grupos. Os mais populares oferecem integrações com muitos plugins de registro de usuários, permitindo que você combine as duas plataformas no sistema de coleta de e-mails.
Você já deve ter ouvido falar de empresas como Mailchimp, Constant Contact, e Mailgun. Todas elas oferecem características similares de design e segmentação de e-mail, e você geralmente pode encontrar uma integração simples que atinge o que estamos falando.
Felizmente, outra categoria de add-ons dentro do Gravity Forms oferece links diretos para plataformas de e-mail marketing. Como na maioria dos add-ons da Gravity Forms, as soluções de e-mail marketing requerem um plano premium.
Seguindo em frente, a lista de suplementos de e-mail marketing dos formulários Gravity é longa.
Cada um deles trabalha de forma semelhante, mas todos eles têm suas próprias interfaces distintas para enviar e-mails e se integrar com o Gravity Forms.
Para simplificar, usaremos o add-on Mailchimp como exemplo, visto que é um aplicativo de e-mail marketing bastante popular e acessível.
Pronto?
Em seguida, navegue até a seção Add-ons no plugin WordPress para Gravity Forms.
Percorra a lista de add-ons para localizar a opção Mailchimp. Se ainda não estiver ativada, clique no botão Ativar.
Estamos supondo que um formulário de registro já tenha sido criado (veja acima as etapas para fazer isso).
Vá para Formulários > Formulários no menu do WordPress.
Encontre o Formulário de Registro de Usuário que você criou anteriormente em sua lista de formulários publicados.
Clique no formulário para editar os campos.
Ir para Configurações > Mailchimp. Se você estiver usando uma integração de serviço de email alternativo, encontre a aba para essa.
O objetivo é fazer um Mailchimp Feed que informe o Gravity Forms para enviar submissões ao Mailchimp, além do banco de dados de usuários do WordPress. Mas primeiro, você deve configurar as Configurações do Mailchimp.
Clique no link que diz Mailchimp Settings.
A página seguinte solicita que você cole na chave API do Mailchimp. Para encontrar sua chave API, passe para o próximo passo.
Vá para o site do Mailchimp e crie uma conta ou faça login em seu perfil já criado.
O painel do Mailchimp organiza campanhas, listas e outros elementos do menu. Você deve fazer uma lista de e-mail (também chamada de Audience in MailChimp) antes de configurar esta integração com a chave API. A razão para isto é que você eventualmente precisará selecionar uma lista de e-mail para enviar as informações de registro do usuário.
Uma vez que você tenha uma lista criada, encontre o ícone Perfil na parte inferior do painel do Mailchimp.
Clique aqui para revelar um menu.
Selecione a guia Conta para prosseguir.
Uma vez no painel Conta, clique na aba Extras. Você deve ver alguns itens para escolher. Clique na opção Chaves API.
Uma chave API é um código que oferece o potencial de interligar vários sistemas. No Mailchimp, tudo que você precisa fazer é clicar no botão Criar uma chave para fabricar uma chave.
Você pode fazer quantas chaves quiser, mas é uma boa prática mantê-las a um mínimo. A chave API é mostrada em uma lista com uma etiqueta e quando ela foi criada.
Copie a chave API para sua prancheta. Sinta-se à vontade para sair do painel do Mailchimp.
Abra novamente o Mailchimp Settings em seu painel de controle do WordPress. Cole a chave no campo que lê a chave API do Mailchimp.
Clique no botão Atualizar Configurações para registrar a mudança.
Agora é hora de retornar ao formulário de registro de usuário.
Ir para Configurações > MailChimp no menu do formulário de registro.
Esta é a área que lhe pede para fazer uma fluxo do Mailchimp. Mais uma vez, é assim que o Gravity Forms garante a transferência de dados de uma aplicação para outra.
Clique no botão Adicionar.
Dê um nome ao fluxo que você possa lembrar. Esse nome é apenas para sua própria referência.
Sob o campo Mailchimp Audience, clique no menu suspenso para escolher o nome de uma de suas listas de e-mail Mailchimp.
Se você não tiver feito uma lista de audiência por e-mail, você precisa voltar ao Mailchimp para completar este processo. Caso contrário, não há um banco de dados para começar a registrar seus endereços de e-mail.
Aparece uma área para os Campos do Mapa, e isso solicita que você conecte os campos do formulário do plugin de Registro de Usuário aos formulários que precisam ser preenchidos no Mailchimp.
Isto é bastante fácil considerando que você selecionaria E-mail para ir junto com o campo Endereço de E-mail, e os campos do formulário Primeiro e Último Nome para os campos Primeiro e Último Nome Mailchimp.
Desça para as opções adicionais.
Estes são inteiramente opcionais, dependendo de como você gostaria que o processo de coleta de e-mails funcionasse.
Por exemplo, você pode querer ativar uma situação de opt-in duplo, onde o usuário deve clicar em um e-mail de confirmação antes de se cadastrar em sua lista. Isto é tanto por segurança quanto porque algumas áreas do mundo exigem isso.
Outras configurações incluem a opção de registrar assinantes como VIPs, definir tags e escrever uma nota. O campo da nota pode ajudar na organização de onde as assinaturas de e-mail estão vindo em comparação com outros formulários que você possa ter.
Uma vez feito tudo isso, clique no botão Atualizar Configurações.
Se você for testar a integração dos campos do mapa (ou outro add-on de e-mail marketing) no frontend do seu site, você poderá notar que não houve muita mudança visual. Entretanto, você pode fazer um teste de usuário falso mais uma vez, preenchendo o formulário de registro de usuário e verificando se ele funciona corretamente.
Com esta configuração, você deverá ser capaz de ir aos campos do mapa após o envio do teste e ver um novo usuário inscrito em sua lista de e-mail designada.
Os campos padrão para logar incluem Nome e E-mail, mas você é capaz de ser criativo e armazenar ainda mais do que isso com a ajuda dos campos do mapa e das características do Gravity Forms.
Como permitir que os usuários se cadastrem em seu site usando um perfil social
O login de perfil social tornou-se mais comum na Internet devido ao seu rápido processo de login e ao fato de que as pessoas não precisam gerar uma conta completamente nova para cada site ao qual desejam aderir.
Uma comunidade ou site de membros que precisa de todas as vantagens em convencer os usuários a se inscreverem poderia definitivamente se beneficiar de um login social, visto que remove algumas barreiras à entrada logo desde o início.
O plugin User Registration da WPEverest serve como o plugin ideal para personalizar sua página de registro de usuário e incorporar uma opção de login social. O plugin principal é gratuito, mas a extensão Social Connect – que adiciona esses botões de login social – exige que você se inscreva em um plano de $69 por ano.
Mostraremos a você como instalar e usar o plugin abaixo, mas tenha em mente que vários outros plugins similares estão disponíveis para que você considere.
Para começar, instalar e ativar o plugin de Registro de Usuário e atualizar para o plano Pessoal para receber a extensão Social Connect.
Em seu painel de controle do WordPress, ative também a extensão Social Connect. Tanto os itens Registro de Usuário quanto Social Connect aparecem na área de Plugins do WordPress.
Vá em frente e ative o plug-in Social Connect de User Registration.
Agora, vá para User Registration > User Registration. O plugin tem alguns modelos para iniciar seu formulário de registro. Se você preferir começar do zero, clique no botão Adicionar novo.
Uma vez que você chegue ao editor de formulários, utilize a área Campos do Usuário para arrastar e soltar módulos em seu formulário.
O formulário de registro padrão do plugin inclui os campos E-mail do usuário, Nome de usuário e Senha.
Recomendamos imitar isto se você estiver construindo um formulário a partir do zero. Você também pode incorporar outros módulos selecionando-os a partir do painel User Field.
Cada campo tem suas próprias opções para que você possa editar se clicar em cada um deles.
Entretanto, a parte mais importante da ativação do formulário para registro de usuário está na guia Definição do formulário.
Aqui, você ajusta uma grande variedade de configurações para dizer ao WordPress que gostaria que este formulário funcionasse como um novo criador de usuários. Por exemplo, você pode definir qual função do usuário é criada e fazer com que cada usuário faça o login manual ou automático após o registro.
É hora de colocar o formulário de registro de usuário em uma página uma vez que todos os campos desejados estejam implementados.
O plugin de User Registration utiliza atalhos para colocar formulários em páginas e artigos. Você os encontrará acima do seu construtor de formulários.
Copie este código para sua prancheta.
Ir para Páginas > Adicionar novo.
Se você já tem uma página de registro pronta para ir, navegue até essa página.
Na seção do construtor da página, cole esse atalho onde você quiser que ele apareça na página.
Certifique-se de salvar ou atualizar a página para que ela seja renderizada no frontend. Como sempre, é melhor testar o formulário de registro WordPress e ver se ele está funcionando.
Você pode precisar sair de sua conta administrativa para ver o formulário como um usuário regular.
O objetivo desta seção é mostrar como inserir botões de login nas mídias sociais. Portanto, os próximos passos cobrem isso.
Clique em User Registration > Configurações.
Estamos assumindo que a extensão Social Connect já está ativada em seu painel de controle do WordPress.
Portanto, você deve encontrar uma aba Conexão Social no painel de Configurações. Clique sobre isso.
As configurações do Social Connect exigem que você marque algumas caixas e habilite as configurações de API para cada rede social que você deseja permitir que as pessoas se conectem e se registrem.
Se você quiser ter um botão no Facebook, marque essa caixa. O mesmo vale para o Twitter.
A mesma coisa para o Google e LinkedIn.
Aí vem a parte um pouco confusa.
Cada botão de login social funciona ligando-se ao API da rede social. A única maneira de conectar-se à API é fazendo um aplicativo e usando elementos como IDs de aplicativos sociais, Chaves e Segredos.
Não importa se você não tem a menor idéia do que isso significa. Para cada botão social desejado, role sobre o ponto de interrogação ao lado de cada campo de ajuste. Para este tutorial, vamos localizar apenas a ID do aplicativo do Facebook e o segredo.
O ponto de interrogação mostra um popup com um link para o Facebook. Clique sobre ele.
Isto o redireciona para a página de aplicativos do Facebook, onde você pode criar um aplicativo para executar seu formulário de registro no WordPress com conexões de mídia social.
Clique no botão Criar aplicativo.
Siga as etapas de criação de um aplicativo no Facebook, incluindo o nome do aplicativo e a definição de qualquer domínio de aplicativo que você possa precisar.
Uma vez configurado o aplicativo, vá para a página Configurações > Básico.
Clique no botão Mostrar para revelar e copiar esse App Secret. Você também vai querer copiar a identificação do aplicativo em algum momento.
Volte para as configurações da API no painel do WordPress.
Colar a identificação do aplicativo no campo apropriado. Também, cole o App Secret no campo correspondente.
Salve as configurações para continuar.
Há algumas etapas restantes para não apenas ativar os botões da mídia social, mas também para personalizar a aparência no formulário.
Clique na guia Configurações avançadas, ao lado da guia Configurações de API em que você acabou de entrar.
As Configurações Avançadas contêm uma ampla gama de opções para verificar.
Antes de mais nada, certifique-se de indicar que gostaria de habilitar o registro social.
Em seguida, diga ao plugin que você deseja exibir botões sociais para registro.
Clique no seguinte campo Função de Usuário Padrão para selecionar uma função de usuário principal que é criada sempre que alguém se cadastra para seu site com perfil social. O assinante é o padrão para esta situação.
Continuando, clique no próximo campo suspenso para escolher o formulário no qual você está usando para seu registro de usuário. Criamos isso de antes, portanto, certifique-se de localizar o formulário correto. Neste tutorial, ele é chamado de Formulário de Registro, mas você pode ter chamado o seu de algo diferente.
Finalmente, passe para as outras configurações para ajustar a aparência física dos botões. Uma dessas configurações é para mostrar os botões perto da parte superior ou inferior do formulário.
Os Modelos de Login Social fornecem uma maneira rápida de estilizar seus botões sem nenhum código ou ajustes visuais.
Escolha um dos quatro estilos.
As configurações do Texto Social indicam a redação que é mostrada nos botões sociais. Normalmente você pode ficar com o texto padrão, mas fique à vontade para mudá-lo, se quiser.
Finalmente, clique no botão Salvar mudanças.
Você pode visualizar o formulário de registro do WordPress a partir do seu construtor de formulários ou ir diretamente para a página de registro que você fez anteriormente. De qualquer forma, isto permite que você visualize o formulário com seus botões de mídia social.
Para remover uma opção de login social, ou para alterar as configurações, basta voltar às configurações pelas quais acabamos de passar.
É altamente recomendável testar cada um dos botões de login social que você oferece em seu formulário de registro, visto que cada rede social tem sua própria conexão API e você pelo menos quer ter certeza de que os aplicativos e chaves de aplicativos funcionam para todos os usuários.
Como criar um formulário de registro WordPress com perfis de membros
A modificação do registro padrão do usuário WordPress pode ser feita com a maioria dos plugins que cobrimos neste artigo. No entanto, e se seu site for uma comunidade real? Digamos que seu site opera como uma rede social, site de encontros ou hub interno de clientes.
Você precisa de perfis ricos em recursos para que esses usuários possam personalizar suas informações, possivelmente carregar fotos, e até mesmo se comunicar com outros usuários.
Os plugins de registro de usuários médios têm perfis, mas nada muito poderoso.
É por isso que queremos mostrar a você como ativar um registro de usuário no estilo membership-style onde o usuário recebe um belo perfil que ele controla.
Para iniciar o processo, instale e ative o plugin Ultimate Member. Este plugin fornece gratuitamente formulários personalizados de registro de usuário e login. Sem mencionar que você pode adicionar perfis de usuário poderosos para criar uma associação de qualidade ou uma área de perfil. Alguns plugins similares também estão disponíveis com esta funcionalidade, mas vamos nos concentrar no plugin Ultimate Member para este tutorial.
O objetivo é conseguir uma área de cliente mais útil, com uma experiência de perfil profundo para os usuários, incorporando botões para coisas como críticas, comentários, grupos e muito mais.
A grande parte sobre o plugin do Ultimate Member é que a grande maioria das configurações já está configurada ao ativar o plugin. Ele também cria páginas para seus perfis, páginas de registro, e muito mais.
As configurações do plugin são consolidadas sob a guia Ultimate Member no painel de controle do WordPress.
Clique no botão Criar Páginas para continuar.
Isto ativa as páginas corretas e o leva ao módulo de Configurações do plugin Ultimate Member.
Você pode mudar as páginas que funcionam como páginas de registro e perfil correspondentes, mas isso só se você quiser personalizar as suas próprias páginas.
A partir de agora, as páginas pré-fabricadas geradas pelo plugin servirão. Portanto, normalmente você pode deixar todos os campos sob a guia Geral > Páginas intocadas.
O próximo passo é personalizar o visual das páginas de perfil e dos módulos de registro. Como mencionado, a página de registro já está configurada para você, portanto não há muito o que completar nessa área.
Toda pessoa que for à página de Registro e fizer uma conta terá um perfil de usuário WordPress.
Na aba Appearance, ajuste os elementos que você considera importantes. Por exemplo, você pode querer escolher um modelo diferente para o formulário ou diminuir sua largura. Há também campos para ajustar os tamanhos e ícones para botões e elementos de texto.
Rolando para baixo nas áreas de configuração, o plugin pergunta se você gostaria de ter um perfil padrão e uma foto de capa em cada perfil.
Você também pode ajustar itens como o tamanho padrão da capa e se você quer ou não ter uma foto de capa.
Enquanto ainda estiver na seção Aparência, clique no link Menu Perfil. Esta área mostra os componentes primários que compõem o perfil do usuário. Embora você tenha a liberdade de deixar tudo como está, há algumas configurações que você pode querer modificar.
Considere manter coisas como a guia Sobre e todo o menu de perfil. Recomendamos ter a aba artigos se seus membros contribuem para seu blog ou funcionam como seus criadores de conteúdo.
A aba Comments é bastante importante para blogs e comunidades, considerando que os leitores e membros provavelmente querem a capacidade de voltar e verificar seus comentários.
Após todas as configurações de perfil estarem configuradas, clique no botão Salvar mudanças.
Alguns outros painéis de configuração fornecem opções para o formulário de registro, formulário de login, e muito mais. Certifique-se de ajustar os e-mails que saem para novos registros e alterar muitas partes do seu formulário de registro WordPress, incluindo a largura e o alinhamento.
Embora não vamos cobrir todos esses ambientes, é bom saber onde eles estão localizados para garantir que todas as formas pareçam adequadas à sua marca.
É necessário um formulário de registro a fim de dar a seus usuários um lugar para fazer seus nomes de usuário e chegar a seus perfis.
Para criar um, vá para Ultimate Member > Formulários.
Mais uma vez, o plugin Ultimate Member fornece vários formulários pré-fabricados para que a maior parte do trabalho seja feita para você.
Um formulário de Registro Padrão está pronto para uso, como é o formulário Perfil Padrão, ou o centro onde as pessoas personalizam seus perfis de usuário.
Além disso, é que o plugin cria automaticamente páginas para você também.
Vá para Páginas > Todas as páginas para ver opções como as páginas Conta e Login. A página de Registro é onde um usuário se registra e faz login em sua conta, enquanto a página de Conta contém o formulário Perfil Padrão, onde ele gerencia seu perfil.
Todos os atalhos apropriados para os formulários correlatos já estão inseridos nas páginas correlatas.
Você pode testá-los visualizando as versões publicadas das páginas. Por exemplo, clique na página Registrar para vê-la em ação.
No frontend, um visitante pode digitar seu nome de usuário e e-mail e criar uma senha.
Você pode querer ver também a página do usuário.
A página do usuário é o módulo de perfil de que temos falado. É um centro para os usuários gerenciarem tudo, desde fotos de perfil até grupos e amigos em potencial. As características padrão incluem uma foto de capa, foto de perfil e uma biografia.
São necessários apenas alguns cliques para incorporar esses elementos na página de perfil.
Cada página de perfil fornece botões adicionais para editar o perfil e verificar a conta do usuário.
Outras guias incluem um botão Comentários e um botão artigos.
Que tal adicionar abas de perfil mais avançadas para coisas como mensagens particulares e amigos?
O plugin Ultimate Member já possui um perfil de usuário bastante limpo e poderoso, mas permite que você amplie essas características com extensões. A maioria das extensões orientadas a perfil requer que você pague uma taxa.
Para ver as extensões e adicioná-las ao seu site, vá para Ultimate Member > Extensões.
Há uma longa lista de características de perfil em potencial para incluir como abas em seus perfis de usuário.
A extensão Amigos permite que seus usuários interajam com outros usuários e os adicionem como amigos.
Os Notificações adicionais chamam a atenção dos seus usuários quando uma mensagem é recebida. Você também pode incorporar poderosas ferramentas de gerenciamento de perfil para mensagens privadas, seguidores e grupos, só para citar alguns. Cada um deles é adicionado fazendo um pagamento e clicando no botão Obter este complemento.
Tudo depende do tipo de características de perfil que você gostaria de fornecer. Um site de membros normalmente requer um local para fazer grupos. Uma rede social precisa de grupos de amigos e de mensagens. Um site de cursos online pode precisar de revisões e notas e mensagens. Há até mesmo um lugar para configurar uma lista de empregos se você quiser fornecer um quadro de empregos para seus usuários.
O exemplo abaixo é uma amostra do que é possível com o plugin Ultimate Member, especialmente quando você começa a explorar as extensões avançadas.
Resumo
Em geral, o módulo de registro de usuários do WordPress fornece o potencial que cada site precisa para criar usuários e receber dados desses usuários. O blog médio ou pequena comunidade online pode precisar apenas do formulário de registro padrão do WordPress.
Se este for o caso, deixe o login e o formulário de registro do jeito que está e talvez mude a URL para maior segurança. Você pode até mesmo adicionar seu próprio logotipo para fazer com que pareça que a sua marca realmente executa aquela página.
Os plugins abrem oportunidades para personalizar cada aspecto do seu formulário de registro de usuário, especialmente quando se trata de adicionar campos exclusivos e redesenhar a aparência do seu formulário.
É possível adicionar recursos extras e avançados aos seus formulários de registro de usuário. Algumas das opções que abordamos neste artigo incluem formulários que colocam novos usuários em listas de e-mail marketing. Você também pode considerar a possibilidade de coletar pagamentos por conteúdo exclusivo ou se você administra um site de afiliação.
Também não é uma má idéia considerar oferecer um formulário de login social para agilizar o processo de registro para os usuários. Finalmente, um perfil de usuário avançado é uma ótima maneira de expandir seu atual formulário de registro de usuário para que o cliente tenha a oportunidade de gerenciar todos os aspectos do seu perfil de usuário.
Se você tiver alguma dúvida sobre como gerenciar ou personalizar seu formulário de registro WordPress, ou se você quiser sugerir outros plugins ou técnicas para personalizar os formulários de registro, informe-nos na seção de comentários abaixo.
Editor-chefe da Kinsta e consultor de marketing de conteúdo para desenvolvedores de plugins do WordPress. Conecte-se com Matteo no Twitter.
Deixe um comentário