Deseja criar uma página de login de cliente em seu site WordPress?
Criar uma página de login personalizada ajuda a mostrar uma marca reconhecível aos seus clientes e, ao mesmo tempo, dá ao seu site uma aparência mais profissional.
Recentemente, pediram-me para criar uma página de login de cliente personalizada para mostrar a você como elas funcionam. O resultado é este guia, que explora vários métodos para criar uma página de login de cliente no WordPress.
How to Create a Client Login Page in WordPress:
O que é uma página de login de cliente e por que criá-la?
A client login page is a secure area on a website where users enter a username and password to access their accounts or private information. It keeps sensitive data safe and only lets authorized users in.
A tela de login padrão do WordPress é uma excelente solução para sites pessoais, mas tem uma aparência genérica e entediante. Os sites WordPress voltados para o cliente precisam de uma página de login com aparência mais profissional e que dê aos clientes uma boa impressão da sua empresa.
Com uma página de login de cliente personalizada, você pode personalizá-la para atender aos seus clientes. Você também pode ocultar a tela de login padrão, reduzindo o spam de login e mantendo seu site WordPress seguro.
Confira estes exemplos de páginas de login para obter mais inspiração.
Escolhendo o plug-in WordPress correto para a página de login do cliente
O repositório oficial de plug-ins do WordPress oferece vários plug-ins para ajudá-lo a criar uma página de login do cliente. Mas hoje, vou me concentrar em dois dos melhores plug-ins do WordPress no mercado: SeedProd e WPForms.
Use o SeedProd se precisar de um construtor de páginas do WordPress fácil de usar para criar qualquer página em tempo real sem escrever código.
Os recursos de destaque do SeedProd incluem:
- Construtor de páginas visual do tipo arrastar e soltar com visualização em tempo real
- Modelos de página de login projetados profissionalmente para você começar
- Personalize cada elemento da página de login do cliente com elementos de página avançados
- Adicionar um formulário de login a qualquer página do WordPress
Use o WPForms se precisar de um plug-in de formulário do WordPress amigável para iniciantes que permita criar qualquer formulário com seu construtor de formulários de arrastar e soltar.
Os recursos de destaque do WPForms incluem:
- Modelos predefinidos para qualquer tipo de formulário
- Personalize seu formulário de login sem código ou restrições
- Publique seu formulário de login de cliente em qualquer post ou página do WordPress
- Incorporar o formulário de login do cliente na barra lateral do WordPress com um widget de login personalizado
Esses dois plug-ins de página de login complementares têm milhões de usuários e a confiança da comunidade do WordPress.
Método 1: Usar o SeedProd para criar uma página de login de cliente
Tutorial em vídeo
Usarei o SeedProd para mostrar a você como criar uma página de login de cliente no WordPress para o primeiro método. Siga as etapas abaixo para começar.
Etapa 1. Instalar e ativar o SeedProd
A primeira etapa é fazer o download do plug-in SeedProd, carregá-lo e ativá-lo em seu site do WordPress.
Para obter instruções detalhadas, siga este guia sobre como instalar um plug-in do WordPress.
Depois de ativar o plug-in, você verá uma tela de boas-vindas na qual poderá inserir sua chave de licença do SeedProd. Você pode encontrar a chave de licença em sua conta do SeedProd no cabeçalho Downloads.
Depois de verificar sua chave de licença, role para baixo e clique no botão Create Your First Page (Criar sua primeira página ).
Na próxima tela, você verá o painel da página de destino do SeedProd, onde é possível criar diferentes tipos de páginas de destino. Clique no botão Set Up a Login Page (Configurar uma página de login ) para começar.
Etapa 2. Escolha um modelo de página de login
O SeedProd agora solicita que você escolha um modelo para a página de login do cliente. Há vários modelos que você pode escolher, e até mesmo um modelo em branco, se preferir começar do zero.
Para escolher um modelo de página de login, passe o mouse sobre a miniatura e clique no ícone de marca de seleção.
Seu modelo será aberto no construtor de páginas visuais do SeedProd.
Etapa 3. Personalizar o modelo da página de login do cliente
Um dos melhores aspectos do SeedProd é que você pode personalizar o portal de login do cliente no construtor de arrastar e soltar sem contratar um desenvolvedor. É fácil personalizar qualquer elemento do modelo apontando e clicando nele com seu cursor.
Por exemplo, ao clicar no cabeçalho "entrar", abre-se um painel à esquerda no qual você pode alterar o conteúdo do cabeçalho, o tamanho do texto, o alinhamento, a fonte e muito mais.
Adicionar novo conteúdo à tela de login do cliente é igualmente fácil com os blocos da página de destino do SeedProd. Tudo o que você precisa fazer é escolher um bloco no lado esquerdo da tela e arrastá-lo e soltá-lo no lugar à direita.
Há vários blocos para escolher, incluindo:
- Imagens
- Botões
- Botões de perfil social
- Temporizadores de contagem regressiva
- Barras de progresso
- E muito mais
Assim como os blocos, o SeedProd também oferece uma variedade de seções predefinidas, como cabeçalhos, rodapés, recursos e perguntas frequentes. Adicioná-las à sua página é tão fácil quanto passar o mouse sobre uma seção e clicar no ícone de adição (+).
Se quiser ter mais controle sobre a aparência da tela de login do cliente, acesse o painel Global Settings (Configurações globais ). Basta clicar no ícone de engrenagem no canto inferior esquerdo da tela.
No painel Global Settings (Configurações globais), você pode alterar o plano de fundo, a tipografia e o esquema de cores da página sem alterar as configurações de cada elemento individualmente.
Por exemplo, você pode alterar seu esquema de cores global clicando no título Colors (Cores ). A partir daí, você pode escolher cores personalizadas ou clicar no botão Color Palette (Paleta de cores) para escolher entre mais de 20 paletas de cores predefinidas.
Quando estiver satisfeito com a aparência da página de login do cliente, clique no botão Save (Salvar ) no canto superior direito da tela.
Etapa 4. Configurar as definições da página
Se você planeja coletar endereços de e-mail na tela de login do cliente, pode conectar seu formulário de opt-in ao serviço de marketing por e-mail clicando na guia Connect (Conectar ) na parte superior da tela.
A partir daí, escolha seu provedor de marketing por e-mail na lista e siga as instruções para conectar e autorizar sua conta. Agora, sempre que um cliente se inscrever por meio de seu formulário de opt-in, ele será adicionado automaticamente à sua lista de e-mails.
Além disso, você pode ir até a guia Page Settings (Configurações da página ) para definir várias outras configurações.
Aqui estão algumas das configurações que podem ser editadas nessa tela:
- Geral - Altere o nome e o URL da página de login, exiba um link de afiliado do SeedProd e muito mais.
- SEO - Se estiver usando um plug-in de SEO do WordPress, você poderá definir o título, a meta descrição etc. do SEO da página.
- Análise - Acompanhe o desempenho de sua página de login usando um plug-in de análise como o MonsterInsights.
- Scripts - Cole códigos de rastreamento e scripts de redirecionamento, como cookies ou pixels de rastreamento do Facebook.
Lembre-se: clique no botão Save periodicamente para salvar suas alterações.
Etapa 5. Publique sua página de login do cliente
Quando estiver satisfeito com a tela de login do cliente, você estará pronto para publicá-la e torná-la ativa em seu site. Para fazer isso, clique na seta suspensa ao lado do botão Save (Salvar) e clique em Publish (Publicar).
Depois disso, você verá uma mensagem informando que sua página está no ar.
Clique no botão See Live Page para visualizar sua nova página de login de cliente.
Esta é a página que criei em nosso site de teste:
Agora, tudo o que resta é ativar o modo de página de login em sua área de administração do WordPress, e isso é muito fácil de fazer.
Basta sair do SeedProd builder e voltar ao painel principal do SeedProd. Em seguida, no modo Página de login, clique no botão de alternância de Inativo para Ativo.
É isso aí! Sua página de login de cliente agora tem um design personalizado.
Método 2: Usar o WPForms para criar uma página de login de cliente
Agora vamos dar uma olhada no método 2, criando uma página de login de cliente com o WPForms.
Etapa 1: Instalar o WPForms
Primeiro, faça o download do plug-in WPForms, instale-o e ative-o em seu site do WordPress. A partir daí, insira sua chave de licença do WPForms acessando WPForms " Configurações.
Você pode encontrar sua chave de licença no site do WPForms, na área da sua conta.
Para criar um formulário de login de cliente com o WPForms, você precisará do complemento User Registration.
Você pode encontrar o addon acessando WPForms " Addons. Em seguida, clique em Install Addon (Instalar complemento ) ao lado de User Registration Addon (Complemento de registro de usuário) e clique em Activate (Ativar).
Depois de ativar o complemento, você estará pronto para começar a criar seu formulário de login de cliente personalizado.
Etapa 2: Criar um formulário de login de cliente personalizado
O poderoso construtor de formulários de arrastar e soltar do WPForms facilita a criação de qualquer formulário sem escrever código em apenas alguns minutos.
Para criar seu formulário de login de cliente, vá para WPForms " Add New. A partir daí, clique no filtro Addon Templates e selecione o modelo User Login Form.
Você verá o criador de formulários para iniciantes na tela a seguir, onde poderá adicionar, remover e personalizar os campos do formulário. Os campos de formulário padrão são simplesmente os campos de nome de usuário e senha.
É fácil personalizar os campos do formulário. Basta clicar em qualquer campo no construtor de formulários e fazer suas alterações no painel de campos no lado esquerdo.
Depois de personalizar o formulário, clique na guia Settings (Configurações ) para definir as configurações do formulário.
Etapa 3: Configure suas definições de formulário
O WPForms oferece várias configurações de formulário. Por exemplo, você pode personalizar o nome do formulário, a descrição, o botão de envio e muito mais nas configurações gerais .
Você não precisará se preocupar com a guia Notificações para esse tipo de formulário porque as notificações são desativadas por padrão. Isso significa que você não receberá um e-mail sempre que um cliente fizer login no seu site.
Normalmente, quando os clientes fazem login no seu site por meio do formulário de login, eles chegam à sua página inicial. Clique na guia Confirmation (Confirmação) se quiser alterar isso para uma tela de boas-vindas personalizada ou uma página de agradecimento.
Em seguida, escolha o tipo de confirmação "Go to URL" no menu suspenso e insira sua página preferida no campo Confirmation redirect URL (URL de redirecionamento de confirmação ).
Lembre-se de clicar em Save (Salvar ) para armazenar suas configurações.
Etapa 4: Publique seu formulário de login de cliente
Quando estiver satisfeito com a aparência do formulário de login do cliente, você poderá publicá-lo em seu site do WordPress. O WPForms permite que você publique seu formulário em um post, página ou até mesmo como um widget da barra lateral do WordPress.
Primeiro, vamos ver como publicar seu formulário em um post ou página.
Vá em frente e crie um novo post ou página no WordPress, depois clique no ícone de mais (+) no editor de blocos. A partir daí, você pode procurar o WPForms e clicar no bloco WPForms para adicioná-lo à sua página.
Em seguida, clique no menu suspenso dentro do bloco WPForms e escolha o formulário de login do cliente. O WPForms adicionará o formulário à sua página automaticamente.
Agora você pode clicar em Publicar e tornar a página ativa em seu site.
Você também pode adicionar seu formulário de login à barra lateral do WordPress. Para fazer isso, acesse Appearance " Widgets e adicione o widget WPForms à barra lateral.
Agora, selecione o formulário de login do cliente nas configurações do widget e clique no botão Update (Atualizar ) para salvar as alterações.
Ótimo trabalho! Seu formulário de login de cliente agora está disponível na barra lateral do WordPress.
É isso aí!
I hope this article helped you learn how to create a client login page in WordPress. While you’re here, you might also enjoy the following guides:
- Como criar uma página de destino de conteúdo fechado no WordPress
- Como criar um design de página de serviço no WordPress
- Como criar uma página 404 no WordPress que gere leads
- Como proteger um site WordPress com senha: O guia definitivo
Obrigado pela leitura! Gostaríamos muito de ouvir sua opinião, portanto, fique à vontade para deixar um comentário com perguntas e feedback.
Você também pode nos seguir no YouTube, no X (antigo Twitter) e no Facebook para obter mais conteúdo útil para expandir seus negócios.
