Como personalizar a página Minha conta do WooCommerce (Guia Completo para 2022)

Se você estiver familiarizado com WooCommerce e comércio eletrônico em geral, saberá que a página 'Minha conta' é uma das páginas da web mais importantes. Isso ocorre porque ele contém muitas informações essenciais do cliente, como pedidos, endereços de cobrança, métodos de pagamento, detalhes da conta – para citar alguns.

Em essência, a página 'Minha conta' é um centro integral de informações. Portanto, não é incomum que os proprietários de lojas WooCommerce queiram adicionar endpoints personalizados para mostrar informações relevantes para seus negócios. Eles também podem querer personalizar a estética da página "Minha conta" para ficar mais alinhada com sua marca.

Embora o WooCommerce inclua todas as informações básicas que os clientes precisam para gerenciar seus pedidos e alterar as configurações da conta, nem o WooCommerce nem o WordPress oferecem recursos de personalização integrados para ajustar a aparência desta página do WordPress nem adicionar terminais adicionais.

Felizmente, se você quiser ir além dos endpoints padrão do WooCommerce e das restrições de personalização, soluções alternativas estão disponíveis. Portanto, estamos abordando as maneiras mais fáceis de personalizar sua página 'Minha conta' no WooCommerce sem nenhum conhecimento técnico.

A importância da página Minha conta do WooCommerce

Como já sugerimos na introdução, a página 'Minha conta' de qualquer loja de comércio eletrônico é uma parte fundamental do site. O painel Minha conta do seu cliente é onde eles se sentem mais no controle. A partir daqui, eles podem revisitar pedidos, editar endereços, fazer alterações nos detalhes de suas contas, e modificar suas configurações de segurança. Além disso, ele lida com uma grande quantidade de informações confidenciais, como endereço de e-mail, endereço postal e até mesmo informações de senha.

À luz de tudo isso, é imperativo que sua página "Minha conta" seja fácil de navegar para garantir que os visitantes desfrutem de uma ótima experiência do usuário. É aqui que a personalização pode fazer toda a diferença. Por exemplo, você pode aumentar as conversões adicionando seções promocionais como códigos de desconto, recompensas de fidelidade e recomendações de páginas de produtos. Mas você também pode usar sua página Minha conta para reduzir o atrito com o cliente. Por exemplo, coletar feedback do consumidor ou fornecer um link simples para entrar em contato com você.

Usar um complemento é a maneira mais segura e fácil de iniciar personalizações na sua página 'Minha conta'.

Os benefícios de usar um plug-in (em vez de adotar a abordagem DIY)

Claro, os plugins não são a única maneira de personalizar sua página 'Minha conta' no WooCommerce. Com qualquer parte do WordPress e sua solução de comércio eletrônico, você pode lidar com o código e obter qualquer personalização com algum esforço de bricolage. Isso, no entanto, requer habilidades de desenvolvimento que você pode não possuir.

Em contraste, um plug-in confiável apresenta uma solução sem código que não requer conhecimento técnico (HTML, CSS personalizado, AJAX, PHP, etc.). Além disso, ele conterá várias configurações para ajudá-lo a criar uma página Minha conta personalizada sem problemas. Por exemplo, você pode:

• Criar e agrupar novos endpoints
• Alterar sua posição na página
• Adicionar conteúdo personalizado
• Configure campos personalizados para os clientes preencherem para fornecer informações adicionais.

Observação: um endpoint é um conteúdo extra mostrado após determinadas condições serem atendidas. Por exemplo, ao se registrar para uma conta de usuário ou fazer um pedido, os endpoints resultantes podem ser informações de senha e nome de usuário ou um link para resumos de pedidos.

Supondo que o plug-in da página Minha conta escolhido seja mantido ativamente e atualizado regularmente, você deve poder confiar nele. Por fim, a maioria dos plugins vem com suporte de seu desenvolvedor, portanto, se você ficar preso, a ajuda deve estar disponível.

Dica profissional: isso nem sempre é o caso. Às vezes, quando você compra um plugin, o desenvolvedor oferece suporte apenas por seis ou doze meses. Quando isso terminar, você terá que pagar mais pelo suporte contínuo.

ISENÇÃO DE RESPONSABILIDADE: Codeable não é afiliado a nenhuma das recomendações de plug-in listadas neste post.

Os principais plug-ins para personalizar sua página de conta do WooCommerce

Se você decidiu que um plugin é o caminho certo, existem algumas opções para escolher. Para ajudar a restringir sua escolha, listamos alguns dos mais populares aqui para sua consideração:

Personalizar minha conta para WooCommerce

Este plug-in permite que você crie facilmente novos endpoints e personalize o design por meio de um editor de front-end ao vivo, o que significa que você pode revisar suas alterações imediatamente.

Você pode adicionar qualquer número de endpoints e conteúdo personalizados. Você também pode classificar as guias Minha conta de acordo com sua prioridade. Você pode até decidir como esses endpoints aparecem para os usuários, incluindo a cor e o estilo de:

• Abas do painel
• Botões
• Links
• Fontes
• Avatares

…e muito mais, tudo para combinar com o estilo do seu site.

Você não precisa de nenhum conhecimento de CSS para personalizar esses itens. Em vez disso, você pode contar com um assistente semelhante ao personalizador do WordPress, permitindo que você faça edições ao vivo em seu site.

O plug-in também permite atribuir acesso de endpoint a funções de usuário específicas e você pode ocultar e desativar guias com apenas um clique. Por exemplo, isso é útil ao fornecer conteúdo específico para determinados clientes. Por exemplo, apresentar pesquisas explicitamente projetadas para clientes recorrentes ou oferecer códigos de desconto para novos titulares de contas. Também vale a pena notar que este plugin também é compatível com WooCommerce Bookings, Subscriptions e Memberships (pela SkyVerge) e inclui um ano inteiro de suporte.

Editor de página da minha conta

O plugin “My Account Page Editor” é semelhante ao plugin acima, embora um pouco mais simples em alguns aspectos. O “Editor de página da minha conta” permite realizar personalizações básicas, como criar e agrupar novos endpoints e designar seus vários atributos, incluindo:

• Título
• O ícone associado
• As funções de usuário para as quais os endpoints devem aparecer
• O tipo de ponto final

Em termos de personalização visual, este plugin é mais limitado. O tipo de exibição do endpoint é herdado automaticamente do estilo padrão do tema. No entanto, você pode editar o texto das barras laterais e das guias personalizadas, a cor do plano de fundo e as cores de foco. Você também pode ativar ou desativar uma foto de perfil.

YITH WooCommerce Personalizar minha página de conta

Como os plugins WooCommerce já discutidos, este permite que você adicione um número ilimitado de itens de menu à sua página 'Minha conta'. No entanto, o plugin foca mais em conteúdo promocional para enriquecer sua estratégia de vendas.

Ele incentiva você a adicionar instruções, cupons, pesquisas, downloads, tutoriais em vídeo, notícias, notificações, promover produtos WooCommerce e muito mais em sua página 'Minha conta'.

Você também pode decidir quais funções de usuário veem quais tipos de conteúdo. Por exemplo, os novos usuários podem receber uma seção de instruções instruindo-os sobre como navegar na página da conta.

Você pode escolher entre algumas posições e layouts diferentes do menu Minha conta, incluindo menus horizontais e verticais. Além disso, você pode personalizar cores, espaçamento e ícones para atender aos seus requisitos de design. Você pode até fornecer avatares padrão para os usuários ou deixá-los enviar seus próprios avatares.

Outros recursos incluem:

• Ser capaz de adicionar Recaptcha aos formulários de registro.
• Bloqueando domínios de e-mail específicos para criar sua própria lista de bloqueio para controlar as contas criadas em sua loja WooCommerce.
• Solicitar aos clientes que verifiquem suas contas com um e-mail de verificação, incluindo um link de confirmação.

Por fim, o personalizador de página da minha conta da YITH também é compatível com o construtor de páginas de arrastar e soltar da Elementor.

Páginas da conta IconicWP WooCommerce

O personalizador de página da minha conta do IconicWP já foi usado por mais de 16.000 empresas WooCommerce. Ele permite adicionar endpoints ilimitados à sua página e personalizá-los com seu próprio conteúdo e configurações, incluindo uma seção de perguntas frequentes, guias do usuário, formulários de contato, cupons e muito mais. Você também pode criar subpáginas ilimitadas a partir de sua página Minha conta e ordenar essas páginas por prioridade. Além disso, cada nova página ou nova guia é vinculada de forma completa e automática, para que você não tenha o incômodo de apontar cada link para o lugar certo na página Minha conta.

Ele foi desenvolvido para velocidade, tradução e vem com suporte especializado do desenvolvedor. O plug-in também é totalmente compatível com o Gutenberg para facilitar a criação de layouts personalizados da página Minha conta. Além disso, é compatível com shortcode, o que significa que você pode usar qualquer construtor de páginas e os links ainda serão renderizados perfeitamente. Sem mencionar que este plugin também funciona com qualquer tema bem codificado.

Por fim, este desenvolvedor não oferece apenas uma única licença de plug-in, mas um pacote de acesso total, incluindo 30 licenças de site e mais de 15 plug-ins criados para ajudá-lo a aumentar as vendas. Dito isso, as marcas criativas podem se sentir um pouco restritas, pois as opções de personalização relacionadas ao design da sua página Minha conta são um pouco limitadas.

WooCommerce My Account Widget do PowerPack

Por último, mas não menos importante, há o WooCommerce My Account Widget do PowerPack. Isso já é usado por mais de 100.000 lojistas. Ele permite que você faça alterações no design geral e na funcionalidade da sua página MyAccount usando o construtor de páginas do Elementor.

Você pode embelezar facilmente sua página Minha conta na guia de estilo ajustando a cor, a tipografia, as fontes e os designs de seus formulários, botões e até tabelas. As guias também podem ser organizadas verticalmente ou horizontalmente, tornando este plugin uma das opções mais flexíveis no que diz respeito ao design.

As opções de estilo de tabela também são mais extensas do que o editor autônomo do Elementor. Com o PowerPack, você pode editar facilmente formulários e tabelas da página Minha conta atualizando o design e o espaçamento dos campos de entrada, rótulos e muito mais. Além disso, você pode estilizar cada linha, coluna ou célula individual com estilos e cores de borda.

Como os plugins mencionados acima, você pode ocultar e desabilitar abas a qualquer momento e decidir quais usuários têm acesso a determinadas áreas. Você pode até estilizar mensagens de erro e notificações para criar uma experiência mais personalizada. Por exemplo, eles podem aparecer na página Minha conta de seus clientes para informá-los de que um formulário requer mais detalhes, as alterações foram feitas com sucesso ou um pedido não foi concluído.

Como usar um plug-in para personalizar sua página de conta do WooCommerce

Embora as etapas exatas sejam diferentes dependendo do plug-in escolhido, a instalação e a ativação do plug-in são essencialmente as mesmas.

Navegue até “ Plugins ” no seu painel do WordPress e clique em “ Adicionar novo ”. Em seguida, procure o nome do plug-in que deseja usar no Diretório. Quando você o encontrar, clique em “ Instalar agora ” e depois em “Ativar agora. ” Ou, se você baixou o arquivo .zip do plugin, vá para Plugins > Adicionar Novo e Carregar Plugin. O plugin agora deve aparecer no seu painel de administração.

Com o plug-in em execução, agora você deve ter várias opções para adicionar, agrupar e reordenar endpoints. Você também deve poder personalizar o design da página Minha conta, atribuir acesso de endpoint a funções de usuário específicas e assim por diante. No entanto, como já dissemos, a extensão dessas funcionalidades depende do plugin escolhido. Outros recursos podem incluir:

• Escolhendo diferentes layouts de página e opções de cores
• Criando seções visíveis apenas para usuários específicos, enquanto permanecem restritas a outros
• Criação de layouts dinâmicos usando galerias de imagens, vídeos, etc.
• Permitindo que os usuários carreguem imagens de perfil como um avatar para a página de suas contas
• Atualizando a funcionalidade dos formulários de registro
• Incluindo banners promocionais e ofertas de produtos

Práticas recomendadas para personalizar sua página Minha conta do WooCommerce

Antes de mergulhar em qualquer projeto, é sempre bom conhecer as armadilhas a serem evitadas. Dito isso, aqui estão algumas práticas recomendadas a serem lembradas ao embarcar na personalização da página "Minha conta".

• Opte por um layout limpo que permita aos usuários navegar facilmente na página 'Minha conta'. Lembre-se, a usabilidade é vital – até 40% dos usuários podem parar de se envolver com um site se seu conteúdo ou layout for ruim.
• Permita que os usuários carreguem um avatar personalizado. Isso é especialmente importante para sites com um elemento social. Afinal, uma foto de perfil é uma forma de autoexpressão que implica que o usuário se preocupa com a forma como é percebido em seu site. Quanto mais eles se sentirem em casa em seu site, maior a probabilidade de se envolverem com sua marca. Dica profissional : combine isso com programas de fidelidade e outros conteúdos sociais para obter o máximo de engajamento na página 'Minha conta'.
• Incentive o envolvimento do cliente e incentive compras repetidas. Aqui estão algumas maneiras de conseguir isso:
  • Colete seus endereços de e-mail para campanhas de marketing por e-mail
  • Adicione uma pequena seção de pesquisa para saber mais sobre a experiência do cliente.
  • Ofereça códigos de desconto por tempo limitado.
• Facilite o contato dos clientes com você se tiverem dúvidas sobre o pedido. Isso, por exemplo, pode ser feito criando um novo endpoint de página de suporte ao cliente.

Pronto para personalizar sua página de conta do WooCommerce?

Usar um plugin é a maneira mais fácil de expandir sua página WooCommerce My Account, melhorando a experiência do usuário e fortalecendo a consistência da marca.

No entanto, um plug-in pode levá-lo apenas até certo ponto, dependendo de suas necessidades. Por exemplo, alguns usuários podem descobrir que os plug-ins não permitem que eles obtenham a aparência e a funcionalidade exatas que eles tinham em mente para a página Minha conta do WooCommerce. Se o seu negócio requer uma abordagem mais personalizada, você pode precisar de trechos de código para personalizar totalmente sua página WooCommerce My Account. Isso pode ser feito por meio de webhooks do WooCommerce ou editando os arquivos de modelo do WooCommerce encontrados na pasta /myAccount.

Essa abordagem definitivamente exigirá conhecimento de codificação e você precisará criar um backup do site. Isso é imperativo porque você precisará substituir os arquivos de modelo para executar este projeto. Se isso soa muito intimidante, você pode dar uma olhada no Codeable e considerar contratar um desenvolvedor WordPress.

Codeable elimina o incômodo e a incerteza de projetos mais complexos. Felizmente, você não precisa perder tempo procurando desenvolvedores confiáveis ​​do WordPress – Codeable agregou uma rede de desenvolvedores experientes para você. Com um sistema seguro de pagamento em caução e garantia de 28 dias, tenha certeza de que obterá os resultados desejados. Todas as taxas são transparentes, então por que não descobrir se personalizar sua página WooCommece My Account com a ajuda de um de nossos desenvolvedores está dentro do seu orçamento?

Publique seu projeto no Codeable gratuitamente hoje mesmo para começar a receber estimativas sem compromisso.