How To Create A Custom Woocommerce Cart Page (No Coding)

Cómo crear una página de carrito de WooCommerce personalizada (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 su carrito, puede mejorar drásticamente sus conversiones y aumentar sus 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 de WooCommerce personalizada en WordPress?

La creación de una página de carrito 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 y nunca regresará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 a punto de completar la compra. La página de su carrito de WooCommerce debe hacer todo lo posible para que se produzca la conversión. Dicho esto, veamos cómo puede personalizar la página de su carrito de WooCommerce sin un 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 un millón de sitios web. Le permite crear fácilmente una página de carrito de WooCommerce personalizada para aumentar sus 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.
Notar: Hay una versión gratuita de SeedProd que puede usar, pero para este tutorial usaremos la versión Pro, ya que tiene los bloques de WooCommerce incorporados que necesitamos. Una vez que se activa el complemento, debe ir a SeedProd »Configuración e ingrese la clave de licencia de su 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 de compras.
Agregar Una Nueva Página De Carrito De Seedprod
Después de eso, debe elegir una plantilla de página de carrito de compras. Hay docenas de plantillas diseñadas profesionalmente que puede utilizar. Una vez que haya encontrado una plantilla que le guste, coloque el cursor sobre ella y haga clic en el icono «Marca de verificación». Vamos a utilizar la plantilla ‘En blanco’ porque nos permite agregar solo las secciones que queramos.
Seleccione El Modelo De 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 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 que se pueda hacer clic para reducir el abandono. Esto mantiene su marca en su lugar, pero ofrece a sus visitantes menos puntos de venta, por lo que es más probable que realicen una compra. Luego, seleccione el bloque «Imagen» y arrástrelo a su página. Luego cargue su logo desde su biblioteca de imágenes.
Agregar Un Encabezado De Cuadro De Imagen
Puede personalizarlo completamente con el panel de opciones de la izquierda. Luego haga clic en el bloque de contenido y la 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 testimonios. Después de eso, ubique el bloque «Carrito» en la sección WooCommerce y arrástrelo.
Agregar Un Bloque De Carrito De Woocommerce
Puede personalizar cada parte de la cesta, incluida su elección de fuente, colores, botones, etc.
Personaliza El Bloque De Carrito De Woocommerce
Luego, 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 Un Bloque De Testimonios
Tienes control total sobre la apariencia de tus testimonios. Es posible agregar una foto de un cliente, modificar el testimonio, agregar una publicación, etc.
Personaliza El Bloque De Testimonios
Si desea agregar varios testimonios, siga los mismos pasos anteriores. Otra buena idea es agregar una nota debajo de su testimonio. Simplemente seleccione el bloque ‘Calificación de estrellas’ y arrástrelo debajo de su testimonio.
Agregar Un Bloque De Calificación Con 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 ‘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 De Cuenta Regresiva
Luego, agregue un título para que sus compradores sepan que tienen un período establecido hasta que caduque su carrito. Simplemente arrastre sobre el bloque «Título» e ingrese su texto.
Encabezado De Cuenta Regresiva
Otra característica interesante para agregar es una sección de productos populares. Esto le permite mejorar sus ventas promocionando otros productos populares que pueden ser de interés para 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.
Agregue El Bloque De Producto Seedprod
Para obtener más detalles sobre cómo agregar productos populares a WooCommerce, consulte nuestra guía sobre cómo ver productos populares en WooCommerce. Después de realizar sus cambios en la página del carrito, puede publicarla en vivo haciendo clic en la flecha junto al botón «Guardar» y seleccione «Publicar».
Publica El Carrito En Vivo
A continuación, deberá ajustar la URL de su carrito en la configuración de WooCommerce. Ir a 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, sus visitantes ahora pueden acceder a la página del carrito más fácilmente.
Ver La Lista Desplegable Del Carrito De Woocommerce
Esto ayudará a sus visitantes a ver sus carritos de compras 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. Siga probando, pruebe diferentes cosas para ver qué mejora más las conversiones.
Ejemplo De Página De Carrito De Compras
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.

Bono: 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 WooCommerce personalizada, puede mejorar aún más las conversiones y reducir los abandonos del carrito. Esto le ayuda a generar 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 utilizar una ventana emergente programada. OptinMonster es el mejor complemento contextual de WordPress utilizado por más de 1.2 millones de sitios.
Ventana Emergente De Optinmonster Woocommerce
Utiliza la tecnología exclusiva Exit-Intent® para mostrar ventanas emergentes exactamente cuando un usuario está a punto de abandonar su sitio. Puede atraerlos con un código de promoción único solo para ellos.
Ventana Emergente De Optinmonster Woocommerce
Si ya le ha regalado un cupón a su visitante, use una ventana emergente educativa que responda cualquier pregunta y lo tranquilice acerca de su compra, como el de WPForms.
Ventana Emergente De Intento 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 regresa más tarde, puede agregar una diapositiva que ofrezca un cupón para completar su compra.
Recordatorio De Cesta 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 hacer que compren. La forma más fácil de agregar notificaciones de prueba social a su página de 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 minutos y puede mostrar automáticamente una burbuja de notificación con compras recientes, registros de prueba gratuitos y más. Las notificaciones no interferirán con su carrito o su experiencia de 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 el uso de FOMO en su sitio de WordPress para aumentar las conversiones. Esperamos que este artículo te 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 WooCommerce SEO 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 ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.

Leave a Reply