Minha conta no WooCommerce - Configurações, Shortcode e campos personalizados
Publicados: 2018-08-06Neste 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:
Quando os clientes clicam no link Endereços, eles podem ver todos os valores dos campos de endereço padrão:
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:
O WooCommerce usará a página como 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.
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.
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.orgEu o nomeei Algum campo de texto de linha única:
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.
Quando você adiciona um campo personalizado à sua loja, ele também aparecerá no checkout:
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:
️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:
O plug-in, que mostrarei a seguir, permite criar cerca de 10 tipos de campos personalizados .
Adicionar campos personalizados à minha conta no WooCommerce
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 →
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:
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.
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:
O novo campo em Minha conta
Isso é tudo. Você não precisa fazer mais nada. Simplesmente funciona!
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 .
Com a versão gratuita você pode adicionar:
- Texto de Linha Única
- Texto do Parágrafo
- área de texto
- Número
- 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
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.orgResumo 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.
Estamos procurando o seu feedback! Este guia ajudou você? Nosso plugin é útil para você? Deixe-nos saber na seção de comentários abaixo.