Como editar e personalizar a página da minha conta do WooCommerce (guia passo a passo)

Publicados: 2022-07-07

A “página Minha conta” é um elemento crucial em um site de comércio eletrônico. Esta página é responsável por fechar o negócio e criar uma base de clientes fiéis. Se você está tentando aumentar as conversões da sua loja WooCommerce, deve saber como editar a página Minha conta do WooCommerce. Isso pode ser feito editando o código ou usando um plugin.

Neste artigo, mostraremos principalmente como editar a página Minha conta com ' Editor de página da minha conta ', além de sugerir alguns plugins de personalização populares para a página Minha conta do WooCommerce.

Por que você pode precisar editar minha página de conta do WooCommerce

Existem vários motivos pelos quais você pode precisar editar a página da conta do WooCommerce. Por exemplo, você pode adicionar campos personalizados ao formulário de registro ou alterar a ordem padrão dos campos.

Além disso, você pode adicionar conteúdo personalizado à página Minha conta, como uma mensagem de boas-vindas ou instruções para usar seu site.

Como editar e personalizar a página da minha conta do WooCommerce (2-métodos fáceis)

editar página da conta WooCommerce

Hoje mostraremos 2 maneiras diferentes de editar sua página WooCommerce My Account-

  • Method1: Editando a página da minha conta com plug-in
  • Método 2: Personalizando a página Minha conta com um código

Método 1: Editando minha página de conta com plug-in

Existem várias maneiras de editar e personalizar sua página Minha conta do WooCommerce. A maneira mais fácil é editá-lo com o My Account Page Editor for WooCommerce. Mostraremos o processo passo a passo completo de como fazer isso aqui com um plug-in.

Antes de prosseguirmos com o processo, você deve saber que este editor para a página Minha conta do WooCommerce permite que o usuário personalize a conta e adicione novos terminais personalizados para visualizar qualquer informação adicional na página minha conta do WooCommerce.

Vamos começar do zero-

Etapa 1: Instalando o plug-in 'Editor de página da minha conta'

Faça login na sua conta WooCommerce e baixe o arquivo .zip. Em seguida, vá para o administrador do WordPress > Plugins > Adicionar novo. Carregue o arquivo de plug-in que você acabou de baixar e clique em Instalar agora . Por fim, ative a extensão.

Etapa 2: Definindo as configurações da página Minha conta

Editor de página da minha conta para WooCommerce

Assim que você ativar o plugin, imediatamente um novo menu aparecerá no painel de administração do WordPress com a tag ' My Account Page Editor '

Clicar na guia Todos os endpoints o levará à página onde você pode visualizar todos os endpoints personalizados que você criou usando este plug-in.

Etapa 3: adicionar novos endpoints

adicionando endpoints no WooCommerece

Para a página Minha conta, crie um novo item/guia de menu clicando em Adicionar novo terminal. Você pode especificar os seguintes detalhes ao criar um novo endpoint:

  • Atribuir um título de ponto de extremidade
  • Inclua um Slug de Menu exclusivo
  • Selecione no ícone disponível
  • Restringir por funções de usuário (deixe em branco para aplicar a todos os clientes)
  • Escolha o tipo de endpoint
  • Definir conteúdo personalizado usando o editor
adicionar endpoints de página de conta do woocommerce

Etapa 4: adicionar endpoint no formulário de grupo

Depois de escolher a opção de endpoint agrupado, dois campos adicionais aparecerão:

  • Selecione os endpoints personalizados para mostrar como confiáveis
  • Selecione os endpoints padrão para mostrar como confiáveis

O endpoint confiável é listado nesse endpoint de grupo após ser removido automaticamente do menu da minha conta.

O que você pode personalizar nas configurações gerais

Você poderá personalizar:

  • Tipo de exibição de endpoint
    • Estilo do tema (herda o estilo padrão do tema. Os pontos de extremidade do grupo não são compatíveis)
    • Barra Lateral Esquerda (Substitui o menu pelo estilo personalizado do plugin)
    • Barra Lateral Direita (Substitui o menu pelo estilo personalizado do plugin)
    • Abas (substitui o menu pelo estilo personalizado do plugin)
  • Adicionar texto, plano de fundo e cor de foco
  • Opção para ocultar endpoints padrão
  • Ativar/desativar a foto do perfil
  • Reordenar endpoints

Método 2: Personalizando a página Minha conta com um código

A página Minhas contas é construída com um código de acesso, o que significa que pode ser personalizada usando código. Para fazer isso, você precisará editar o arquivo functions.php do seu tema. Se você não se sentir à vontade para editar o código, recomendamos fazer backup do seu site antes de continuar.

Depois de fazer o backup do seu site, abra o arquivo functions.php do seu tema em um editor de texto como o Bloco de Notas ou o TextEdit. Em seguida, adicione o seguinte código na parte inferior do arquivo:

add_filter( 'woocommerce_my_account_menu_items', 'bbloomer_remove_my_account_links' ); function bbloomer_remove_my_account_links( $menu_links ){ unset( $menu_links['dashboard'] ); // Remove o link do Dashboard unset( $menu_links['payment-methods'] );

Plugins alternativos para editar e personalizar a página da minha conta do WooCommerce

woocommerce página da minha conta

Você pode não gostar de codificação ou provavelmente não é uma pessoa muito técnica. É quando você gostaria de utilizar os plugins WooCommerce mencionados abaixo que abrem a porta para a personalização completa da sua página WooCommerce My Account sem precisar que você a personalize programaticamente.

1. WooCommerce – Personalizar minha conta para WooCommerce

WooCommerce Personalizar minha conta para WooCommerce

Diga adeus ao incômodo de ter que criar páginas personalizadas do WordPress ou adicionar endpoints de maneira confusa. Este plug-in permite adicionar endpoints personalizados de Minha conta (guias) por meio de um personalizador ao vivo com um poderoso painel de personalização. Um dos melhores recursos deste plugin é a capacidade de agrupar endpoints para criar uma guia e, em seguida, adicionar guias como subpáginas que se destinam à página pai. Adicionar um CSS personalizado a ele é tão fácil quanto o ABC.

Preço: $ 49 (cobrado anualmente)

2. Codecanyon – Páginas de minha conta personalizadas do WooCommerce

Páginas personalizadas da minha conta do Codecanyon WooCommerce

Este plugin econômico permite que você crie fácil e rapidamente uma página minha conta bonita, limpa e confortável no WooCommerce. A capacidade de personalizar totalmente a aparência das páginas de sua própria conta, adicionando recursos interessantes, como três layouts diferentes, cor de fundo e texto personalizado, torna este plug-in adequado para qualquer tema. Este plugin permite que você crie uma única página para Minha conta. Você pode escolher entre três layouts diferentes e reconstruir completamente sua página WooCommerce My Account com as opções de CSS personalizadas fornecidas no plug-in.

Preço: $ 34 (Licença Regular)

3. IconicWP – Páginas da conta WooCommerce

Páginas da conta IconicWP WooCommerce

O plugin funciona mais como uma funcionalidade adicionada do que como um plugin instalado no WooCommerce. Não precisa se preocupar em adicionar um link com guias à página Minha conta, pois o plug-in IconicWP se integra perfeitamente ao WooCommerce e adiciona um número ilimitado de guias à página Minha conta do WooCommerce, permitindo que qualquer página adicionada seja mostrada como um link com guias. Você vai adorar se quiser adicionar várias páginas 'Minha conta' ao seu site. Além disso, para clientes que precisam de guias e links diferentes para a página da conta. Ele tem tudo o que você precisa para criar todas as páginas Minha Conta que você precisa.

Preço: $ 49 por ano para um único site

4. YITH – WooCommerce Personalizar minha página de conta

YITH WooCommerce Personalizar minha página de conta

A página YITH WooCommerce Customize My Account permite que você altere o conteúdo padrão e exiba o que seus clientes precisam na página WooCommerce My Account. Essa é uma ótima maneira de personalizar a página da sua conta sem a necessidade de modificar nenhum arquivo ou mesmo código. Usando essa extensão, você pode personalizar facilmente o que é exibido nas contas de seus clientes, de acordo com sua função, ou simplesmente ocultar algumas seções que não deseja exibir. Você também pode editar o e-mail que será enviado após o login.

Preço: $ 59,99/ano

Leia também: Como personalizar a página do produto WooCommerce em 3 etapas fáceis

Benefícios de personalizar a página Minha conta do WooCommerce

Guia de envio de produtos de front-end WooCommerce

Hoje, muitos sites pessoais não são suficientes. As pessoas querem algo mais e é aí que a personalização é útil para sites pessoais. A personalização é importante para ajudá-lo a destacar o que torna seu negócio ou site especial e isso não se limita apenas ao logotipo ou esquema de cores do texto. Embora existam algumas maneiras fáceis de configurar um perfil de conta personalizado, às vezes isso pode ficar fora de controle, especialmente se você precisar de mais do que as soluções mais simples fornecem.

Você pode querer verificar se valerá a pena dedicar mais tempo para adicionar algumas linhas de código que fornecem mais funcionalidades, além de permitir que os usuários escolham exatamente como desejam que sua presença online seja exibida em vez de serem limitados por outras restrições de plataforma antes de escolher uma solução de prateleira.

Aqui estão alguns dos principais benefícios que você obtém ao personalizar sua página Minha conta do WooCommerce:

  • Devoluções de produtos minimizadas: adicionar materiais de instrução e/ou especificações em suas listagens de produtos para aumentar a confiança do comprador resultará em uma melhor experiência do cliente e menos devoluções.
  • Maior fidelidade do cliente: Personalizar a página Minha Conta pode ser uma grande ajuda para facilitar a vida do cliente, colocando todas as suas informações em um local fácil de encontrar, sem a necessidade de solicitar atendimento ao cliente. A página também oferece a eles um lugar onde eles podem encontrar descontos exclusivos por serem seus clientes fiéis.
  • Retenção máxima de clientes: você pode oferecer cupons e descontos em sua página Minha conta, o que fará com que os clientes voltem ao site para ver novas vendas e ofertas. Eles também verificarão periodicamente novas vendas e ofertas.
  • Redução de reclamações/consultas de clientes: Quase 67% das pessoas preferem opções de autoatendimento em vez de ligar para o atendimento ao cliente. Para incentivar o uso do autoatendimento, forneça guias de usuário sob demanda e acesso a uma ampla variedade de produtos com perguntas e respostas a mais consultas.

Agora que você sabe como personalizar a página Minha conta pode melhorar muito a sua experiência e a de seu cliente – aqui estão os plugins que você pode instalar para levar sua loja para o próximo nível.

Relacionado: Benefícios e guia para adicionar a tabela de produtos WooCommerce

Edite e personalize a página da minha conta do WooCommerce da maneira que melhor se adapta ao seu negócio

Se você estava procurando maneiras de melhorar sua página WooCommerce My Account, esperamos que tenha gostado deste post. Aqui tentamos demonstrar aos usuários do WooCommerce como eles podem personalizar facilmente a página da conta com a ajuda de um plugin.

Como você pode imaginar agora, antes de decidir editar ou personalizar qualquer coisa, a primeira coisa que você precisa fazer é entender a página padrão Minha Conta do WooCommerce.

Agora você sabe que existem basicamente duas maneiras de personalizar a página da conta do WooCommerce. A primeira maneira é usando um plugin e a segunda é editando o código.

Se você não é um desenvolvedor, recomendamos que você use um plug-in para editar ou personalizar a página da conta. Existem vários plugins disponíveis que permitem personalizar a página da conta. Já mencionamos alguns populares neste post para sua conveniência.

Um dos plugins mais populares é o plugin WooCommerce Custom My Account Page . Ele permite que você personalize facilmente a página da sua conta sem precisar ter nenhum conhecimento de codificação.

Se você é um desenvolvedor, pode personalizar a página da minha conta do WooCommerce editando o código você mesmo. No entanto, só recomendamos isso para desenvolvedores que estão familiarizados com o código.

Isso é tudo o que há para isso! Esperamos que este artigo tenha ajudado você a aprender como editar e personalizar a página da minha conta do WooCommerce da maneira que ela atende às suas necessidades de negócios.

Se você gosta de ler, talvez queira assinar nossos boletins informativos para receber conteúdo moderno e interessante diretamente na sua caixa de entrada.