Você já se perguntou como pode alterar suas páginas de login e registro do WooCommerce?

Se você estiver usando o WooCommerce para sua loja online, então já está bastante familiarizado com o último. É uma das melhores plataformas de e-Commerce da atualidade.

Você não pode ignorar o fato de que é muito conveniente de usar e pode beneficiar muito sua loja online. Existem muitas coleções de Temas do WordPress et Plug-ins e extensões WooCommerce para te ajudar a fazer isso.

Mesmo assim, alguns de seus recursos, como login do WooCommerce ou formulário de registro do WooCommerce, são bastante limitados. Isso é o que cobriremos neste artigo.

Mas antes, se você nunca instalou o WordPress, descubra Como instalar um blog WordPress passos 7 et Como encontrar, instalar e ativar um tema WordPress em seu blog 

Então, voltemos ao porquê de estarmos aqui.

Por que personalizar os formulários de login e registro do WooCommerce?

Opções de campo limitadas:

O formulário de login e registro WooCommerce padrão tem campos adequados para um usuário criar uma conta. Mas, se você quiser adicionar mais alguns campos, você não pode fazer isso por padrão. Você não pode adicionar e exibir campos como caixas de seleção, menus suspensos e endereço de cobrança e envio quando necessário ou desejado.

Páginas separadas de login e registro

Por padrão, os formulários de login e registro do WooCommerce são exibidos na mesma página. Embora isso também seja muito útil, você não pode criar páginas separadas para login e formulários de registro, se desejar. Você tem que usar código ou algum outro plugin para superar isso.

Limitações de design

Para alguns usuários, a representação visual dos formulários de login e registro padrão do WooCommerce pode ser um pouco enfadonha e entediante. Infelizmente, o WooCommerce não oferece a opção de personalizá-los. Portanto, você não pode usar cores, formatos de texto ou bordas diferentes no formulário padrão.

Personalize seu login e formulários de registro do WooCommerce:

A maioria das personalizações da página de login do WooCommerce e do formulário de inscrição podem ser feitas facilmente com apenas um plug-in, Registro do usuário. Este é um plugin especialmente focado na criação de formulários de login e registro eficientes para o seu site. Tem um interface que suporta a funcionalidade de arrastar e soltar  com o qual você pode facilmente fazer suas personalizações sem codificação.

Tudo que você precisa fazer é para instalar e ativar.

Registro do usuário woocommerce login registro

Você também precisa adicionar algumas de suas extensões.Complemento do WooCommerce pode ajudar a continuar. Com este addon, você pode integrar seus formulários de registro personalizados no WooCommerce sem esforço e superar as limitações do WooCommerce.

Seu woocommerce

Depois disso, você pode usá-lo para criar formulários de login ou registro no WooCommerce e começar a editá-los.

1. Adicione campos adicionais ao seu login WooCommerce ou formulário de registro

Le WordPress Plugin Registro do usuário oferece a opção de adicionar mais campos ao formulário de registro. Em primeiro lugar, você precisa criar um novo formulário de registro a partir daí vá para Registro do usuário >> Adicionar Novo no painel do WordPress.

Descubra também Como adicionar uma imagem de fundo no WordPress

Você pode usar os campos de Faturamento e frete WooCommerce adicional da guia Campos no lado esquerdo da tela.

Você pode até adicionar campos adicionais com menus suspensos, caixas de seleção e botões de rádio, se necessário.

Esses campos podem ser facilmente adicionados usando a funcionalidade de arrastar e soltar do WordPress Plugin Cadastro de usuário. Seus novos campos de formulário ficarão visíveis no formulário de registro quando seus usuários desejarem criar uma nova conta.

2. Substitua os formulários de login e registro padrão do WooCommerce

Depois de criar seu novo login ou formulário de registro do WooCommerce, você deve substituí-lo pelo formulário padrão do WooCommerce.

Veja também nosso guia sobre Como adicionar uma loja WooCommerce no Facebook

Tudo que você precisa fazer é continuar WooCommerce >> Configurações e abra a guia Contas e confidencialidade. Sob a seção Criação de conta, verificar Permitir que os clientes criem uma conta na página "Minha conta" e salvar as alterações.

Substituir o registro padrão de woocommerce dos formulários

Então vá para Registro do usuário >> Configurações e abra a guia WooCommerce. Aqui, selecione o formulário de registro que deseja integrar. Então, marque a opção Substituir página de registro e salve as alterações.

Leia também nosso artigo sobre Como exibir um menu para os seus WooCommerce assinantes condicionais

Agora, seu formulário de login WooCommerce personalizado e formulário de registro serão exibidos.

Os formulários de login e registro do WooCommerce serão exibidos na mesma página por padrão. Mas se você deseja exibi-los em páginas diferentes, você pode fazer isso também usando o plugin Registro do usuário. Primeiro, crie páginas separadas para as páginas de registro e login.

Para exibir a página de login separadamente, adicione o seguinte código de acesso na página que deseja exibir. Você também deve redirecioná-lo para o link da página da conta após o login do usuário. Basta adicionar o parâmetro redirect_url  ao link da página e publique o último.

[user_registration_my-account redirect_url = "link da página da conta"]

Substituir formulários padrão woocommerce registro 1

Para exibir a página de registro separadamente, você deve ter o shortcode de registro WooCommerce que criou. Você pode ter isso continuando Registro do usuário >> Registro do usuário no painel do WordPress.

Agora copie e cole o código de acesso onde deseja exibir o formulário de registro. Em seguida, publique a página.

Ou

Você pode simplesmente usar o editor de blocos para visualizar o formulário de registro que você criou. Basta procurar o bloco Registro do usuário e selecione o formulário de registro que deseja visualizar. Em seguida, publique a página.

Substituir formulários padrão woocommerce registro 2

3. Mostrar campos adicionais na página da conta

Depois de fazer login ou registrar uma nova conta, o usuário é redirecionado para a página Minha Conta . Porém, os detalhes adicionais na página de login ou registro do WooCommerce podem não ser exibidos na página da conta.

Aqui está 10 plug-ins do WordPress para adicionar uma calculadora ao seu site

Mas depois de substituir com sucesso os formulários de login e registro, você pode ver seus detalhes adicionais na página da conta. Vá em frente  Minha conta >> Detalhes da conta.

Observação: A aparência da página Minha conta pode variar de tema para tema.

4. Integre a conta WooCommerce na página de checkout

Para comodidade dos seus clientes, você também pode exibir o formulário de registro personalizado na página de checkout com o plugin de registro do usuário. Você pode até escolher os campos que deseja preencher na página de checkout. Para adicionar sua conta WooCommerce na página de pagamento, você só precisa seguir as etapas fornecidas.

Leia também nosso artigo sobre 10 plug-ins do WordPress WooCommerce para usar em seu blog

Vá em frente WooCommerce >> Configurações e abra a guia Contas e confidencialidade. Então na seção Conta e privacidade, verifique a opção Permitir que os clientes criem uma conta durante a validação do pedido.

Autorizar os clientes a criarem a página da minha conta

Novamente, navegue para Registro do usuário >> Configurações, e sob a guia WooCommerce, você verá a seção Sincronizar registro de checkoutAqui basta marque a opção: Marque esta opção para sincronizar o registro do usuário com o registro de compra do WooCommerce. Campos adicionais que não estão disponíveis no formulário de registro WooCommerce serão exibidos.

Integração woocommerce login e página de registro da conta

Em seguida, você só precisa selecionar os campos que deseja exibir aos seus clientes no formulário de registro de compra. Inclui até os campos de cobrança e endereço de entrega.

Na próxima vez que seu cliente desejar finalizar a compra, ele receberá o formulário com campos específicos adicionais para preencher.

5. Redesenhe os formulários de login e registro do WooCommerce

O registro do usuário é um excelente WordPress Plugin construtor de formulários que permite até personalizar totalmente os formulários de login e registro do WooCommerce.

Você pode usar o dele addon Customizador de estilo para ajudá-lo a alterar a aparência de todo o formulário de registro conforme desejar. É muito fácil de usar, pois tem uma interface que suporta a funcionalidade Arrastar e Soltar com opções de visualização em tempo real.

Plugin de complemento de estilo do personalizador

Tudo o que você precisa fazer é comprar o complemento Style Customizer e editar seu formulário WooCommerce existente ou criar um novo. Em seguida, clique no botão com um ícone de pincel no canto inferior direito da tela.

Agora você poderá ver o painel Customizer.

Aqui você pode alterar todos os tipos de elementos de design para seus formulários de login e registro. Alguns deles lidam com a aparência geral do formulário, rótulos de campo, descrição e estilos de botão de opção ou botão de caixa de seleção. Ele ainda tem opções adicionais para títulos de seção, postagens e CSS adicional.

Quando terminar de personalizá-los, salve-os. Todas as alterações feitas na personalização do estilo serão automaticamente integradas ao login ou formulário de registro do WooCommerce.

Descubra também  Como proteger com senha seus formulários WordPress

Assim, você poderá ver essas mudanças onde quer que coloque o formulário em sua loja online.

resumo:

Aqui estão algumas das dicas mais úteis sobre como você pode usar e personalizar diferentes aspectos de seus formulários de login e registro do WooCommerce. Pode ser de grande ajuda para atrair vários clientes ao seu site com uma interface fácil que permite que eles criem ou façam login em suas contas WooCommerce.

Outros plug-ins premium adicionais do WordPress 

Descubra também outros WordPress plugins premium que otimizam o desempenho do seu blog ou site WordPress.

1. MapSVG

MapSVG est l’un des plugins WordPress de création d’annuaire les plus puissants et les plus performants. Il vous permet de transformer n’importe quel fichier SVG en cartes vectorielles interactives et en cartes entièrement personnalisables. Il vous permet de créer un répertoire d’entreprises local, listas de fornecedores, etc. Diretório wordpress do plugin Mapsvg

Il propose une carte pour tous les principaux pays du monde. Ses principales fonctionnalités sont : l’édition des cartes SVG dans n’importe quel éditeur de vecteurs afin de pouvoir facilement dessiner vos propres cartes, une base de données intégrée pour afficher tout type d’objet, des outils puissants de création de formulaire, pour renseigner la base de données, l’ajout des marqueurs de géolocalisation et autres.

Leia também nosso artigo sobre Como manter seus visitantes por mais tempo em seu site

Descarregar| Demo | hospedagem na web

2. Pan Zoom Image

Este plugin permite que você adicione facilmente o recurso de zoom panorâmico para imagens em seu blog WordPress através de um código de acesso. Por exemplo, você pode integrá-lo ao seu artigo ou à sua página.

Plugin de wordpress de zoom de imagem para zoom

Como funcionalidades terá entre outras: o zoom panorâmico numa única imagem ou uma galeria com imagens ilimitadas, a posição da barra de controle pode ser superior, direito, inferior e esquerdo, o fundo do container pode ser escuro, claro e nada disso; a visualização ao vivo no painel, o exemplo de zoom panorâmico múltiplo na mesma página, etc.

Descubra também o nosso 5 shortcodes premium WordPress plugins

Descarregar | Demo | hospedagem na web

3. Automação de Marketing

Este plugin premium do WordPress fornece uma interface de usuário simples e flexível, cujo objetivo será ajudá-lo a criar facilmente um boletim informativo poderoso em seu site. Sua flexibilidade permitirá que você gerencie uma ampla gama de eventos, condições e ações - para que você possa configurar facilmente sua estratégia de email marketing para enviar, rastrear e lucrar com isso.

Plugins wordpress de automação de marketing criam site de boletim informativo

Suas principais funcionalidades são: a possibilidade de aplicação de lógica condicional baseada na reação e no comportamento dos visitantes, o rastreamento das ações dos visitantes do site, perfeito para todos os programas de fidelidade, excelente para estratégias de marketing que apostam nas recompensas, um painel intuitivo, a segmentação de visitantes do site, a possibilidade de fazer pesquisas, notificações por sms e por email, pop-ups com base no comportamento do visitante, anúncios em banner com base no comportamento do visitante e muito mais.

Descarregar | Demo | hospedagem na web

Recursos Recomendados

Descubra outros recursos recomendados para ajudá-lo a criar e gerenciar seu site.

Conclusão

Aqui ! É isso para o nosso artigo que mostra como personalizar os formulários de inscrição e login do WooCommerce. Agora você terá  a possibilidade de criação de formulários de cadastro e conexão maldosa com o plugin de cadastro de usuários. Pequenos detalhes como esses são muito importantes para sua loja online para garantir que seus clientes os usem com frequência.

No entanto, você também pode consultar nossos recursos, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia em Criação de blog WordPress ou aquele em Divi: o melhor tema WordPress de todos os tempos.

Se você tem comentários ou sugestões, não hesite em nos informar na seção reservada. Mas enquanto isso, compartilhe este artigo em suas diferentes redes sociais

...