¿Necesitas personalizar la página de tu carrito WooCommerce?
El diseño predeterminado del carrito de WooCommerce a menudo se siente torpe y hace poco para animar a los clientes a completar su compra. Una página de carrito bien diseñada puede mejorar la experiencia del usuario, reducir el abandono de carritos y aumentar las ventas.
En este tutorial, te mostraré paso a paso cómo personalizar tu página de carrito de WooCommerce sin escribir una sola línea de código. Usaremos SeedProd, el constructor de páginas de arrastrar y soltar en el que confío para crear páginas de WooCommerce de alta conversión en minutos.
Pasos rápidos para personalizar la página del carrito de woocommerce:
- Paso 1. Instalar y activar SeedProd Instale y active SeedProd
- Paso 2. Crear una nueva plantilla de página de carrito de WooCommerce
- Paso 3. Personalizar el diseño de la página del carro Personalizar el diseño de la página del carrito
- Paso 4. Publique y vincule su nueva página de carrito
¿Por qué crear una página de carrito de WooCommerce personalizada?
¿Sabía que casi el 70% de los clientes abandonan la cesta de la compra antes de finalizar el proceso de pago? El abandono del carrito de la compra cuesta a las tiendas online miles de millones en ventas perdidas cada año.
Si te tomas el tiempo necesario para personalizar el diseño de la página del carrito de WooCommerce, podrás solucionar muchos de los motivos por los que los clientes abandonan. Un mejor diseño puede generar confianza, destacar ofertas clave y guiar a los compradores hacia el botón de pago en lugar de hacia el botón de retroceso.
Cuando editas tu página de carrito de WooCommerce para mejorar la experiencia del usuario, estás aprovechando al máximo el tráfico que ya tienes. Incluso pequeñas mejoras pueden reducir drásticamente las tasas de abandono y aumentar los ingresos sin gastar más en anuncios.
Aquí hay algunas maneras de optimizar su carrito de WooCommerce para las conversiones:
- Ofrezca gastos de envío gratuitos o muestre lo cerca que están los clientes de poder optar a ellos
- Aplicar descuentos automáticos o mostrar claramente los campos de código de cupón
- Facilite la lectura y comprensión de los totales del carrito
- Añade señales de confianza como testimonios, reseñas o insignias de seguridad
- Utiliza un botón para actualizar el carrito y asegúrate de que sea fácil de encontrar en el móvil.
En general, un diseño personalizado de la página del carrito de WooCommerce ayuda a los clientes a sentirse seguros al realizar el pago y, en última instancia, impulsa más ventas para su tienda.
Entonces, ¿cómo personalizar las páginas de carrito de WooCommerce? Vamos a descubrirlo.
Cómo personalizar la página del carrito de WooCommerce
Mucha gente utiliza plugins de carrito de la compra para optimizar las páginas de carrito en WooCommerce. Pero creemos que la forma más fácil de personalizar tu carrito es con un constructor de páginas de arrastrar y soltar como SeedProd.
SeedProd es el mejor constructor de páginas de WordPress con soporte para sitios web de WooCommerce. Puede utilizar este plugin para crear una página de carrito de WooCommerce personalizado sin escribir código.
SeedProd ofrece más de 150 plantillas de páginas de aterrizaje totalmente receptivas para empezar rápidamente. Y con el editor visual, puedes personalizar tu página y ver los cambios en tiempo real.
Además, con un montón de bloques y secciones, puedes conseguir que la página de tu carrito tenga exactamente el aspecto que deseas sin necesidad de contratar a un desarrollador.
Actualización: Ahora puede crear un tema personalizado WooCommerce con SeedProd, lo que le permite construir cualquier página WooCommerce fácilmente sin código.
Con esto en mente, sigue estos pasos para crear una página de carrito de WooCommerce personalizada con SeedProd.
Paso 1. Instalar y activar SeedProd Instale y active SeedProd
El primer paso es descargar una copia del plugin SeedProd WordPress landing page.
A continuación, instale y active el plugin en su sitio web WordPress. Si necesitas ayuda con este paso, consulta esta guía detallada sobre la instalación de un plugin de WordPress.
Nota: hay una versión gratuita de SeedProd que puede utilizar. Pero para este tutorial, vamos a utilizar la versión Elite para el soporte WooCommerce incorporado que necesitamos.
Después de activar SeedProd en su sitio WordPress, vaya a SeedProd " Configuración e introduzca la clave de licencia de su producto.
Puede encontrar su clave de licencia de SeedProd en el panel de control de su cuenta en el sitio web de SeedProd.
Paso 2. Crear una nueva plantilla de página de carrito de WooCommerce
Después de activar su clave de licencia, vaya a SeedProd " Páginas y haga clic en el botón 'Añadir nueva página de destino' para crear su página de carrito.
A partir de ahí, puede elegir una plantilla de página de carrito para utilizarla como marco para su diseño.
SeedProd ofrece cientos de plantillas adaptadas a dispositivos móviles para diversos sectores, muchas de las cuales puedes utilizar como plantillas WooCommerce. Así que cuando encuentres una plantilla que te guste, pasa el cursor sobre ella y haz clic en el icono 'Checkmark' para iniciarla.
Para esta guía, utilizaremos la 'Plantilla en blanco'. Esta plantilla te permite empezar desde cero y añadir sólo las secciones y bloques que desees.
Después de elegir su plantilla, se abre una ventana emergente para añadir un nombre y una URL a su página. A continuación, puede hacer clic en el botón "Guardar y empezar a editar la página" para abrir la plantilla en el editor visual de SeedProd.
Paso 3. Personalizar el diseño de la página del carro Personalizar el diseño de la página del carrito
El constructor de páginas arrastrar-y-soltar de SeedProd tiene un diseño distintivo de 2 columnas que lo hace fácil de usar:
- A la izquierda hay bloques y secciones para personalizar tu diseño
- A la derecha hay una vista previa en vivo de su página
Añadir contenido a la página del carrito es tan sencillo como arrastrar un bloque de la izquierda a la vista previa de la derecha.
Veamos algunos de los elementos esenciales que puedes incluir en tu página de carrito de WooCommerce.
Añadir un logotipo
Para añadir un logotipo a la página de su carrito, elija un diseño de sección que albergue los elementos de su página, como la sección estándar.
A continuación, seleccione el bloque "Imagen" y arrástrelo a la nueva sección de la derecha.
Al hacer clic en el bloque de imagen se abre el panel de configuración de contenido, donde puede cargar un logotipo desde su ordenador o desde la biblioteca multimedia de WordPress.
Desde ahí, puede añadir un enlace a su página de inicio, cambiar el tamaño de su logotipo y modificar la alineación.
Añadir un carrito WooCommerce
Ahora vamos a añadir tu carrito de la compra WooCommerce al diseño. Para ello, añade una nueva sección a tu diseño y elige el diseño de barra lateral de contenido.
Este diseño le permite añadir su carrito en la columna más grande y deja espacio en la columna más pequeña para reseñas, testimonios y otra información importante.
Para añadir tu carrito de WooCommerce a la página, desplázate hasta la sección de bloques de WooCommerce y arrastra el bloque 'Carrito' a tu nueva sección.
Al hacer clic en el icono de configuración del carro se muestra un panel con los ajustes de personalización de color, fuente y tamaño para:
- Cabeceras
- Botones
- Campos
- Alerta
- Carrito
Por ejemplo, cambiamos los colores de los botones para alinearlos mejor con la marca y el logotipo de nuestra tienda.
Añadir reseñas y testimonios
¿Recuerdas la segunda columna? En esta guía, utilizaremos esa columna para mostrar los testimonios de los clientes y las puntuaciones con estrellas.
Una prueba social de este tipo puede animar a los compradores que están a punto de pasar por caja a completar la venta. Al fin y al cabo, las opiniones positivas de clientes reales son mucho más convincentes que la palabra de una marca.
Para añadir testimonios a tu página de carrito de WooCommerce, busca el bloque Testimonios bajo el encabezado de bloques 'Avanzados' y arrástralo hasta tu columna estrecha de la derecha.
Y como todos los bloques de SeedProd, al hacer clic en él se muestran los ajustes para personalizar su contenido testimonial. Por ejemplo, puedes añadir un retrato personalizado y el nombre del cliente, cambiar la alineación e incluso añadir varias opiniones en un carrusel de testimonios.
Para que tus opiniones sean aún más convincentes, puedes arrastrar el bloque de valoración por estrellas y colocarlo debajo del carrusel de testimonios.
Añadir escasez y urgencia
Una de las mejores formas de conseguir que los clientes potenciales lleguen a la caja de tu WooCommerce es crear una sensación de urgencia. Así, si los compradores no actúan ahora, pueden perderse una oferta interesante.
La forma más fácil de añadir escasez a su página de carrito de WooCommerce es con un temporizador de escasez o un reloj de cuenta atrás. Y SeedProd tiene esa opción incorporada.
Todo lo que tiene que hacer es seleccionar el bloque "Temporizador de cuenta atrás" de la sección de bloques "Avanzados" y arrastrarlo a la parte superior de su carrito. A continuación, selecciona la opción "Temporizador de visitantes" para que el temporizador se actualice para cada visitante.
A continuación, en la pestaña Configuración avanzada, puede personalizar los colores para que coincidan con el resto de su carrito.
Ahora vamos a añadir un encabezado que diga a los usuarios que tienen un tiempo determinado hasta que caduque su carrito. Para ello, arrastre sobre el bloque "Encabezado" e introduzca el texto.
Venta cruzada de productos WooCommerce
Tu página de carrito de WooCommerce es un lugar excelente para promocionar y recomendar otros productos o servicios. De esta forma, puedes atraer a los compradores antes de que realicen el pago con productos relevantes que puedan gustarles.
Y la buena noticia es que SeedProd ofrece varias rejillas de productos diferentes que le permiten mostrar productos en cualquier página. Puedes encontrarlas dirigiéndote a la sección de bloques 'WooCommerce' y elegir entre:
- Productos recientes
- Venta de productos
- Productos más vendidos
- Productos destacados
- Los productos mejor valorados
Por ejemplo, puedes arrastrar el bloque "Productos en oferta" y añadirlo justo debajo de tu carrito de WooCommerce. De esta forma, los compradores tendrán la oportunidad de añadirlos a su carrito antes de pasar por caja.
Paso 4. Publique y vincule su nueva página de carrito
Después de hacer los cambios en la página de tu carrito, es hora de publicarla y hacerla funcionar en tu tienda WooCommerce. Para ello, haz clic en la flecha desplegable junto al botón verde Guardar y selecciona Publicar.
A continuación, la tarea final es ajustar la URL de su carrito en la configuración del plugin WooCommerce. Así que ve a WooCommerce " Configuración y haz clic en la pestaña Avanzado.
A continuación, junto al encabezado 'Página del carrito', seleccione la nueva página del carrito que creó con SeedProd. Recuerde hacer clic en el botón Guardar cambios en la parte inferior de la pantalla.
Ahora, cuando los compradores puedan hacer clic en el enlace "Ver carrito" de tu sitio web, verán tu nueva página de carrito personalizada de WooCommerce.
Preguntas frecuentes sobre la personalización de la página del carrito de WooCommerce
Personalizar la página del carrito de WooCommerce es una de las formas más rápidas de reducir el abandono de carritos y aumentar las ventas. Mejorando el diseño, añadiendo señales de confianza y eliminando fricciones, puedes convertir a más compradores en clientes de pago.
Con SeedProd, puedes editar el diseño de tu página de carrito WooCommerce sin tocar una sola línea de código. Su constructor de arrastrar y soltar hace que sea fácil crear una página de carrito totalmente de marca que está optimizado para las conversiones.
Si quieres hacer un seguimiento de las conversiones de tu carrito de WooCommerce, consulta nuestro post sobre cómo configurar el seguimiento de conversiones de WooCommerce y esta guía sobre cómo solucionar que no funcione la vista del carrito de WooCommerce.
Gracias por leernos. Por favor, síguenos en YouTube, Twitter y Facebook para más contenido útil para hacer crecer tu negocio si te ha gustado este artículo.
