Cómo crear una página de carrito personalizada de WooCommerce (sin codificación)

¿Quieres crear una página de carrito de WooCommerce personalizada?

La página del carrito de WooCommerce predeterminada no está optimizada para conversiones. Al optimizar el diseño de la página de su carrito, puede mejorar significativamente sus conversiones y obtener más ventas.

En este artículo, le mostraremos cómo personalizar la página de su carrito de WooCommerce sin ningún conocimiento técnico.

¿Por qué crear una página de carrito WooCommerce personalizada en WordPress?

La creación de una página de carrito de WooCommerce personalizada le brinda la oportunidad de aumentar las conversiones de ventas en su tienda en línea.

Las investigaciones muestran que casi 7 de cada 10 clientes abandonarán su carrito de compras y nunca volverán.

Al optimizar la página del carrito de WooCommerce predeterminada, puede realizar más ventas sin aumentar su tráfico actual.

Ejemplo de página de carrito de OptinMonster

Cuando sus visitantes tienen artículos en su carrito, están muy cerca de finalizar la compra. La página de su carrito de WooCommerce debe hacer todo lo posible para que la conversión se realice.

Dicho esto, echemos un vistazo a cómo puede personalizar la página de su carrito de WooCommerce sin código.

Cómo crear una página de carrito de WooCommerce personalizada en WordPress

SeedProd es el mejor creador de páginas de arrastrar y soltar utilizado por más de 1 millón de sitios web. Le permite crear fácilmente una página de carrito de WooCommerce personalizada para generar más ventas.

Lo primero que debe hacer es instalar y activar el complemento. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

Nota: hay un versión gratuita de SeedProd que puede usar, pero para este tutorial, usaremos la versión Pro porque tiene los bloques de WooCommerce incorporados que necesitamos.

Una vez activado el complemento, debe ir a SeedProd »Configuración e ingrese la clave de licencia del producto.

Ingrese la clave de licencia de SeedProd

Puede encontrar su clave de licencia en la información de su cuenta en el sitio web de SeedProd.

Una vez que haya hecho eso, vaya a SeedProd »Páginas y haga clic en el botón ‘Agregar nueva página de destino’ para crear su página de carrito.

Agregar nueva página al carrito de SeedProd

Después de eso, debe elegir una plantilla de página de carrito. Hay docenas de plantillas diseñadas profesionalmente que puede utilizar. Una vez que encuentre una plantilla que le guste, coloque el cursor sobre ella y haga clic en el icono ‘Marca de verificación’.

Usaremos la plantilla ‘En blanco’ ya que nos permite agregar solo las secciones que queramos.

Seleccione la plantilla SeedProd

A continuación, se le pedirá que nombre la página de su carrito y luego haga clic en ‘Guardar y comenzar a editar la página’.

Esto lo llevará al generador de arrastrar y soltar, donde puede comenzar a construir una página de carrito personalizada.

Primero, agregaremos un bloque de imagen y cargaremos un logotipo. Puede ajustar esto para que se vea como su encabezado sin que se pueda hacer clic en él para reducir el abandono.

Esto mantiene su marca en su lugar, pero brinda a sus visitantes menos salidas, por lo que es más probable que realicen una compra.

A continuación, simplemente seleccione el bloque ‘Imagen’ y arrástrelo a su página. Luego, cargue su logo desde su biblioteca de imágenes.

Agregar encabezado de bloque de imagen

Puede personalizar esto por completo con el panel de opciones de la izquierda.

A continuación, haga clic en el bloque de contenido y barra lateral en la sección ‘Elija su diseño:’.

Seleccione el diseño de SeedProd

Esto le permite crear una sección para su carrito, además de una sección de testimonios.

Después de eso, ubique el bloque ‘Carrito’ en la sección WooCommerce y arrástrelo.

Agregar bloque de carrito de WooCommerce

Puede personalizar cada parte del carrito, incluida la elección de la fuente, los colores, los botones y más.

Personalizar el bloque de carrito de WooCommerce

A continuación, puede agregar un bloque de testimonios. Estos actúan como prueba social para sus visitantes y les muestran que están tomando la decisión correcta.

Busque el bloque ‘Testimonios’ y arrástrelo a la sección abierta.

Agregar bloque de testimonios

Tienes control total sobre la apariencia de tus testimonios.

Existe la opción de agregar una foto de cliente, cambiar el testimonio, agregar una posición y más.

Personalizar bloque de testimonios

Si desea agregar varios testimonios, siga los mismos pasos anteriores.

Otra gran idea es agregar una calificación de estrellas debajo de su testimonio.

Simplemente seleccione el bloque ‘Calificación de estrellas’ y arrástrelo debajo de su testimonio.

Agregar bloque de calificación con estrellas

Si desea crear escasez para alentar a sus clientes a realizar una compra ahora, puede agregar un temporizador de escasez a su carrito.

Todo lo que necesita hacer es seleccionar el bloque ‘Temporizador de cuenta regresiva’ y arrastrarlo a la parte superior de su carrito. Luego, seleccione la opción ‘Temporizador de visitantes’ para que el temporizador se actualice para todos sus visitantes.

Bloque de hoja perenne del temporizador de cuenta regresiva

A continuación, agregue un título que notifique a sus compradores que tienen un período establecido hasta que su carrito caduque.

Simplemente arrastre sobre el bloque ‘Título’ e ingrese su texto.

Encabezado del temporizador de cuenta regresiva

Otra gran característica para agregar es una sección de productos populares. Esto le permite mejorar sus ventas promocionando otros productos populares que podrían interesar a sus clientes.

Para hacer esto, simplemente arrastre sobre el bloque ‘Productos más vendidos’ de la sección ‘WooCommerce’.

También puede elegir cualquiera de los otros bloques de productos para agregar.

Agregar bloque de productos SeedProd

Para obtener más detalles sobre cómo agregar productos populares a WooCommerce, consulte nuestra guía sobre cómo mostrar productos populares en WooCommerce.

Una vez que haya realizado sus cambios en la página del carrito, puede publicarla en vivo haciendo clic en la flecha junto al botón “Guardar” y seleccionar “Publicar”.

Publicar carrito en vivo

A continuación, deberá ajustar la URL de su carrito en la configuración de WooCommerce.

Ir WooCommerce »Configuración y luego haga clic en la pestaña ‘Avanzado’.

Configuración del carrito de WooCommerce

Después de eso, seleccione la nueva URL de la página del carrito que creó con SeedProd. Asegúrese de hacer clic en “Guardar cambios” en la parte inferior de la pantalla.

Dependiendo del tema de WooCommerce que esté usando, sus visitantes ahora pueden navegar a la página del carrito más fácilmente.

Ver el menú desplegable del carrito de WooCommerce

Esto ayudará a sus visitantes a ver sus carritos también en dispositivos móviles.

Puede continuar personalizando la página de su carrito con SeedProd, agregando nuevos bloques y cambiando el diseño hasta que sea perfecto.

Continúe probando, pruebe diferentes elementos para ver qué mejora más las conversiones.

Ejemplo de página de carrito

Para realizar un seguimiento de las conversiones de su carrito de WooCommerce, consulte nuestra guía paso a paso sobre cómo configurar el seguimiento de conversiones de WooCommerce.

Bonificación: Cómo mejorar aún más las conversiones de la página del carrito de WooCommerce

Una vez que haya creado una página de carrito personalizada de WooCommerce, puede mejorar aún más las conversiones y reducir el abandono del carrito.

Esto le ayuda a obtener aún más ingresos de su tráfico existente.

A continuación se muestran algunas formas sencillas de hacerlo.

1. Reduzca el abandono del carrito con ventanas emergentes programadas en WooCommerce

Casi el 70 por ciento de todos los carritos de compras están abandonados. Una de las mejores formas de reducir el abandono del carrito es con una ventana emergente programada.

OptinMonster es el mejor complemento emergente de WordPress utilizado por más de 1.2 millones de sitios.

Ventana emergente de OptinMonster WooCommerce

Utiliza un único Exit-Intent® tecnología para mostrar ventanas emergentes exactamente cuando un usuario está a punto de abandonar su sitio.

Puede atraerlos de nuevo con un código de cupón único solo para ellos.

Ventana emergente OptinMonster WooCommerce

Si ya le ofreció un cupón a su visitante, utilice una ventana emergente educativa que lo ayude con cualquier pregunta y lo tranquilice acerca de su compra, como este de WPForms.

Ventana emergente de intención de salida de WPForms

Hay incluso más ventanas emergentes y diapositivas únicas que también puede agregar a su sitio.

Por ejemplo, si un cliente agrega un artículo a su carrito y se va, pero luego regresa, entonces puede agregar una diapositiva que ofrezca un cupón para completar su compra.

Recordatorio del carrito de OptinMonster

Para obtener más detalles, consulte nuestra guía sobre cómo crear una ventana emergente de WooCommerce para aumentar las ventas.

2. Aumente las ventas con notificaciones de actividad social en WooCommerce

Las notificaciones de actividad social alertan a sus visitantes sobre nuevas compras que se han realizado en tiempo real. Esto usa FOMO para mejorar sus conversiones y empujarlos a comprar.

La forma más sencilla de agregar notificaciones de prueba social a la página de su carrito de WooCommerce es con TrustPulse.

Notificación de TrustPulse WooCommerce

Es el mejor complemento de prueba social para WordPress y WooCommerce en el mercado y se ha demostrado que aumenta las conversiones en un 15%.

Se puede configurar en unos minutos y puede mostrar automáticamente una burbuja de notificación con compras recientes, registros de prueba gratuitos y más.

Las notificaciones no se interpondrán en su carrito ni en la experiencia del usuario. Lo único que hacen es mejorar las conversiones de su tienda.

Notificación de alerta TrustPulse

Para obtener más detalles, consulte nuestra guía sobre cómo usar FOMO en su sitio de WordPress para aumentar las conversiones.

Esperamos que este artículo le haya ayudado a crear una página de carrito de WooCommerce personalizada sin escribir ningún código. Es posible que también desee ver nuestra guía paso a paso sobre cómo mejorar el SEO de WooCommerce para aumentar su tráfico, y nuestra selección de expertos de los mejores complementos de WooCommerce para su tienda.

Si le gustó este artículo, suscríbase a nuestro Canal de Youtube para tutoriales en video de WordPress. También puedes encontrarnos en Gorjeo y Facebook.

Deja un comentario