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

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 de sua loja WooCommerce, deve saber como editar a página Minha conta WooCommerce. Isso pode ser feito editando o código ou usando um plug-in.

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

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

Existem vários motivos pelos quais você pode precisar editar a página da conta WooCommerce. Por exemplo, você pode querer 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)

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

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

Método 1: Editar a página Minha conta com plug-in

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

Antes de prosseguirmos com o processo, você deve saber que este editor para WooCommerce My Account Page permite que o usuário personalize a conta e adicione novos pontos de extremidade personalizados para visualizar qualquer informação adicionada na página WooCommerce my account.

Vamos começar do zero-

Passo 1: Instalando o plugin 'My Account Page Editor'

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

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

Assim que você ativar o plug-in, um novo menu aparecerá no painel de administração do WordPress com a tag ' Editor de página da minha conta '

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.

Passo 3: Adicionando Novos Endpoints

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

• Atribuir um título de Endpoint
• Incluir 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 terminal
• Definir conteúdo personalizado usando o editor

Passo 4: Adicionando 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 terminal confiável é listado neste terminal 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 do endpoint
  • Estilo do tema (herda o estilo padrão do tema. Os endpoints do grupo não são compatíveis)
  • Barra lateral esquerda (substitui o menu pelo estilo personalizado do plug-in)
  • Barra lateral direita (substitui o menu pelo estilo personalizado do plug-in)
  • Guias (Substitui o menu pelo estilo personalizado do plug-in)
• Adicione texto, plano de fundo e cor de foco
• Opção para ocultar endpoints padrão
• Ativar/desativar foto de perfil
• Reordenar endpoints

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

A página Minhas contas é construída com um shortcode, 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 confortável editando 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 Notepad 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 Painel unset( $menu_links['payment-methods'] );

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

Você pode não gostar de codificar ou provavelmente não é uma pessoa muito técnica. É quando você gostaria de utilizar os plug-ins WooCommerce mencionados abaixo, que abrem a porta para a personalização completa de sua página WooCommerce My Account, sem a necessidade de personalizá-la programaticamente.

1. 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 pontos de extremidade personalizados de Minha conta (guias) por meio de um personalizador ao vivo com um poderoso painel de personalização. Um dos melhores recursos deste plug-in é a capacidade de agrupar pontos de extremidade para criar uma guia e, em seguida, adicionar guias como subpáginas destinadas à página pai. Adicionar um CSS personalizado a ele é tão fácil quanto o ABC.

Preço de: $ 49 (cobrado anualmente)

2. Codecanyon – WooCommerce Custom My Account Pages

Este plug-in econômico permite que você crie de maneira fácil e rápida uma página de 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 plug-in 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 CSS personalizadas fornecidas no plug-in.

Preço: $ 34 (licença regular)

3. IconicWP – Páginas da conta WooCommerce

O plug-in funciona mais como uma funcionalidade adicional do que como um plug-in instalado no WooCommerce. Não há necessidade de 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 exibida 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 de sua conta. Ele tem tudo o que você precisa para criar todas as páginas de Minha conta de que precisa.

Preço de: $ 49 anualmente para um único site

4. YITH – WooCommerce Personalize a página da minha conta

A página Personalizar minha conta do YITH WooCommerce permite que você altere o conteúdo padrão e exiba o que seus clientes precisam na página Minha conta do WooCommerce. Essa é uma ótima maneira de personalizar a página da sua conta sem precisar modificar nenhum arquivo ou código. Usando esta extensão, você pode personalizar facilmente o que é exibido nas contas de seus clientes, de acordo com a função deles, 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 de: $ 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

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 sua empresa 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 pode ficar fora de controle, especialmente se você precisar de mais do que as soluções mais simples fornecem.

Você pode querer verificar se vale a pena dedicar mais tempo para adicionar algumas linhas de código que fornecem mais funcionalidade, bem como 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:

• Retornos de produtos minimizados: adicionar materiais instrutivos e/ou especificações em suas listas de produtos para aumentar a confiança do comprador levará a uma melhor experiência do cliente e menos devoluções.
• Maior fidelização 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 local onde 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 farão check-in periodicamente para novas vendas e ofertas.
• Redução de reclamações/consultas de clientes: quase 67% das pessoas preferem opções de autoatendimento a ligar para o atendimento ao cliente. Para incentivar o uso do autoatendimento, forneça guias do usuário sob demanda e acesso a uma ampla variedade de produtos com perguntas e respostas para mais consultas.

Agora que você sabe como a personalização da página Minha conta pode melhorar muito a sua experiência e a de seus clientes, aqui estão os plug-ins que você pode instalar para levar sua loja ao próximo nível.

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

Edite e personalize a página 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 de sua conta com a ajuda de um plug-in.

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 WooCommerce My Account.

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

Se você não for um desenvolvedor, recomendamos que use um plug-in para editar ou personalizar a página da conta. Existem vários plug-ins 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 por conta própria. No entanto, recomendamos isso apenas para desenvolvedores que se sintam confortáveis ​​com o código.

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

Se você gosta de ler, talvez queira se inscrever em nossos boletins para obter conteúdo moderno e interessante diretamente em sua caixa de entrada.