Como personalizar WooCommerce com Checkout Field Editor

WooCommerce é a principal forma de vender produtos físicos e digitais em um site WordPress. O sistema vem com muitas funcionalidades e recursos prontos para uso. No entanto, sempre há espaço para mais. Você tem a capacidade de agilizar e personalizar sua área de checkout usando um editor de campo de checkout.

O que é a página de checkout do WooCommerce?

A página de checkout do WooCommerce é onde você finaliza a compra e paga pelos seus itens quando está em uma loja WooCommerce. Diferentes páginas de formulário de checkout têm layouts diferentes.

A maioria deles leva as informações básicas (nome, endereço, telefone, etc), mas também existe uma maneira de personalizar seu WooCommerce página de checkout e faça exatamente o que você deseja.

Para isso, você precisa usar um plugin simples que o ajude a colocar tudo em funcionamento. Vamos dar uma olhada no plugin juntos e ver tudo o que ele tem a oferecer.

Ler:  Como corrigir o erro 99 da Canon?

Editor de campo de checkout (Checkout Manager) para WooCommerce

Editor de campo de checkout (Checkout Manager) para WooCommerce oferece uma maneira de personalizar facilmente uma página de checkout do WooCommerce, permitindo adicionar, editar, excluir e alterar a ordem de exibição dos campos em uma página de checkout.

O plugin é leve, mas vem com todos os tipos de recursos. Alguns dos principais incluem:

  • Adicionar novos campos personalizados
  • Editar campos
  • Exibir página de detalhes e e-mail
  • Remover campos
  • Habilitar/Desabilitar Campos
  • Alterar ordem dos campos de checkout
  • Redefinir para o conjunto de campos padrão

Ele também vem com vários tipos de campos disponíveis, incluindo:

  • Entrada de texto
  • Senha
  • E-mail
  • Telefone
  • Selecione
  • Área de texto
  • Rádio

O resultado final é que o plugin Checkout Filed Editor oferece tudo que você precisa e muito mais para personalizar sua página de checkout do WordPress WooCommerce.

Personalize a página de checkout do WooCommerce

Vamos mergulhar no plug-in e ver o que precisamos fazer para colocá-lo em funcionamento e no lugar. Siga as etapas abaixo e você terá uma página de checkout personalizada em pouco tempo.

Nota: O restante do tutorial pressupõe que você tenha o WooCommerce instalado e configurado. Existe também uma versão profissional deste plugin que oferece ainda mais recursos. Sinta-se à vontade para investigar isso se achar que é algo que deseja. As etapas abaixo são baseadas na versão gratuita.

Etapa 1: instalar e ativar o plug-in

Para começar a usar o plugin Checkout Field Editor, primeiro você precisa instalá-lo e ativá-lo. Você pode fazer isso acessando a página Plugins no painel de administração do WordPress.

Ler:  6 maneiras de fortalecer sua loja WooCommerce

Basta usar o campo de pesquisa para pesquisar o plugin por nome. Assim que aparecer, instale-o diretamente de lá.

Etapa 2: acesse a página principal de configurações

Agora que o plugin foi instalado e ativado, é hora de acessar a página principal de configurações e configurações.

Para fazer isso, clique em WooCommerce > Formulário de Checkout, localizado na área do menu lateral esquerdo do seu painel. Você pode ver que esta agora é uma opção disponível após ativar o plugin.

Etapa 3: explorar opções

Neste ponto, você está na página principal de configurações do plugin Checkout Field Editor. Você verá duas guias principais chamadas “Campos de checkout” e “Configurações avançadas”. Abaixo disso, você verá três opções de sublinks para campos de faturamento, campos de envio e campos adicionais.

Você também pode ver todos os campos que estão lá atualmente. Vá em frente e veja o que está disponível. Você pode arrastar e soltar os campos na ordem que desejar.

Para ativar, desativar ou remover um campo, basta clicar nos botões relevantes na parte superior da página.

Você pode clicar em todas as configurações e criar campos personalizados em todas as áreas da página de checkout do WooCommerce.

Etapa 4: adicionar um campo ao formulário de checkout

Adicionar um campo é muito fácil. Não importa em qual link você esteja, basta clicar no botão “Adicionar campo” na parte superior da página.

Uma caixa pop-up aparecerá com vários campos em branco. Você precisa adicionar nos campos o que deseja no campo personalizado.

Ler:  Como coletar endereços de e-mail para marketing por e-mail

Depois de adicionar todas as informações relevantes necessárias, clique no botão “Salvar” para salvar o novo campo personalizado. Ele será automaticamente colocado na lista de campos e você poderá arrastá-lo diretamente para a ordem desejada.

Lembre-se de que este é o mesmo processo para faturamento, envio e campos adicionais.

Etapa 5: observe as configurações avançadas

Uma última coisa que você deseja fazer antes de terminar é clicar na guia “Configurações avançadas” e dar uma olhada nelas.

Vá em frente e faça aqui as alterações que achar adequadas para o seu site.

É isso! Está tudo pronto e esses campos agora exibirão uma página de checkout do WooCommerce.

Outras perguntas respondidas

Aqui estão algumas outras perguntas e situações que você pode encontrar ao usar o plugin Checkout Field Editor. Esperançosamente, essas respostas fornecerão todas as informações necessárias para executar o plug-in sem problemas em seu site WooCommerce.

Como modifico as propriedades de estilo dos arquivos criados?

O plugin fornece um recurso, Classe, para modificar as propriedades de estilo dos campos. Este é um processo de três etapas.

  1. Defina uma classe no CSS Adicional (Aparência >> Personalizar >> CSS Adicional).
  2. Insira o nome da turma criada no campo Classe do pop-up Adicionar/Editar
  3. Salve as alterações

O estilo definido na classe será aplicado aos campos padrão e personalizados para os quais esta classe está incluída.

Posso aplicar preço aos campos criados com este plugin?

Bem, você pode, mas precisa estar executando a versão pro do plugin para fazer isso. A versão gratuita não suporta isso.

Ler:  Como criar um grupo e enviar e-mails em massa no Gmail

Posso voltar às configurações padrão do WooCommerce?

Sim, existe um botão chamado “redefinir para os campos padrão” para voltar aos padrões do WooCommerce. Você pode usar isso a qualquer momento que desejar voltar.

Também posso exibir campos personalizados na página da minha conta?

Com o plugin gratuito, os campos podem ser exibidos e editados apenas na página Checkout. A atualização para a versão premium permite exibir os campos na página Checkout, na página Minha conta e no perfil do usuário. O valor uma vez inserido pelo usuário será salvo para que o usuário não precise inserir o valor todas as vezes enquanto estiver fazendo o pedido.

Pensamentos finais

Se você estiver executando o WooCommerce em seu site, isso significa que você poderá vender produtos físicos e digitais diretamente em seu site. Embora o plugin WooCommerce venha bem equipado e forneça tudo que você precisa para começar a vender, sempre há modificações e personalizações que você pode adicionar.

Nesse caso, usar o plug-in Checkout Field Editor permitirá que você adicione facilmente todos os tipos de campos personalizados à sua página de checkout do WooCommerce.

Espero que este artigo tenha mostrado como é fácil adicionar campos a uma página de checkout usando um plugin. Depois de conhecer e compreender o processo, você pode começar a adicionar quantos campos desejar.

Você já tentou usar este plugin antes? Você prefere adicionar campos personalizados de uma maneira diferente?

Novas publicações:

Recomendação