¿Le gustaría crear una página de carrito de WooCommerce personalizada?

La página predeterminada del carrito de WooCommerce no está optimizada para las conversiones. Al optimizar el diseño de la página de su carrito de compras, puede aumentar significativamente su tasa de conversión y obtener más ventas.

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

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

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

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

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

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

Ejemplo de página de carrito de compras de OptinMonster

Cuando sus visitantes tienen un artículo en su carrito, están muy cerca de completar la compra. Su página de carrito de WooCommerce debería hacer todo lo posible para convertir.

Habiendo dicho eso, veamos cómo personalizar su página de 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 páginas de carrito de WooCommerce personalizadas para obtener 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 complementos de WordPress.

notas: Puede usar la versión gratuita de SeedProd, pero para este tutorial usaremos la versión Pro ya que tiene los bloques de WooCommerce incorporados que necesitamos.

Después de activar el complemento, debe ir a SeedProd » Ajustes e ingrese la clave de licencia de su producto.

Introduzca la clave de licencia de SeedProd

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

Cuando haya terminado, vaya a SeedProd » Página y haga clic en el botón “Agregar nueva página de destino” para crear su página de carrito.

Agregar una nueva página de carrito de SeedProd

Después de eso, debe elegir una plantilla de página de carrito de compras. Puede usar docenas de plantillas diseñadas profesionalmente. Una vez que encuentre una plantilla que le guste, desplace el cursor sobre ella y haga clic en el icono de “marca de verificación”.

Usaremos la plantilla “en blanco” porque nos permite agregar solo las partes que queremos.

Seleccione la plantilla SeedProd

A continuación, se le pedirá que asigne un nombre a la página de su carrito y haga clic en “Guardar y comenzar a editar la página”.

Esto lo llevará al generador de arrastrar y soltar donde puede comenzar a crear su página de carrito personalizada.

Primero, agregaremos un bloque de imagen y cargaremos un logotipo. Puede ajustarlo para que se parezca a su título sin tener que hacer clic en él para reducir el abandono.

Esto mantiene la imagen de su marca, pero reduce la cantidad de salidas que tienen sus visitantes, por lo que es más probable que realicen una compra.

A continuación, simplemente seleccione el bloque “Imágenes” y arrástrelo a su página. Luego, cargue su logotipo desde su biblioteca de imágenes.

Agregar encabezado de bloque de imagen

Puede personalizarlo completamente usando el panel de opciones a la izquierda.

A continuación, haga clic en los bloques 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, así como una sección de recomendaciones.

Después de eso, busque el bloque “Carrito de la compra” en la sección WooCommerce y arrástrelo.

Agregar bloque de carrito de WooCommerce

Puede personalizar cada parte de su carrito, incluidas las opciones de fuente, colores, botones y más.

Bloque de carrito personalizado de WooCommerce

A continuación, puede agregar bloques de referencia. Estos sirven como prueba social para el visitante y le muestran que tomó la decisión correcta.

Busque el bloque “Recomendaciones” y arrástrelo a la sección abierta.

Agregar bloque de recomendaciones

Tienes control total sobre la apariencia recomendada.

Hay opciones para agregar fotos de clientes, cambiar testimonios, agregar títulos de trabajo y más.

Bloque de referencia personalizado

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

Otra buena idea es agregar calificaciones de estrellas debajo de sus testimonios.

Simplemente seleccione el bloque “estrella” y arrástrelo debajo de su recomendación.

Agregar bloque de estrellas

Si desea crear escasez para alentar a sus clientes a comprar de inmediato, 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 del carrito. Luego, seleccione la opción “Temporizador de visitantes” para actualizar el temporizador para todos los visitantes.

Bloque Evergreen de cuenta regresiva

Luego, agregue un encabezado que informe a sus compradores que tienen una cantidad de tiempo fija hasta que caduque su carrito.

Simplemente arrastre el bloque “Título” e ingrese su texto.

título del temporizador de cuenta regresiva

Otra gran característica para agregar es la sección de productos populares. Esto le permite aumentar las 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” desde la sección “WooCommerce”.

También puede seleccionar cualquier otro bloque de productos que desee agregar.

Agregar bloque de producto 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.

Después de realizar 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 carrito de compras en tiempo real

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

ir con WooCommerce » Configuración 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é utilizando, ahora es más fácil para sus visitantes navegar a la página del carrito.

Consulte el menú desplegable del carrito de WooCommerce

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

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

Siga experimentando con diferentes elementos para ver qué funciona mejor para aumentar las conversiones.

Ejemplo de una página de carrito de compras

Para realizar un seguimiento de las conversiones del carrito de la compra 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 crea una página de carrito de WooCommerce personalizada, puede aumentar aún más las conversiones y reducir el abandono del carrito.

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

Aquí hay algunas maneras fáciles de hacerlo.

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

Casi el 70% de los carros de la compra están abandonados. Una de las mejores formas de reducir el abandono del carrito es cronometrar las ventanas emergentes.

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

Ventana emergente OptinMonster WooCommerce

Utiliza la tecnología única Exit-Intent® para mostrar ventanas emergentes exactamente cuando los usuarios están a punto de abandonar su sitio.

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

OptinMonster aparece para WooCommerce

Si ya ha ofrecido cupones a sus visitantes, use ventanas emergentes educativas para ayudar a resolver cualquier inquietud y darles tranquilidad para comprar, como esta en WPForms.

Ventana emergente de intención de salida de WPForms

También puede agregar más ventanas emergentes y presentaciones de diapositivas únicas a su sitio web.

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

Alerta de carrito de compras OptinMonster

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

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

Las notificaciones de actividad social alertan a sus visitantes sobre nuevas compras realizadas en tiempo real. Esto utiliza FOMO para aumentar su tasa de conversión y llevarlos a comprar.

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

Notificaciones 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 burbujas de notificación para compras recientes, registros de prueba gratuitos y más.

Las notificaciones no se interponen en el camino de su carrito o la experiencia del usuario. Lo único que hacen es aumentar la tasa de conversión de su tienda.

Notificaciones 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 lo haya ayudado a crear una página de carrito de WooCommerce personalizada sin escribir ningún código. También puede consultar nuestra guía paso a paso sobre cómo mejorar el SEO de WooCommerce para aumentar el tráfico, así como nuestras selecciones de expertos para los mejores complementos de WooCommerce para su tienda.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para videos tutoriales de WordPress.También puedes encontrarnos en Gorjeo y Facebook.

Los datos expuestos en este sitio web son de índole informativo, no necesariamente están actualizados. Esta información es una recopilación de información de internet.