Se você é leitor regular do meu site, você deve ter notado que recentemente adicionei uma página da Loja ao meu site para começar a vender alguns produtos digitais.
Se você vir o formulário de checkout padrão com o qual o Woocomerce vem, ele tem muitos campos que prejudicam as taxas de conversão.
Hoje eu vou te mostrar como remover quaisquer campos indesejados.
Você não precisará gastar uns ridículos $49 para editar seus campos.
Aqui está como você pode fazer isso de graça.
2 maneiras de editar seu checkout
- Usando o Personalizador no WordPress
- Usando algumas linhas de código se você precisar de mais personalização
Ajuste facilmente seu formulário de checkout Woocomerce com personalizar
- Ir para Aparência > Personalizar
- Em seguida, vá para Woocomerce > Checkout
- Em seguida, selecione os campos para Ocultar / Opcional / Obrigatório
Se você precisar de uma granularidade melhor, você pode usar as seguintes etapas.
✋ Stop worrying about SEO and have me do it for you
PS: Ready to work with the 0.01% of all SEOs worldwide? Click here.
Etapas para editar campos de checkout do Woocomerce
- Baixe e ative o plugin Minhas Funções Personalizadas (ou, alternativamente, edite o arquivo functions.php no seu Tema filho)
- Uma vez no plugin (que você pode encontrar em Configurações > inserter PHP) ou em suas funções.php, cole o código abaixo e salve as alterações.
- Feito!
/* WooCommerce: Remover campos de checkout */
add_filter( woocommerce_checkout_fields, 'custom_override_checkout_fields' );
custom_override_checkout_fields de função ( $fields ) {
unset($fields['billing']['billing_first_name']);
unset($fields['billing']['billing_last_name']);
unset($fields['billing']['billing_company']);
unset($fields['billing']['billing_address_1']);
unset($fields['billing']['billing_address_2']);
unset($fields['billing']['billing_city']);
unset($fields['billing']['billing_postcode']);
unset($fields['billing']['billing_country']);
unset($fields['billing']['billing_state']);
unset($fields['billing']['billing_phone']);
unset($fields['order']['order_comments']);
unset($fields['billing']['billing_email']);
unset($fields['account']['account_username']);
unset($fields['account']['account_password']);
unset($fields['account']['account_password-2']);
$fields de retorno;
}Observe que o código acima remove todos os campos, se você quiser manter alguns (por exemplo: Primeiro Nome, Sobrenome, E-mail) basta excluir as linhas correspondentes como eu fiz aqui:
Esse código é este.
/* WooCommerce: O código abaixo remove campos de checkout */
add_filter( woocommerce_checkout_fields, 'custom_override_checkout_fields' );
custom_override_checkout_fields de função ( $fields ) {
unset($fields['billing']['billing_company']);
unset($fields['billing']['billing_address_1']);
unset($fields['billing']['billing_address_2']);
unset($fields['billing']['billing_city']);
unset($fields['billing']['billing_postcode']);
unset($fields['billing']['billing_country']);
unset($fields['billing']['billing_state']);
unset($fields['billing']['billing_phone']);
unset($fields['account']['account_username']);
unset($fields['account']['account_password']);
unset($fields['account']['account_password-2']);
$fields de retorno;
}Agora seu checkout deve parecer muito mais limpo!
Conclusão
Espero que você tenha gostado desta viagem rápida para personalizar seus campos de checkout woo-commerce.
Que outros roteiros você quer que eu compartilhe? Deixe-me saber nos comentários!
Você é um comerciante? Aqui estão outros scripts que você vai desfrutar:
