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

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

La página predeterminada del carrito de compras de WooCommerce no está optimizada para las 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 su página de carrito de compras de WooCommerce sin ningún conocimiento técnico.

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

Crear una página de carrito de compras personalizada para WooCommerce le brinda la oportunidad de aumentar las 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 regresarán.

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

Ejemplo de una página de carrito de compras de OptinMonster

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

Dicho esto, veamos cómo puede personalizar su página de carrito de compras de WooCommerce sin un código.

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

Producto de semilla es el mejor diseñador 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 compras personalizada de WooCommerce para realizar 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 el complemento de WordPress.

Nota: hay 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 que el complemento está activado, debe ir a SeedProd »Configuración e ingrese la clave de licencia de su producto.

Introduzca la clave de licencia de SeedProd

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

Una vez que hagas eso, ve a SeedProd »Páginas y haga clic en el botón "Agregar una nueva página de destino" para crear su página de carrito.

Agregar una nueva página para el carrito de SeedProd

Luego, debe elegir una plantilla para la página del carrito. Hay docenas de plantillas diseñadas profesionalmente que puede usar. Una vez que encuentre una plantilla que le guste, desplace el cursor sobre ella y haga clic en el icono Marcador.

Usaremos la plantilla "Blank", ya que nos permite agregar solo las secciones deseadas.

Seleccione la plantilla SeedProd

Luego se le pedirá que asigne un nombre a la página de su carrito y luego haga clic en "Guardar y comenzar a editar la página".

Esto lo llevará al constructor de arrastrar y soltar, donde puede comenzar a crear 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 poder hacer clic para reducir el retraso.

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

Luego simplemente seleccione el bloque 'Imagen' y arrástrelo a su página. Luego cargue su logotipo desde su biblioteca de imágenes.

Agregar un encabezado a un bloque de imagen

Puede personalizar esto completamente con el panel de opciones a la izquierda.

Luego haga clic en el bloque de contenido y la barra lateral en la sección "Elija su diseño:".

Elija un diseño de SeedProd

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

Luego busque el bloque "Carrito de la compra" en la sección WooCommerce y arrástrelo.

Agregar un carrito de compras a WooCommerce

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

Personalice la unidad del carrito de compras de WooCommerce

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

Busque el bloque Comentarios y arrástrelo a la sección abierta.

Agregar un bloque de recomendaciones

Tienes control total sobre la apariencia de tus recomendaciones.

Hay una opción para agregar una foto de cliente, cambiar la recomendación, agregar una posición y más.

Personaliza el bloque de referidos

Si desea agregar algunas recomendaciones, siga los mismos pasos anteriores.

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

Simplemente seleccione el bloque "Calificación por estrellas" y arrástrelo debajo de su recomendación.

Agregar un bloque de clasificación por estrellas

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

Todo lo que tiene que hacer es seleccionar el bloque del temporizador de cuenta regresiva y arrastrarlo a la parte superior de su carrito. A continuación, seleccione la opción "Temporizador de visitantes" para que el temporizador se actualice para todos sus visitantes.

Bloque de hoja perenne con temporizador de cuenta regresiva

Luego agregue un título que informe a sus compradores que tienen un período determinado hasta que caduque su carrito.

Simplemente arrastre sobre el bloque de título e ingrese su texto.

Encabezado del temporizador de cuenta regresiva

Otra gran característica para agregar es la sección de productos populares. Esto le permite mejorar sus ventas mediante la promoción de otros productos populares que pueden interesar a sus clientes.

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

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

Agregar un 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 los cambios en la página del carrito, puede publicarla en vivo haciendo clic en la flecha junto al botón "Guardar" y seleccionando "Publicar".

Publicar el carrito en vivo

Luego deberá ajustar la URL de su carrito de compras en la configuración de WooCommerce.

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

Configuración del carrito de compras de WooCommerce

Luego seleccione la URL de la nueva página del carrito que creó con SeedProd. Asegúrese de hacer clic en 'Guardar cambios' en la parte inferior de la pantalla.

Según el tema de WooCommerce que utilice, sus visitantes ahora pueden navegar más fácilmente a la página del carrito de compras.

Ver el menú desplegable de la cesta de WooCommerce

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

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

Siga probando, pruebe diferentes elementos para ver cuál mejora más sus conversiones.

Ejemplo de una página de carrito

Seguimiento de conversiones en sus carritos de compras de WooCommerce, consulte nuestra guía paso a paso sobre cómo configurar el seguimiento de conversiones en WooCommerce.

Bonificación: cómo mejorar aún más la conversión de páginas en la cesta de WooCommerce

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

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

Aquí hay algunas formas simples de hacerlo.

1. Reducir el abandono de carritos emergentes con el tiempo en WooCommerce

Casi el 70 por ciento de todos los carritos de compras están abandonados. Una de las mejores maneras de reducir el abandono de la silla de ruedas es con una ventana emergente de tiempo.

OptinMonster es el mejor complemento emergente para WordPress, utilizado por más de 1,2 millones de sitios.

Ventana emergente OptinMonster WooCommerce

usos únicos Exit-Intent® tecnología emergente justo cuando un usuario está a punto de abandonar su sitio.

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

Ventana emergente OptinMonster WooCommerce

Si ya le ha ofrecido un cupón a su visitante, utilice una ventana emergente educativa que lo ayude con cualquier pregunta y lo tranquilice para comprarlo, como el de WPForms.

Ventana emergente con la intención de salir de WPForms

Hay aún 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 regresa más tarde, puede agregar un deslizador que ofrece un cupón para completar su compra.

Recordatorio del cochecito 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 las notificaciones de actividad social de WooCommerce

Las alertas de actividad social alertan a los visitantes sobre nuevas compras realizadas en tiempo real. Esto utiliza FOMO para mejorar sus conversiones y alentarlos a comprar.

La forma más fácil de agregar notificaciones de prueba social a su página de carrito de compras de WooCommerce es TrustPulse.

Aviso 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 minutos y puede mostrar automáticamente una burbuja de notificaciones con compras recientes, registros de prueba gratuitos y más.

Las notificaciones no interferirán con su carrito de compras o la experiencia del usuario. Lo único que hacen es mejorar tus conversiones en la tienda.

Advertencia de 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 lo haya ayudado a crear una página de carrito de compras personalizada de WooCommerce sin escribir código. También es posible que 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 experta de los mejores complementos de WooCommerce para su tienda.

Si te ha gustado este artículo, suscríbete al nuestro. Canal de Youtube para videos tutoriales para WordPress. También puedes encontrarnos en Gorjeo y Facebook.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir