A página de checkout do WooCommerce é simples por padrão. Funciona na maioria dos casos. No entanto, pode ser necessário reorganizar os campos, ocultar alguns deles ou adicionar campos personalizados. Neste artigo, vou mostrar como fazer isso.
Página de checkout padrão do WooCommerce
Vamos começar do começo. Esta é a aparência da página de checkout padrão:
Possui todos os campos que você pode precisar para produtos físicos padrão.
No entanto, você não precisa de campos de endereço se vender produtos digitais. Você gostaria de escondê-los. Se você vende B2B, precisa de um número de IVA de seus clientes. Deve haver um campo de número de IVA no pagamento.
Como editar a página de checkout do WooCommerce com um plug-in
Existem diferentes casos em que você precisa de algo mais do que a página de checkout padrão do WooCommerce.
O WooCommerce padrão não permite que você personalize a página de checkout. Você precisa de um plug-in. O melhor plugin para páginas de checkout é Campos de checkout flexíveis para WooCommerce.
Campos de checkout flexíveis do WooCommerce
Edite, adicione novos ou oculte campos desnecessários do formulário de pagamento. É tudo uma questão de conversões e uma melhor experiência do usuário.
Depois de instalar e ativar o plugin, você pode acessar suas configurações. Selecione WooCommerce → Campos de pagamento no menu do WordPress:
Esta é a tela que usaremos neste guia.
Altere a ordem dos seus campos
Esta é uma das coisas mais simples que você pode fazer em campos de checkout flexíveis.
Arraste e solte para alterar a ordem dos campos
Veja o efeito final:
Personalize notas de pagamento
Por padrão, há um campo de notas do pedido na página de checkout do WooCommerce. É um campo de texto simples.
Você pode adicionar vários campos personalizados diferentes às notas de pagamento.
Basta ir ao contexto do plugin de campos de pagamento flexíveis. Você pode ativar diferentes seções personalizadas lá.
Ativar notas antes EU após o pedido .
Você pode colocar qualquer campo personalizado que desejar lá.
O plugin irá exibi-lo antes e/ou depois das notas de pedido padrão.
Olhe para o exemplo:
Além disso, você pode usar estilos CSS para alterar a aparência desses campos.
Campos obrigatórios nas seções de checkout do WooCommerce
Você pode solicitar que um usuário execute uma ação nos campos. Por exemplo, se você vende apenas B2B, gostaria de pedir aos clientes que fornecessem seus números de IVA da UE.
Tudo o que você precisa fazer é marcar a caixa de seleção ‘Campo obrigatório’ nas configurações do campo:
Você também pode desmarcar esta caixa de seleção. Desta forma você pode alterar os campos para não obrigatórios. Até mesmo os padrão e padrão do WooCommerce!
Endereço de envio e cobrança
Você pode ocultar o endereço de entrega se precisar. Além disso, você pode ocultar todos os campos desnecessários para criar pagamentos para produtos digitais.
Olhar:
Desmarque esta caixa de seleção se desejar ocultar o campo. Você pode ocultar os campos padrão do WooCommerce!
Dessa forma você só pode sair:
- campo de nome
- Campo do sobrenome
- e campo de endereço de e-mail
na página de pagamento.
Parece incrível? Dá uma olhada:
Mostrar mensagens na página de checkout do WooCommerce
Às vezes, há um atraso no processamento dos pedidos (por exemplo, durante feriados). Você pode querer mostrar alguma mensagem aos seus clientes. Pode ser uma simples mensagem de texto como esta:
O plugin Flexible Checkout Fields permite que você adicione qualquer campo lá. Não precisa ser um texto. Pode ser uma caixa de seleção, uma caixa de seleção ou até mesmo um seletor de data. Coloque qualquer um dos campos personalizados de campos de checkout flexíveis lá.
Vá para Contexto e habilite a seção personalizada Antes dos detalhes do cliente.
Então vá para a aba Antes dos detalhes do cliente e adicione um campo. Clique Guardar mudanças e pronto!
Agora você tem uma mensagem na página de checkout do WooCommerce.
