El pago y envío es uno de los pasos más importantes en cualquier tienda de comercio electrónico. Si desea tener éxito y aumentar sus ventas , debe mantenerlo esbelto. Es por eso que hoy le mostraremos cómo eliminar los campos de pago de WooCommerce .
Hace unos días, le dimos algunos consejos sobre cómo optimizar su sitio . Sin embargo, el último paso del embudo de compra es crucial para cerrar la venta, por lo que necesita atención especial.
¿Sabía que más del 75% de los usuarios agregan un producto al carrito pero luego abandonan el sitio web sin comprar nada? Una de las principales razones del abandono del carrito de compras es que el pago es demasiado largo o complicado . Para evitar esto, la página de pago debe ser simple. Como resultado, solo debe mostrar a los clientes los campos que son necesarios y eliminar cada distracción.
Cómo eliminar campos de pago en WooCommerce
Es importante tener en cuenta que los campos de pago predeterminados de WooCommerce no se pueden eliminar del panel de WordPress. En este tutorial, veremos cómo eliminarlos de dos maneras diferentes:
- Usando un complemento.
- Con un script PHP.
Usar un complemento es la forma más fácil si no eres desarrollador. El script PHP, por otro lado, le permite eliminar los campos de pago existentes y personalizar su tienda WooCommerce con un poco de codificación.
No hay un método mejor o peor. Obtendrá el mismo resultado con ambos, por lo que, dependiendo de sus habilidades, puede elegir el que más le convenga.
1) Eliminar los campos de pago de WooCommerce usando un complemento
Hay muchas herramientas para eliminar campos en la página de pago. Aquí le mostraremos cómo hacerlo utilizando dos complementos gratuitos:
- Administrador de pago de WooCommerce.
- Pago directo de WooCommerce.
Eliminar el pago con WooCommerce Checkout Manager
WooCommerce Checkout Manager es una de las mejores herramientas para eliminar los campos de pago. Es un complemento freemium que tiene una versión gratuita que puede descargar desde el repositorio oficial de WordPress y 3 planes profesionales que comienzan en 20 USD (pago único).
Para eliminar cualquiera de los campos de pago de WooCommerce, simplemente siga estos pasos:
- Instala y activa WooCommerce Checkout Manager .
- Vaya a la pestaña WooCommerce en su panel de WordPress.
- Haga clic en Finalizar compra y luego en la pestaña Facturación.
- Verá una lista de todos los campos, así que simplemente active la opción de desactivación en el campo que desea eliminar.
Corto y dulce, ¿no? Este complemento también le permite agregar nuevos campos, hacer que los campos sean opcionales o obligatorios, cambiar el orden en que se muestran los campos, aplicar lógica condicional, entre otras características.
Eliminar el pago con el pago directo de WooCommerce
WooCommerce Direct Checkout es un excelente complemento diseñado para simplificar el proceso de pago y la página de pago. A diferencia de WooCommerce Checkout Manager que le permite agregar y eliminar campos, Direct Checkout lo ayuda a eliminar campos innecesarios y acelerar el proceso de pago.
Esta es una herramienta gratuita: tiene una versión gratuita con características básicas y 3 planes premium que comienzan en 15 USD (pago único).
Para eliminar campos de la página de pago de WooCommerce con Pago directo, debe:
- Instala y activa el pago directo de WooCommerce .
- Vaya a la pestaña WooCommerce en su panel de WordPress.
- Haga clic en Finalizar compra y luego en la pestaña Facturación.
- Aquí verá una lista de todos los campos que puede eliminar, como país, estado, comentarios de pedidos, texto de políticas, columnas y más.
Si desea algo rápido y sencillo, estos dos complementos le permiten eliminar fácilmente los campos de pago de WooCommerce y optimizar su tienda.
El principal inconveniente de este método es que cuando instala un complemento, está modificando el código de nuestro sitio web. Esto aumenta la complejidad y las posibilidades de romper algo. Como resultado, una secuencia de comandos personalizada podría ser un buen método si se siente cómodo escribiendo algunas líneas de código.
2) Eliminar campos de pago de WooCommerce con script PHP
NOTA : Antes de comenzar, le recomendamos que cree un tema secundario si aún no lo tiene. De esta manera, en lugar de personalizar los archivos del tema principal, modificará el tema secundario para que sus personalizaciones no se anulen cuando actualice el tema principal. Si no desea crear un tema secundario, genere una copia de seguridad completa de su sitio en caso de que algo salga mal.
Si ha consultado nuestro tutorial sobre cómo editar los campos de pago de WooCommerce , estará familiarizado con los ganchos. En este caso, utilizaremos el gancho woocommerce_checkout_fields y lo llamaremos quadlayers_remove_checkout_fields de la siguiente manera:
add_filter ('woocommerce_checkout_fields', 'quadlayers_remove_checkout_fields');
Este es un tipo de enlace de filtro, lo que significa que debe devolver algo cuando lo ejecutamos. ¿Y qué va a volver? Los datos con los campos que queremos eliminar.
Por ejemplo, si queremos eliminar el campo de apellido, podemos usar lo siguiente:
unset ($ fields ['billing'] ['billing_last_name']);
Después de eso, debemos insertarlo en una función con el mismo nombre que hemos usado en nuestro gancho de filtro en el primer paso ( quadlayers_remove_checkout_fields ):
función quadlayers_remove_checkout_fields ($ fields) { unset ($ fields ['billing'] ['billing_last_name']); devolver $ campos; }
Finalmente, el script completo para eliminar el apellido del campo WooCommerce debe insertarse en un archivo functions.php de un tema secundario como se muestra a continuación:
add_filter ('woocommerce_checkout_fields', 'quadlayers_remove_checkout_fields'); función quadlayers_remove_checkout_fields ($ fields) { unset ($ fields ['billing'] ['billing_last_name']); devolver $ campos; }
Si desea eliminar cualquier otro campo, solo necesita agregar la línea correspondiente. A continuación puede encontrar los nombres disponibles de los campos que puede eliminar:
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 ['facturación'] [' Correo Electrónico de Facturas']); unset ($ fields ['account'] ['account_username']); unset ($ fields ['cuenta'] ['cuenta_contraseña']); unset ($ fields ['cuenta'] ['account_password-2']);
¿Qué puede hacer si eliminó algunos campos de pago pero ahora desea volver a mostrarlos? Simplemente elimine la línea de código que elimina el campo específico que desea mostrar. Por ejemplo, si eliminó el campo de código postal y ahora desea agregarlo nuevamente, debe eliminar la siguiente línea:
unset ($ fields ['billing'] ['billing_postcode']);
Bono: ¿Cómo eliminar la pestaña de información adicional en WooCommerce?
La pestaña Información adicional viene por defecto en WooCommerce. Como esta pestaña se muestra solo cuando el producto tiene peso, dimensiones o atributos, a veces no es muy útil. Hay dos formas de eliminar la pestaña Información adicional:
- Vía PHP : Edición del archivo functions.php .
- Vía CSS : Edición del archivo style.css .
En términos de rendimiento, el método PHP es mejor porque detiene la carga de la pestaña (en lugar de cargarla y luego ocultarla). Así que aquí le mostraremos cómo eliminar la pestaña Información adicional con un script PHP .
NOTA : Para evitar perder sus personalizaciones cuando actualiza su tema, le recomendamos que aplique estos cambios al tema secundario.
- Vaya a su FTP y abra la carpeta wp-content . Luego vaya al tema y abra su carpeta child_theme .
- Allí, abra el archivo functions.php .
- Vaya al final e inserte el siguiente código:
add_filter ('woocommerce_product_tabs', 'quadlayers_remove_product_tabs'); función 'quadlayers_remove_product_tabs' ($ tabs) { unset ($ tabs [ 'Additional_information ']); devolver $ pestañas; }
Recuerde guardar los cambios y luego actualice la página. ¡Eso es! ¡Has eliminado la pestaña Información adicional!
Además, puede deshacerse de la pestaña de descripción y de la pestaña de revisiones con el siguiente código:
add_filter ('woocommerce_product_tabs', 'quadlayers_remove_product_tabs'); función 'quadlayers_remove_product_tabs' ($ tabs) { unset ($ tabs ['descripción']); unset ($ tabs ['reseñas']); devolver $ pestañas; }
¿Qué campos de pago de WooCommerce debes eliminar?
Entonces, ¿qué campos de pago deberías eliminar? Depende de si vende productos físicos o digitales y de cuánta información de sus clientes desea obtener. Sin embargo, tenga en cuenta que los formularios de pago más largos tienden a tener conversiones más bajas.
Los clientes tienden a evitar largos formularios de pago, así que aquí hay algunos consejos que puede aplicar para mantener la página de pago corta:
- Si vende productos digitales, elimine todos los campos relacionados con el envío, como una dirección, código postal, ciudad, etc.
- Mostrar solo los campos obligatorios. Los campos opcionales como el nombre de la empresa se pueden ocultar o contraer.
- Si vende productos físicos, haga que los detalles de facturación sean los detalles de envío de forma predeterminada para ocultar campos innecesarios.
- Cuando sea posible, use la función de autocompletar para reducir el tiempo que los usuarios pasan completando el formulario.
- Use solo un campo para el nombre. En lugar de mostrar 3 campos (nombre, segundo nombre y apellido), puede usar un campo Nombre completo .
Otra opción para reducir los pasos en la página de pago y aumentar las conversiones es usar un botón de compra rápida para WooCommerce .
Conclusión
En conclusión, su página de pago puede tener un gran impacto en su negocio y brindarle una ventaja competitiva. Por lo tanto, es clave optimizarlo y mejorarlo tanto como pueda.
En este tutorial, hemos visto dos formas diferentes de eliminar los campos de pago de WooCommerce. Cada uno de ellos tiene sus pros y sus contras, por lo que debe elegir el que mejor se adapte a sus habilidades y necesidades.
WooCommerce Checkout Manager es un complemento que le permite eliminar campos de una manera rápida y fácil. Sin embargo, hace que el código de la tienda sea más complejo. La función PHP, por otro lado, requiere algo de codificación, pero es más limpia y no consumirá ningún recurso. Además de eliminar los campos de pago, también puede mejorar el proceso de compra en su sitio creando embudos de ventas .
0 comentarios