Un buen diseño de la página de pago de WooCommerce puede aumentar los beneficios de la tienda exponencialmente.
Sin embargo, tendrás que invertir algo de tiempo en personalizar la página de pago de WooCommerce.
La buena noticia es que, después de hacerlo, debería ver aumentadas las tasas de conversión sin tener que hacer nada más.
En este artículo te enseñaremos cómo editar las páginas de pago de WooCommerce. También te mostraremos cómo crear páginas de pago de una página de WooCommerce. ¡Uno de los diseños que mejor convierten!
- La importancia de una página de pago optimizada para el comercio electrónico
- Cómo personalizar la página de pago de WooCommerce con el plugin CartFlows
- Cómo personalizar la página de pago de WooCommerce sin un plugin
- Plugins alternativos para personalizar la página de pago de WooCommerce
- Cómo crear una página de pago en WooCommerce
- Bonus: Algunos plugins recomendados para tu sitio WooCommerce
- Reflexiones finales
La importancia de una página de pago optimizada para el comercio electrónico
Según nuestro Estudio estadístico sobre comercio electrónico70% de los carritos de la compra en línea se abandonan.
Eso significa que 7 de cada 10 personas se plantearon comprar en su tienda pero acabaron desistiendo por el camino.
Puede haber varias razones por las que no te hayan comprado, pero puedes apostar a que un proceso de compra largo o complicado fue una de ellas.
Un proceso de compra rápido y sin fricciones puede transformar la experiencia del cliente. Cuanto más fácil sea el proceso de compra, más probable será que el cliente lo complete.
Así de sencillo.
No hay nada mejor para una empresa que un cliente satisfecho.
Todos salimos ganando.
En WooCommerce, la personalización de la página de pago es aún más importante, ya que la página por defecto no es la más atractiva ni la que más conversiones genera.Si utilizas WooCommerce y quieres mejorar la experiencia de pago, lee 15+ Consejos para optimizar el pago en WooCommerce. Seguro que te ayuda.
Cómo personalizar la página de pago de WooCommerce con el plugin CartFlows
CartFlows es un plugin rico en funciones que le permite optimizar su flujo de pago para aumentar los ingresos por pedido. Es un plugin esencial que recomendamos a todos los propietarios de tiendas, ya que se amortiza con creces.
El proceso de pago depende del tema que utilices. Recomendamos utilizar un tema optimizado.
Cada problema tiene una solución y el problema de personalizar el proceso de pago no es diferente.
En esta sección, vamos a crear un proceso de pago personalizado completo con upsells y downsells utilizando este plugin.
También ilustraremos cómo puede utilizar las plantillas de pago personalizadas, realizar cambios en el diseño del pago, añadir o eliminar ventas y personalizar la página de agradecimiento.
Asegúrese de que ha instalado y activado CartFlows si desea seguir el proceso.
También recomendamos utilizar el nueva interfaz de usuario más ágil y rápida:
- Utilizar plantillas de página de pago personalizadas
- Modificar el diseño de la página de pago
- Editar la configuración de la página de pago en CartFlows
- Añadir o eliminar campos de la página de pago
- Crear ofertas upsell en WooCommerce
- Crear ofertas downsell en WooCommerce
- Personalizar el diseño de la página de agradecimiento de WooCommerce
1. Cómo utilizar plantillas de página de pago personalizadas
No es complicado utilizar las plantillas de página de pago en el plugin CartFlows.
En primer lugar, inicie sesión en su sitio como administrador y, en el panel de control de WordPress, haga clic en CartFlows > Flujos.
Se abrirá una lista de todas las plantillas de flujo.
Puede crear su propia plantilla desde cero. También puede seleccionar una plantilla ya hecha, que podrá personalizar.
Haga clic en Empezar de cerodonde crearemos nuestra plantilla de flujo personalizada.
Introduzca el nombre del flujo y pulse Diseña tu flujo.
Esto le redirigirá a todos los pasos del flujo. Para personalizar estos pasos, haga clic en Editar.
CartFlows es compatible con Creador de páginas Elementor, lo que le permite personalizar estos pasos.
Editar página de destino
En primer lugar, vamos a editar el archivo Página de aterrizaje. Sólo tiene que hacer clic en el botón Ficha Configuración y copiar el Enlace al siguiente paso.
Puede utilizar cualquier constructor de páginas para diseñar página de destino y añade este enlace al botón para llevar a los usuarios al siguiente paso del flujo.
Una vez que haya terminado, haga clic en Volver a editar Flujo.
Editar página de pago
El siguiente paso es editar el Página de pago. Observará que hay una notificación que le informa de que no se ha asignado ningún producto. Haga clic en Editar en el paso de la página de pago.
Haga clic en el botón Ficha Productosdonde añadirá o creará los productos.
También puede activar el Opciones de productos Condiciones.
Haga clic en el botón Guardar configuración para actualizar los cambios.
Haga clic en el botón Ficha Configuración para copiar el shortcode que usaremos para crear la página de pago. Se encuentra en el Códigos cortos sección.
Una vez que hayas copiado el shortcode, pégalo en la página de pago que vas a crear.
Una vez que haya terminado, haga clic en Volver a editar Flujo.
Editar página de agradecimiento
El último paso es editar el Página de agradecimiento. Haga clic en Ajustes y haga clic en el botón Pestaña Shortcode.
Copia el shortcode y pégalo en la página de agradecimiento que vas a crear.
A continuación, haga clic en el botón Ficha Generaldonde puede cambiar el título del paso y el slug.
También puede activar los campos que desea que se muestren en esta página, en la sección Pestaña Configuración de campo.
En esta sección, puede ver que CartFlows incluye funciones que le ayudarán a optimizar su proceso de pago y aumentar las ventas.
En el Pestaña Configuración avanzada, puede editar el texto de la página de agradecimiento y activar las redirecciones después de la compra. Recuerde guardar los cambios haciendo clic en el botón Guardar configuración botón.
Una vez que haya terminado, haga clic en Volver para editar el Flujo.
2. Cómo realizar cambios en el diseño de la página de pago
CartFlows simplifica el proceso de personalización del diseño de la página de pago. La interfaz de usuario ágil y rápida también hace que sea fácil para cualquier persona para personalizar el diseño de la página de pago.
Para personalizar el diseño de la caja, haga clic en Editar.
Esto abrirá la configuración de la página de pago. Desplácese hacia abajo hasta Ajustes de diseño y compruebe el Activar Ajustes de diseño opción.
Haga clic en el botón Pestaña Diseño de la caja.
En esta pestaña, puede cambiar la apariencia de la caja, el color principal y la familia de fuentes.
La siguiente pestaña es Textos y botones de pago.
Puede activar Opciones avanzadasque le permite personalizar el encabezamiento, los campos de entrada, los botones y las secciones.
También puede cambiar el diseño de la oferta de pedido y pago.
No olvide hacer clic en Guardar configuración para actualizar los cambios.
Hemos cambiado el diseño del skin de checkout a una columna.
3. Cómo editar la configuración de la página de pago en CartFlows
En la sección de configuración de la página de pago, haga clic en el botón Pestaña de configuración del pago. Aquí puede cambiar el texto del botón de realizar pedido.
Recuerde guardar los cambios que realice.
4. Cómo añadir o eliminar campos de la página de pago
Como se ha mencionado anteriormente, sólo necesita entre 6 y 8 campos en la página de pago.
En la página de pago estándar de WooCommerce, hay entre 18 y 20 campos, algunos de los cuales no son necesarios para completar un pedido.
CartFlows le permite añadir o eliminar campos de su página de pago. En la sección de configuración de la compra, haga clic en el botón Ficha Campos de formulario para editar los campos.
Puede editar el campo de cupón, el campo adicional y la sección de envío a una dirección diferente. También existe la opción de hacer que el campo de cupón y el campo adicional sean plegables.
Al activar el editor de campos personalizados, puede eliminar cualquier campo haciendo clic en el icono del "ojo".
Por ejemplo, hemos desactivado el campo del nombre de la empresa:
Para añadir un campo personalizado, haga clic en el botón Añadir campo personalizado botón.
Puede añadir el campo a la sección de facturación o de envío. También existe la opción de introducir la etiqueta del campo, el valor predeterminado y el texto del marcador de posición.
Puede ajustar la anchura del campo y hacer que sea obligatorio o plegable.
Una vez hecho esto, haga clic en el botón Añadir nuevo campo botón.
No olvide hacer clic en Guardar configuración para guardar los cambios.
Recomendamos añadir el campo si es necesario para completar el pedido. Añadir muchos campos en la página de pago puede aumentar la tasa de abandono del carrito.
5. Cómo crear ofertas Upsell en WooCommerce
Una forma de aumentar las ventas en su tienda es incluir una venta adicional en el proceso de pago.
El upselling consiste en animar a un cliente a comprar una versión más cara de lo que tiene en la cesta. Por ejemplo, puede sugerir un MacBook Pro cuando un comprador ha seleccionado un MacBook.
Mostrarles que este producto puede satisfacer sus necesidades y puede aumentar el AOV.
Para añadir una oferta de venta adicional en el proceso de pago, haga clic en Añadir nuevo paso.
Se abrirá la página de la biblioteca de pasos.
Haga clic en el botón Cree el suyo propio y seleccione Upsell en el menú desplegable. A continuación, haga clic en el botón Crear paso botón.
Esto añadirá un nuevo paso al flujo de pago, pero primero tendrá que introducir el nombre del paso. Arrastre el paso de venta adicional y colóquelo debajo del paso de la página de pago:
Observará que hay una notificación que le informa de que no hay ningún producto asignado. Para asignar un producto, haga clic en Editar para abrir la página de configuración de Upsell.
Haga clic en el botón Ficha Productos para seleccionar el producto upsell. Aquí hay otras opciones que vale la pena explorar. Incluyen la cantidad de producto, tarifa plana de envíoPrecio de descuento, tipo de descuento y configuración de la orden de oferta.
A continuación, haga clic en el botón Ficha Configuracióndonde encontrará diferentes códigos cortos que se pueden utilizar en la página de la oferta.
Puede editar el título del paso y el slug en la pestaña Ficha General.
En Ficha Redirecciones condicionales le permite añadir redireccionamientos condicionales si el comprador acepta o rechaza la oferta.
Asegúrese de seleccionar un producto cuyo precio sea superior al del carrito.
Una vez que esté satisfecho con la configuración, haga clic en Guardar configuración.
6. Cómo crear ofertas Downsell en WooCommerce
Las ofertas downsell son alternativas más baratas que el comprador puede adquirir si rechaza comprar un producto o una oferta. Lo ideal es que las upsells precedan a las downsells, pero debes diseñarlas en función de tu público objetivo.
Utiliza el mismo proceso que la creación de un upsell.
En su flujo de pago, haga clic en Añadir nuevo paso.
Esto añadirá un nuevo paso al flujo de pago. Arrastre el paso de venta descendente y colóquelo debajo del paso de venta ascendente:
El siguiente paso es asignar un producto haciendo clic en el botón Editar enlace. Los pasos son los mismos que para crear un producto de venta adicional, pero debe asegurarse de que el precio del producto sea inferior al del producto de venta adicional.
A continuación, haga clic en el botón Ficha Configuracióndonde encontrará diferentes shortcodes que se pueden utilizar en la página de oferta de downsell.
Al igual que en la oferta de upsell, también puede cambiar el título del paso, el slug del paso y editar las redirecciones condicionales.
7. Cómo personalizar el diseño de la página de agradecimiento de WooCommerce
La página de agradecimiento es uno de los nutrición de clientes potenciales en cualquier tienda WooCommerce. Esta es la página que los clientes potenciales, visitantes y clientes ven después de enviar un formulario en la página de destino.
Es muy útil, ya que es el último paso en el proceso de conversión.
Le recomendamos que incluya un mensaje, una oferta, contenido adicional, un botón adicional de llamada a la acción u opciones sociales.
CartFlows incluye diferentes plantillas que puede utilizar o personalizar
Personalización del Página de agradecimiento Utilizar CartFlows no es un proceso complicado. Haga clic en el botón Editar como se muestra a continuación:
Haga clic en Ficha Diseñoy compruebe el Activar la configuración del diseño opción.
En el Pestaña de encabezamiento, puede cambiar el color, la familia de fuentes y el peso de la fuente de la cabecera.
En el Ficha Textopuede cambiar el color del texto, la familia de fuentes y el tamaño de letra deseado.
La siguiente pestaña es Ficha Opciones avanzadas. Compruebe el Activar la configuración de opciones avanzadas para ver las opciones disponibles. Aparecerán dos nuevas opciones que le permitirán cambiar la anchura del contenedor y el color de fondo de la sección.
Como alternativa, puede elegir uno de los plantillas listas para usar y personalizarlos mediante cualquier constructor de páginas o el editor de WordPress.
Cómo personalizar la página de pago de WooCommerce sin un plugin
WooCommerce es flexible y utilizable por personas de cualquier nivel de experiencia. Si te sientes cómodo editando código, puedes personalizar fácilmente la página de pago.
Para acceder a la vista de códigos cuando esté en la página de pago, haga clic con el botón derecho en cualquier lugar de la página y haga clic en inspeccionar.
La página de pago es el último paso al completar un pedido, donde se le pide que introduzca los datos de envío y facturación.
También puede pulsar F12 para abrir el inspector del navegador en navegadores populares como Chrome. Los cambios que hagas aquí no se guardarán, y se perderán una vez que se actualice la página.
Recuerda tener siempre una copia de seguridad para poder volver a la versión por defecto en caso de que algo vaya mal. Recomendamos utilizar una Plugin de copia de seguridad de WordPress.
En primer lugar, veremos las etiquetas principales, incluidas las clases y los ID, que se pueden utilizar para personalizar el diseño de la página de pago:
<body class="”woocommerce-checkout”">
<div class="”woocommerce”">
<form class=”woocommerce-checkout”>
<div id="”customer_details”" class="”col2-set”">
<div class="”woocommerce-billing-fields”">
<p class="”form-row”">
<div class="”woocommerce-shipping-fields”">
<p class="”form-row”">
<div class="”woocommerce-additional-fields”">
<div id="”order_review”" class="”woocommerce-checkout-review-order”">
<table class="”woocommerce-checkout-review-order-table”">
<div id="”payment”">
- woocommerce_before_checkout_formulario
- woocommerce_checkout_before_customer_details
- woocommerce_checkout_billing
- woocommerce_checkout_envío
- woocommerce_checkout_after_customer_details
- woocommerce_checkout_before_order_review
- woocommerce_checkout_order_review
- woocommerce_checkout_after_order_review
- woocommerce_after_checkout_formulario
- woocommerce_checkout_before_terms_and_conditions
- woocommerce_checkout_after_terms_and_conditions
- woocommerce_before_checkout_billing_form
- woocommerce_before_checkout_registration_form
- woocommerce_after_checkout_registration_form
- woocommerce_before_checkout_shipping_form
- woocommerce_after_checkout_shipping_form
- Inicie sesión en su sitio de WordPress y acceda a la sección Cuadro de mandos como usuario administrador.
- Haga clic en Menú Apariencia > Personalizar en el menú del panel de control. Esto iniciará la interfaz del personalizador de temas de WordPress.
- Haga clic en la pestaña CSS adicional del panel izquierdo.
- Se abrirá una nueva sección en la que podrá añadir CSS personalizado con una vista previa en directo a la derecha
<div class="”form-row" place-order”>
También puede eliminar elementos de la página de pago utilizando ganchos de acción.
Una acción es una función en el código de WordPress que se ejecuta en ciertos puntos a través del núcleo de su sitio. Hay muchas acciones predefinidas en WordPress y WooCommerce que permiten a los desarrolladores añadir código personalizado. Esto le permite ampliar WordPress o cualquier otro plugin como WooCommerce.
Por otro lado, los ganchos son funciones que pueden aplicarse a acciones o filtros. Los filtros permiten modificar funciones.
La página de pago tiene 9 ganchos de acción:
Hay 7 ganchos adicionales disponibles. Esto depende de su disposición:
Ahora vamos a personalizar la página de pago sin un plugin.
1. Cambia el color de fondo de los campos y dales esquinas redondeadas
Añada el siguiente fragmento de código en el archivo CSS adicional sección.
Para localizar esta sección:
Añade el siguiente código CSS:
input[type="text"] {
border-radius: 10px !important;
background-color: yellow !important;
}
2. Eliminar un campo de caja:
El siguiente fragmento de código elimina todos los campos en la página de pago. Incluya solo los campos que desee eliminar.
Copie y pegue el siguiente fragmento de código en el archivo functions.php de su sitio web tema infantil:
/**
Remove all fields on the checkout page
**/
function wpastra_remove_checkout_fields( $fields ) {
// Billing fields
unset( $fields['billing']['billing_company'] );
unset( $fields['billing']['billing_email'] );
unset( $fields['billing']['billing_phone'] );
unset( $fields['billing']['billing_state'] );
unset( $fields['billing']['billing_first_name'] );
unset( $fields['billing']['billing_last_name'] );
unset( $fields['billing']['billing_address_1'] );
unset( $fields['billing']['billing_address_2'] );
unset( $fields['billing']['billing_city'] );
unset( $fields['billing']['billing_postcode'] );
// Shipping fields
unset( $fields['shipping']['shipping_company'] );
unset( $fields['shipping']['shipping_phone'] );
unset( $fields['shipping']['shipping_state'] );
unset( $fields['shipping']['shipping_first_name'] );
unset( $fields['shipping']['shipping_last_name'] );
unset( $fields['shipping']['shipping_address_1'] );
unset( $fields['shipping']['shipping_address_2'] );
unset( $fields['shipping']['shipping_city'] );
unset( $fields['shipping']['shipping_postcode'] );
// Order fields
unset( $fields['order']['order_comments'] );
return $fields;
}
add_filter( 'woocommerce_checkout_fields', 'wpastra_remove_checkout_fields' );
Verá que el campo país es obligatorio. Si elimina este campo, los pedidos en su tienda no se completarán. Aparecerá un error diciendo: "Por favor, introduzca una dirección para continuar".
3. Hacer que un campo obligatorio no sea obligatorio
Copie y pegue este fragmento de código en el archivo functions.php de su tema hijo antes del código de cierre:
add_filter( 'woocommerce_billing_fields', 'wpastra_unrequire_wc_phone_field');
function wpastra_unrequire_wc_phone_field( $fields ) {
$fields['billing_phone']['required'] = false;
return $fields;
}
El fragmento de código anterior hace que el campo de teléfono sea opcional.
4. Cambiar las etiquetas de los campos de entrada
Copie y pegue este fragmento de código en el archivo functions.php de su tema hijo:
add_filter('woocommerce_checkout_fields', 'wpastra_override_checkout_fields');
function wpastra_override_checkout_fields($fields)
{
unset($fields['billing']['billing_address_2']);
$fields['billing']['billing_company']['label'] = 'Business Name';
return $fields;
}
El fragmento de código anterior cambia la etiqueta de entrada "Nombre de la empresa" a "Nombre de la empresa".
Plugins alternativos para personalizar la página de pago de WooCommerce
1. Checkout Manager para WooCommerce
Checkout Manager for WooCommerce es un plugin freemium que permite personalizar los campos de la página de pago.
El plugin cuenta con más de 80.000 instalaciones activas en el repositorio de WordPress.
Puede añadir campos personalizados a su página de pago y personalizar los campos existentes según sea necesario. El plugin también incluye una función exclusiva que permite a determinados roles de usuario mostrar u ocultar campos en la página de pago.
El plugin permite mostrar u ocultar campos cuando se cumplen determinadas condiciones. Por ejemplo, determinados campos pueden aparecer o desaparecer en función de la categoría o del producto añadido al carrito. Si tu tienda vende productos virtuales, no es necesario mostrar campos en la sección de dirección de envío.
También permite a los clientes de su tienda cargar archivos. Los datos recogidos pueden exportarse o importarse si es necesario.
El precio de la versión Premium comienza en $19 por una licencia para un solo sitio.
Estas son algunas de sus principales características:
- Le permite eliminar campos innecesarios en el proceso de pago para agilizarlo.
- Permite añadir campos condicionales. Esto le permite modificar la apariencia y el comportamiento del campo en determinadas condiciones al visualizar el contenido
- Permite editar los archivos cargados directamente en el panel de control para ahorrar tiempo.
2. Editor de campos de pago (Checkout Manager) para WooCommerce
Checkout Field Editor (Checkout Manager) para WooCommerce es un plugin popular que ofrece opciones para personalizar los campos de la página de pago. Le permite añadir, eliminar y reorganizar los campos con facilidad.
El plugin cuenta con más de 300.000 instalaciones activas.
Incluye diferentes tipos de campos que puede añadir a la página de pago. En la versión gratuita, ofrece tipos de campo de entrada de texto y de selección. La versión premium incluye tipos de campo adicionales.
Al crear nuevos campos, puede definir si los detalles enviados se mostrarán en las notificaciones por correo electrónico o en los detalles del pedido.
Puede eliminar permanentemente un campo o desactivarlos durante un periodo determinado.
El plugin también incluye una opción para reorganizar el orden predeterminado de los campos en la página de pago.
La versión básica es gratuita, pero las mejores funciones están en la versión premium. Su precio es de $39 por una licencia para un solo sitio.
Estas son algunas de sus características:
- Ofrece 17 tipos de campos diferentes que permiten personalizar los campos de la página de pago
- Incluye campos condicionales. Esto le permite modificar la apariencia y el comportamiento del campo en determinadas condiciones al visualizar el contenido
- Dispone de un validador personalizado para cada campo que permite a los clientes realizar cambios fácilmente en caso de error.
- Le permite añadir una nueva sección con campos adicionales si necesita recopilar información adicional
3. Pago en varios pasos de WooCommerce
Si buscas un plugin para dividir el proceso de pago, WooCommerce Multi-Step Checkout es una de las soluciones que recomendamos.
Divide una sola página de pago en varios pasos pequeños y proporciona un medidor de progreso en la parte superior. Los medidores de progreso proporcionan una guía visual para que los compradores sepan exactamente en qué punto del proceso de pago se encuentran y cuánto les queda para completar su compra.
Esto crea una experiencia de usuario enriquecedora para los compradores en su tienda, ya que aumenta el compromiso de los encuestados.
Este plugin cuenta con más de 10.000 instalaciones activas en el repositorio de WordPress y se actualiza con regularidad.
Los clientes sabrán exactamente en qué punto del proceso de pago se encuentran consultando el indicador de progreso. Esto elimina la preocupación de que se tarde más y asegura a los visitantes que casi han terminado.
WooCommerce Multi-Step Checkout también tiene un diseño intuitivo que a los clientes les encantará.
Estas son algunas de sus características:
- Tiene un diseño adaptable que garantiza que el indicador de progreso se vea bien en cualquier dispositivo.
- Le permite heredar el diseño de los botones de formulario de su tema para que pueda integrarse perfectamente en su sitio web.
- Incluye un indicador de progreso barra que permite volver al paso anterior o siguiente
4. Campos de pago flexibles para WooCommerce
Flexible Checkout Fields for WooCommerce es un potente plugin que te permite personalizar completamente la página de pago de tu tienda WooCommerce.
Cuenta con más de 70.000 instalaciones activas.
El plugin se integra perfectamente con WordPress y WooCommerce y permite añadir, editar o eliminar campos en el flujo de pago.
La versión gratuita permite editar y actualizar hasta 12 tipos de campo diferentes, mientras que la versión pro permite 21 e incluye otras potentes funciones como añadir secciones personalizadas y campos condicionales.
Su precio comienza en $59 para una licencia de sitio único.
Estas son algunas de sus características:
- Permite reorganizar fácilmente los campos mediante un editor de arrastrar y soltar, lo que ahorra tiempo.
- Permite añadir CSS personalizado para dar estilo a campos nuevos o existentes.
- Es compatible con WPML que le permite utilizar este plugin con varios idiomas
Cómo crear una página de pago en WooCommerce
¿Listo para mejorar tu experiencia WooCommerce? Vamos a crear una página de pago que sea lo más corta posible.
El pago en una página permite a los clientes realizar el pago en una sola página utilizando la menor cantidad de información posible.
Esto es algo que SureCart lo hace por defecto.
Si quieres conseguir algo similar en WooCommerce, necesitarás una extensión premium llamada Extensión WooCommerce One Page Checkout.
Una vez instalada, tendrás que activar esta función para el producto con el que quieras utilizarla.
La página del producto mostrará el pago en la misma página para que el cliente pueda realizar la compra directamente desde esa página.
Si desea mostrar la página de pago en algún lugar específico, o mostrar más productos, tendrá que utilizar el siguiente shortcode:
[woocommerce_one_page_checkout product_ids=“XXXX,YYYY”]
Donde XXXX y YYYY son los ID de los productos que desea mostrar.
NOTA:
Puedes elegir la plantilla de la página de pago de WooCommerce añadiendo el siguiente código al shortcode:
template=“product-single”
Sin embargo, tenga cuidado. Si tienes productos con muchas variaciones, ¡todos se mostrarán con el shortcode por defecto!
Para evitar esto añada el siguiente shortcode:
template=“product-single”.
También puede crear una página de pago WooCommerce con eEementor y CartFlows.
Bonus: Algunos plugins recomendados para tu sitio WooCommerce
Éstos son algunos plugins esenciales de WooCommerce recomendamos a optimiza tu tienda WooCommerce aún más:
1. WooCommerce Recuperación de carritos abandonados
WooCommerce Recuperación de carritos abandonados es un plugin gratuito que permite enviar recuperación de carritos abandonados y aumentar la conversión.
El plugin captura los correos electrónicos de los compradores y les envía un recordatorio si no completan su pedido. Puede programar automáticamente los correos electrónicos de seguimiento para que no se olvide de enviar el correo electrónico.
Incluye plantillas prediseñadas que han sido sometidas a pruebas de conversión para ayudarle a aumentar las ventas. Puedes personalizarlas fácilmente para adaptarlas a tu marca.
También puede crear sus propios correos electrónicos desde cero. También puede incluir incentivos como códigos de cupones para incitar a los compradores a completar su compra.
El plugin permite personalizar los correos electrónicos mediante shortcodes. Por ejemplo, puede dirigirse a los compradores por su nombre para aumentar el porcentaje de clics.
También puede enviar enlaces de pago únicos a cada comprador que les lleven exactamente donde lo dejaron.
El plugin deja de enviar emails si el usuario completa su compra.
Estas son algunas de sus características:
- Permite enviar mensajes de correo electrónico personalizados para aumentar la tasa de clics.
- Incluye soporte webhook que permite integrar herramientas de automatización como Campaign Monster
- Incluye enlaces de pago exclusivos para cada comprador que les lleven exactamente al punto donde lo dejaron.
2. WooCommerce Menú Carrito
WooCommerce Menu Cart es un plugin ligero que te permite mostrar un botón de carrito en la barra de navegación.
Este plugin cuenta con más de 100.000 instalaciones activas.
La versión Pro tiene un precio de 29 euros. Esta versión incluye más de diez iconos de carrito y un flyout de detalles del carrito con todas las funciones.
Te ofrece la posibilidad de añadir carrito, añadir un flyout para menús ilimitados y añadir clases CSS personalizadas.
Estas son algunas de sus características:
- Le permite mostrar un icono del carrito, o sólo los artículos/precios sin tocar ningún fragmento de código
- Permite mostrar sólo los artículos, el precio o ambos
- Permite mostrar siempre, o sólo cuando hay artículos en el carrito
- Flotar a la izquierda, flotar a la derecha o utilizar la configuración predeterminada del menú
- Permite añadir estilos CSS personalizados
- Ofrece una asistencia excepcional a los usuarios premium
Reflexiones finales
La versión por defecto de WooCommerce no ofrece la la mejor experiencia de pago posible.
Dependiendo del cambio que quieras hacer, del nivel de experiencia y de los productos que vendas, puedes optimizar el flujo de pago utilizando plugins de WooCommerce, plantillas de página o código personalizado.
Es algo que debe hacerse con mucho cuidado, ya que se trata del último paso en el proceso de compra, pero merece la pena hacerlo para minimizar los carritos abandonados y maximizar la conversión.
Con la optimización de la página de pago, también debe optimizar y diseña tus páginas de producto WooCommerce para destacar entre la multitud.
¿Tiene alguna pregunta sobre cómo puede mejorar su flujo de caja? ¿Cuáles son algunas de las estrategias que han funcionado para ofrecer una experiencia de compra única en su tienda?
Nos encantaría conocer su opinión en la sección de comentarios.
Divulgación: Este blog puede contener enlaces de afiliados. Si realiza una compra a través de uno de estos enlaces, es posible que recibamos una pequeña comisión. Leer información. Tenga la seguridad de que sólo recomendamos productos que hemos utilizado personalmente y que creemos que aportarán valor a nuestros lectores. Gracias por su apoyo.
Una lista muy completa. Gran trabajo, y las explicaciones para cada uno son grandes también.
Hola Jonathan,
Me alegro mucho de oírlo 🙂 .
¡Muy buena explicación! ¡Genial!