Como você está personalizando a página de checkout do WooCommerce ao alterar o botão de checkout, você também pode reordenar os campos de checkout. Usar os campos corretos na ordem correta é sempre uma grande comodidade para seus clientes durante o processo de finalização da compra. Então, como bônus, também mostraremos como fazer.
Você pode reordenar facilmente os campos de checkout usando um plugin. Então, vamos começar instalando e ativando um.
Para esta demonstração, usaremos o plugin Gerenciador de checkout para WooComerce. É um plugin fácil de usar que permite personalizar completamente sua página de checkout.
Como usar o Editor de Campo de Checkout
1. Instale e ative o plugin
Primeiro, vá para Plugins > Adicionar Novo no painel do WordPress e pesquise as palavras-chave do plugin. Depois de encontrar o plugin nos resultados da pesquisa, clique em
Instale agora para instalar o plugin.
A instalação levará alguns instantes. Assim que a instalação for concluída, ative o plugin.
Você também pode fazer upload e instalar o plugin manualmente, se desejar. Confira nosso guia detalhado sobre como instalar um plugin manualmente para obter mais informações sobre isso.
2. Reordene os campos de pagamento nas opções do plugin
Assim que o plugin for ativado, vá para WooCommerce > Configurações no painel do WordPress e abra o Arquivo
Agora clique Cobrança e você verá todos os campos de cobrança em sua página de checkout. Você pode usar as setas para cima e para baixo para reordená-los. Além disso, você pode até usar as linhas horizontais para arrastar os campos de pagamento e reordená-los.
Além disso, você também pode alinhar esses campos em diferentes posições na página de checkout, colocando-os no lado esquerdo ou direito da tela. Porém, os campos também podem ter uma área ampla e cobrir ambos os lados.
Após fazer todas as alterações necessárias na ordem dos campos de pagamento, clique em Guardar mudanças. Ao visualizar sua página de checkout, você poderá ver que todos os campos foram reordenados de acordo.
Você também pode reordenar os campos de checkout adicionando códigos ao arquivo de funções do tema, semelhante à alteração do botão fazer pedido no WooCommerce. Se precisar de ajuda, sinta-se à vontade para verificar nosso guia sobre como reordenar os campos de checkout.
