Minha conta no WooCommerce - Configurações, Shortcode e campos personalizados

Publicados: 2018-08-06

Neste guia rápido, mostrarei como definir a página Minha conta no WooCommerce usando configurações integradas e um código de acesso. Você também verá como adicionar campos personalizados à página no WooCommerce. Você pode pensar que é difícil de fazer. Sem problemas! Com um plug-in dedicado e gratuito, você personalizará a página WooCommerce My Account rapidamente!

Hoje você verá como configurar a página Minha conta, usar o shortcode [woocommerce_my_account] e personalizar a página com campos personalizados do formulário de checkout WooCommerce com um plug-in GRATUITO . Vamos começar!

Índice

  • Página de minha conta do WooCommerce - configurações e código de acesso
  • Personalize a página Minha conta do WooCommerce - introdução rápida
  • Etapas para adicionar campos personalizados à página Minha conta
  • Personalize a página de checkout do WooCommerce
  • Resumo e mais

WooCommerce Minha página de conta

A página Minha conta no WooCommerce foi projetada para clientes com dados sobre suas contas e pedidos.

Mostrarei as configurações e como usar o shortcode [woocommerce_my_account] (sem espaço) para configurar minha conta no WooCommerce. Em seguida, mostrarei como adicionar campos personalizados à página com um plug-in gratuito.

Mas vamos primeiro olhar para a página que seus clientes veem.

Minha seção de conta por padrão

Vamos começar com uma rápida olhada na seção Minha conta.

Por padrão, esta parte da sua loja WooCommerce é assim:

woocommerce minha conta
Painel da minha conta do WooCommerce

Quando os clientes clicam no link Endereços, eles podem ver todos os valores dos campos de endereço padrão:

endereços woocommerce minha conta
Minha conta: Endereços

Não há nada mágico aqui agora, mas este é o lugar onde você deseja colocar os campos personalizados WooCommerce My Account. Vá para o exemplo →

Como usar [woocommerce_my_account] para adicionar minha conta no WooCommerce

Você pode usar o shortcode [woocommerce_my_account] (sem espaço) para criar a página Minha conta no WooCommerce. Essa é uma opção padrão do WooCommerce que permite que seus clientes verifiquem seus pedidos e detalhes da conta.

Adicione o shortcode [ woocommerce_my_account ] a uma de suas páginas:

Código de atalho da minha conta WooCommerce
Adicionando o shortcode woocommerce_my_account

O WooCommerce usará a página como Minha conta.

Se você adicionar o shortcode a uma postagem de blog ou a uma página diferente, o WooCommerce também gerará a seção Minha conta!

Configurações da página Minha conta

Agora, vamos ver as configurações básicas e opções adicionais que você pode usar para personalizar Minha conta no WooCommerce.

Contas e privacidade

Vá para WooCommerce → Configurações → Contas e privacidade para decidir sobre contas de clientes no WooCommerce.

Por exemplo, você pode optar por permitir que seus clientes criem contas durante a finalização da compra ou permitir pedidos para convidados.

WooCommerce personaliza a página da minha conta
Configurações de checkout de convidado no WooCommerce

Configurações avançadas

Vá para WooCommerce → Configurações → Avançado → Configuração da página para escolher a página para Minha conta e pontos de extremidade da conta. Eles são adicionados ao URL de uma parte específica da página Minha conta.

WooCommerce personaliza a página da minha conta
Vá para a guia Avançado para configuração da página

Minha conta Configurações do WooCommerce
Os endpoints de checkout podem ser encontrados abaixo da configuração da página na guia Avançado

Personalize a página Minha conta do WooCommerce - Introdução

Digamos que você queira adicionar um campo à seção Endereço de entrega. Criei um campo personalizado exemplar com Campos de Checkout Flexível - um plugin gratuito do WordPress para gerenciar os campos de checkout do WooCommerce.

Personalize o plug-in WooCommerce My Account

Personalize a página WooCommerce My Account usando configurações, campos personalizados e o plug-in! Personalize o formulário de checkout do WooCommerce facilmente!

Download de graça ou Acesse WordPress.org
Mais de 80.000 instalações ativas
Última atualização: 2023-03-13
Funciona com WooCommerce 7.1 - 7.6.x

Eu o nomeei Algum campo de texto de linha única:

exemplo de personalização da minha conta WooCommerce
Personalize a página WooCommerce My Account com um campo de texto

Claro, pode ter um nome mais interessante. Você pode nomear como quiser. Tudo depende das suas necessidades. Isso sou eu, algum texto é um valor deste campo.

Um cliente pode editar o valor do campo. Foi aí que forneci o valor Sou eu, algum texto :) pela primeira vez. Pouco antes de fazer uma captura de tela anterior.

Configurações de campo personalizado em Minha conta
Minha conta: configurações personalizadas

Quando você adiciona um campo personalizado à sua loja, ele também aparecerá no checkout:

Campo personalizado no checkout
Personalize a página WooCommerce My Account: exemplo de como você pode personalizá-la

Se um cliente forneceu um valor antes, haverá um valor no campo. Um campo salva seu valor no banco de dados. Em seguida, um cliente pode alterar um valor em Minha Conta ou ao fazer um pedido em outro momento.

Campos personalizados da minha conta no WooCommerce - exemplos

‼️Quero te mostrar outros exemplos. Confira o botão de rádio:

Botão de rádio exemplar no checkout
Minha conta WooCommerce: personalize-o com botões de opção

️Ele também funciona como um dos campos personalizados da minha conta do WooCommerce! Isso significa que um cliente pode vê-lo na seção Minha conta:

Botão de rádio da minha conta
Botão de opção exemplar em WooCommerce My Account

O plug-in, que mostrarei a seguir, permite criar cerca de 10 tipos de campos personalizados .

Além disso, você poderá definir o estilo CSS para os campos da sua loja.

Adicionar campos personalizados à minha conta no WooCommerce

  1. Obtenha campos de checkout flexíveis

    Usarei o plug-in gratuito para personalizar o checkout do WooCommerce para adicionar campos que aparecerão na página Minha conta.

    Baixe o plug-in →

  2. Ative e defina o plug-in

    Você pode instalar e ativar este plugin em WordPress → Plugins . Então, você pode configurá-lo.

    ️ Para fazer isso, vá para WooCommerce → Checkout Fields no menu do WordPress.

    Você encontrará a tela de configurações. Por padrão, é a seção Cobrança. Você pode alterar a seção que está editando escolhendo a guia certa na parte superior da tela.

    Aqui você pode ver a seção de envio:

    minha conta woocommerce
    Plug-in WooCommerce My Account: adicione um novo campo personalizado com campos de check-out flexíveis
  3. Adicionar um campo personalizado a Minha conta

    Marquei a caixa Adicionar novo campo na captura de tela. Use-o para adicionar um novo campo personalizado.

    Selecione o tipo de campo e forneça um rótulo . Você pode alterar o rótulo mais tarde.

    Há também um Nome . Você não precisa mudar nada aqui. É o nome do campo no banco de dados. Os desenvolvedores usam essa opção se precisarem dela para seus projetos.

    Campos personalizados da minha conta WooCommerce: Exibir nas configurações
    Personalize a página WooCommerce My Account - Escolha onde exibir o novo campo personalizado
  4. Mostrar o campo em Minha conta

    ️ Depois de adicionar um campo, você pode alterar as configurações de Display On . Por padrão, o plug-in marca todas as páginas.

    Dessa forma, todos os campos que você criar com este plug-in aparecerão em Minha conta. Como você pode ver, você pode controlar onde exatamente um campo deve aparecer. Você pode optar por exibir campos na página de agradecimento, endereço e/ou seção de pedido da página Minha conta ou e-mails:

    personalização do plug-in da minha conta woocommerce
    Pedidos no WooCommerce Minha conta
  5. O novo campo em Minha conta

    Isso é tudo. Você não precisa fazer mais nada. Simplesmente funciona!

    exemplo de WooCommerce personalização da minha conta
    Minha conta com um campo de texto

Personalize o check-out com campos de check-out flexíveis

Você pode usar o plug-in para adicionar campos personalizados à Minha conta. No entanto, isso não é tudo!

Você também pode:

  • adicione facilmente 12 tipos de campos personalizados ao checkout na versão gratuita do plugin
  • adicione facilmente 22 tipos de campos personalizados ao checkout na versão PRO do plugin
  • editar ou ocultar os padrões,
  • reorganize os campos existentes no checkout.

Mais de 80.000 lojas usam este plugin diariamente em todo o mundo.

Além do mais, este plugin tem uma classificação de 4,6 de 5 estrelas .

Você pode baixar este plug-in gratuitamente, mas precisa do Flexible Checkout Fields PRO para alguns dos campos.

Com a versão gratuita você pode adicionar:

  • Texto de Linha Única
  • Texto do Parágrafo
  • área de texto
  • Número
  • E-mail
  • Telefone
  • URL
  • Caixa de seleção
  • Cor
  • Título
  • Imagem
  • HTML

Assista a este vídeo para conhecer o que o plugin pode te oferecer na versão gratuita:

O Flexible Checkout Fields PRO permite criar muitos outros tipos de campo:

  • Caixa de seleção múltipla
  • Botao de radio
  • Selecione (menu suspenso)
  • Seleção múltipla
  • Botão de rádio com imagens
  • Data
  • Botão de rádio com cores
  • Tempo
  • Seletor de cores
  • Data
  • Carregar arquivo
  • Escondido
Mesmo que você precise de alguns campos do PRO, você pode conferir gratuitamente antes de comprar! Basta baixar o plugin clicando no botão Download acima:

Personalize o plug-in WooCommerce My Account

Personalize a página WooCommerce My Account usando configurações, campos personalizados e o plug-in! Personalize o formulário de checkout do WooCommerce facilmente!

Download de graça ou Acesse WordPress.org
Mais de 80.000 instalações ativas
Última atualização: 2023-03-13
Funciona com WooCommerce 7.1 - 7.6.x

Resumo e mais

Você aprendeu como adicionar campos personalizados a Minha conta. No entanto, o plugin tem muito mais a oferecer. Primeiro, permite criar cerca de 20 tipos de campos. Você também pode usar recursos como lógica condicional, etc. Confira a caixa Artigos relacionados para obter mais guias.

Se você gosta mais de tutoriais em vídeo, criamos esta lista de reprodução do Youtube para você, onde você pode ver todos os guias em vídeo relacionados ao plug-in Campos de check-out flexíveis.

Estamos procurando o seu feedback! Este guia ajudou você? Nosso plugin é útil para você? Deixe-nos saber na seção de comentários abaixo.