Passar para o conteúdo principal

Como Personalizar Campos do Checkout com Checkout Field Editor

Aprenda a usar o plugin Checkout Field Editor (by ThemeHigh) para editar, adicionar, remover e reorganizar campos do checkout do WooCommerce. Controle obrigatoriedade, validação e aparência para adaptar o formulário às necessidades da loja.

🧭 Quando usar

  • Ao personalizar o checkout do WooCommerce

  • Ao remover campos desnecessários e simplificar a finalização de compra

  • Ao adicionar campos extras (ex.: CPF, data de nascimento, observações, etc.)

  • Ao reorganizar a ordem dos campos do checkout

✅ Pré-requisitos

  • Loja WooCommerce ativa

  • Acesso de administrador ao WordPress

  • Conhecimento básico sobre estrutura de checkout

🛠️ Passo a passo

Passo 1 – Instalar o plugin

  1. No painel do WordPress, vá em Plugins » Adicionar novo.

  2. Pesquise por Checkout Field Editor (ThemeHigh).

  3. Clique em Instalar agora e depois em Ativar.

  4. Após a ativação, o plugin ficará acessível em WooCommerce » Checkout Form.

Passo 2 – Editar campos do checkout

  1. No menu WooCommerce » Checkout Form, visualize todos os campos padrão do checkout (nome, e-mail, telefone, endereço, etc.).

  2. Clique no campo desejado para editar:

    • Label: nome exibido ao cliente

    • Tipo: texto, e-mail, número, seletor, etc.

    • Obrigatório: marque “Required” se o campo for obrigatório

    • Habilitado: marque “Enable” para ativar o campo no checkout

  3. Para remover um campo, clique em Remove.

  4. Para reorganizar a ordem, arraste o campo para a nova posição.

Passo 3 – Adicionar novos campos

  1. Clique em Add Field (Adicionar campo).

  2. Escolha o tipo de campo (texto, seletor, checkbox, data, etc.).

  3. Defina o nome interno, o rótulo (Label) e se ele é obrigatório.

  4. Clique em Salvar alterações.

Passo 4 – Personalizar campos de entrega e adicionais

O plugin possui abas separadas para personalizar diferentes seções do checkout:

  • Billing Fields: campos de cobrança

  • Shipping Fields: campos de entrega

  • Additional Fields: campos adicionais (como “Notas do pedido”)

Você pode:

  • Editar cidade, estado e CEP

  • Adicionar novos campos à seção de entrega

  • Desativar o campo de “Notas adicionais” se não quiser exibi-lo

Passo 5 – Configurações avançadas

  1. Acesse a aba Advanced Settings.

  2. Ative opções como:

    • Substituir rótulos de campos de endereço

    • Ativar placeholders personalizados

  3. Essas opções ajustam a exibição visual do checkout.

  4. O plugin também permite exportar/importar configurações, útil para replicar setups em outras lojas.

🧩 Exemplos práticos

  • Exemplo 1: Adicionar campo “CPF” como obrigatório antes do pagamento.

  • Exemplo 2: Remover campo “Empresa” em uma loja B2C.

  • Exemplo 3: Reorganizar “Telefone” acima de “Endereço” para checkout mais rápido.

🧪 Solução de problemas

  • Erro/Sintoma: Campos desaparecem do checkout.
    ​Causa provável: Campo desabilitado ou conflito de plugin.
    ​Como resolver: Reative o campo ou desative temporariamente outros plugins de checkout.

  • Erro/Sintoma: Validação incorreta em e-mail ou telefone.
    ​Causa provável: Tipo de campo incorreto.
    ​Como resolver: Edite o tipo do campo para “E-mail” ou “Telefone”.

  • Erro/Sintoma: Checkout não avança após edição.
    ​Causa provável: Campo obrigatório vazio.
    ​Como resolver: Revise os campos “Required” e teste novamente.

🔎 Referências e links úteis

🗂️ Metadados

  • Categoria: Checkout e Personalização

  • Subcategoria: Campos personalizados

  • Tags: WooCommerce, checkout, plugin, campos, personalização, CPF, formulário

  • Nível: básico

  • Atualizado em: 2025-11-09

Artigos relacionados
Respondeu à sua pergunta?