EN RESUMEN: Personalizar una página de carrito WooCommerce
Puedes personalizar la página de carrito de WooCommerce en el Editor de Sitios de WordPress con un tema de bloques, o con un constructor como SeedProd en cualquier tema. Tu tema decide qué ruta aplicar, así que compruébalo primero.
- Comprueba tu tema: Apariencia » Editor significa un tema de bloques, Apariencia » Personalizar significa uno clásico.
- Tema de bloques: abre Plantillas » WooCommerce » Carrito en el Editor de Sitios y rediseña los bloques alrededor del bloque Carrito.
- Tema clásico: edita la página que contiene el shortcode
[woocommerce_cart], o reemplázalo con una plantilla de constructor. - Cualquier tema: crea una plantilla de página de carrito en SeedProd, inserta el bloque Carrito y mantén los testimonios junto a los totales.
- Luego asígnala: WooCommerce solo sirve tu página una vez que la seleccionas en Ajustes » Avanzado.
La primera vez que abrí la página del carrito en una tienda WooCommerce que gestionaba, asumí que algo se había roto. Todas las demás páginas llevaban la marca del cliente. El carrito era una tabla simple con un botón gris.
Nada se había roto. El carrito predeterminado de WooCommerce es realmente una tabla simple sin encartes y sin señales de confianza, y en un teléfono el botón de pago queda por debajo del pliegue.
He pasado 15 años personalizando temas y diseños de página de WordPress, y el carrito es la página que los propietarios se saltan. Cómo personalices tu página de carrito de WooCommerce depende de tu tema, así que empieza por ahí.
- Comprueba qué ruta de página de carrito utiliza tu tema
- Tres rutas de página de carrito, comparadas
- Una página de carrito personalizada recupera ventas que el diseño predeterminado pierde
- Cómo personalizar la página de carrito de WooCommerce
- Comprueba que la nueva página de carrito se esté sirviendo realmente
- Solución de problemas de una página de carrito WooCommerce personalizada
- Preguntas frecuentes sobre la personalización de la página de carrito de WooCommerce
Comprueba qué ruta de página de carrito utiliza tu tema
Hay tres formas de editar una página de carrito de WooCommerce, y tu tema decide cuáles dos tienes abiertas, así que compruébalo antes de tocar nada.
Abre Apariencia en tu panel de WordPress. Si ves Editor, estás en un tema de bloques. Si ves Personalizar en su lugar, estás en un tema clásico.
Ese único elemento del menú es lo primero que compruebo en cualquier sitio que me hago cargo, porque la mitad de las instrucciones sobre este tema asumen la respuesta incorrecta.
Tema de bloques: Edita la plantilla del Carrito en el Editor del Sitio
Ve a Apariencia » Editor, luego a Plantillas » WooCommerce. Abre Página: Carrito. Eso te pone en la plantilla de la página del carrito en sí, no en una página individual.

El bloque Elemento del Carrito de WooCommerce es la pieza que hace el trabajo en esa plantilla. Es un contenedor que alberga los productos del carrito, los totales del pedido, el campo de cupón, las opciones de envío y el botón de pago.

Abre la Vista de Lista y puedes seleccionar cualquiera de esas partes y editarla por sí sola. Cuando el carrito está vacío, el bloque cambia a su vista de Carrito Vacío con un mensaje y sugerencias de productos.
Puedes cambiar el diseño de la plantilla, sus colores y cualquier bloque que añadas alrededor del carrito. Lo que no puedes cambiar fácilmente es el aspecto de los campos y botones propios del carrito. Estos siguen la configuración de tu tema, no un panel propio.
Tema clásico: Edita la página con el shortcode del carrito
En un tema clásico, ve a Páginas » Todas las páginas y abre la página asignada como tu carrito. Dentro encontrarás una sola línea de contenido, el shortcode [woocommerce_cart].
Ese shortcode es todo el carrito. WooCommerce lo reemplaza por la tabla del carrito cuando la página se carga, y tu tema decide cómo se ve esa tabla.
Puedes añadir contenido por encima y por debajo libremente. Dentro, apenas puedes cambiar nada. Deja el shortcode donde está a menos que lo reemplaces con un bloque de carrito de un constructor, que es la tercera vía.
Cualquier tema: Crea la página del carrito en un constructor visual
La tercera vía funciona en ambos tipos de tema, porque el constructor se encarga completamente de la página. Diseñas una plantilla de página de carrito, pones el bloque de carrito propio del constructor en ella y apuntas WooCommerce hacia ella.

Cada constructor en el que he trabajado a lo largo de los años, incluyendo Beaver Builder, Elementor y Divi, te da un control real sobre el diseño y quita el poder a tu tema.
Esta es la vía que el resto de esta guía recorre, usando SeedProd.
Tres rutas de página de carrito, comparadas
Las tres vías son cosas que un propietario de tienda no técnico puede hacer sin abrir un archivo de plantilla. Lo que las separa es cuánto del carrito en sí mismo puedes retocar.
| Vía | Funciona en | Qué puedes cambiar | Qué no hará | Coste |
|---|---|---|---|---|
| Editor de Sitios | Solo temas de bloques | Diseño de plantilla, colores y cualquier bloque que añadas alrededor del carrito | Retocar los campos y botones propios del carrito más allá de la configuración de tu tema | Gratis con WooCommerce |
| Clásico | Solo temas clásicos | Cualquier cosa por encima y por debajo del shortcode [woocommerce_cart] | Cambiar la tabla del carrito en sí, que tu tema controla | Gratis con WooCommerce |
| SeedProd | Cualquier tema, de bloques o clásico | Colores del carrito, fuentes, botones, campos, bordes, además de cualquier otro bloque en la página | Funciona en los planes gratuito, Básico, Plus o Pro, porque el bloque Carrito es solo para Élite | SeedProd Élite, 599 $ al año |
Recomiendo la vía del constructor, porque es la única que te permite retocar los botones, campos y totales del carrito en lugar de heredarlos. En una tienda donde el carrito es la página menos personalizada que tienes, ese es todo el trabajo.
Si tu tema ya muestra bien la tabla del carrito, el Editor del Sitio hace el resto gratis. Añadir una insignia de confianza y una cuadrícula de productos alrededor del carrito no necesita un plugin de pago.
SeedProd también puede crear un tema completo de WooCommerce en el plan Élite, cubriendo la página de tienda, archivos de producto, páginas de producto individual, carrito y pago, así que toma esa vía si el carrito no es la única página que quieres cambiar.
Pagar por un plugin para cambiar una página es una objeción justa. Es por eso que la vía gratuita del Editor del Sitio se sitúa primero en la tabla. Si el carrito es la única página que tocarás, las matemáticas no favorecen a Élite.
Una plantilla personalizada no rompe el pago, porque el pago es una página separada de WooCommerce con su propia plantilla. El traspaso entre ellas es lo único que puede romperse, y el Paso 4 cubre cómo demostrar que no lo hizo.
Cuándo te conviene más no tener una página de carrito
Es posible que tu tienda no necesite una página de carrito en absoluto, y hay tres formas comunes de reducirla o eliminarla.
- Un carrito lateral: un panel que se desliza sobre la página del producto cuando alguien añade un artículo, de modo que nunca abandona la página que estaba viendo.
- Omitir el carrito: el botón Añadir al carrito envía al comprador directamente a la página de pago, eliminando un paso del proceso.
- Combinar carrito y pago: una sola página contiene la revisión de la cesta y el formulario de pago, de modo que el comprador ve el total y los campos juntos.
Ninguna de estas opciones es un comportamiento central de WooCommerce. Un carrito lateral suele provenir de tu tema o de un plugin dedicado, y omitir el carrito también requiere uno.
La decisión depende del tamaño de la cesta, así que si los compradores compran un artículo a la vez, la página del carrito es un obstáculo y eliminarla es la decisión correcta.
Mantén la página del carrito si las cestas suelen contener varios productos, o si tienes un umbral de envío gratuito. Ambas opciones requieren una pantalla donde el comprador pueda ver el total acumulado y decidir añadir más.
Una página de carrito personalizada recupera ventas que el diseño predeterminado pierde
Una página de carrito personalizada recupera ventas porque la predeterminada las pierde por detalles que puedes comprobar tú mismo. Abre tu página de carrito en una pestaña y tu página de inicio en otra, y luego compara las dos.
El carrito predeterminado no tiene logotipo, ni señal de confianza, ni nada que sugiera un segundo producto. En un teléfono, el botón de pago suele estar por debajo del pliegue.
El carrito es la página que siempre he encontrado intacta cuando me hago cargo de una tienda, porque los propietarios diseñan la página de inicio y las páginas de producto y luego se quedan sin energía.
Alrededor del 70% de los carritos de compra en línea se abandonan, según el Instituto Baymard, lo que promedia un 70,22% en 50 estudios independientes. El abandono del carrito de la compra tiene muchas causas, y la página del carrito es la parte que tú controlas.
Cada una de las soluciones que se presentan a continuación cierra una de esas brechas, así que aquí tienes algunas formas de optimizar tu carrito de WooCommerce para obtener conversiones:
- Ofrece envío gratuito o muestra lo cerca que están los clientes de calificar para él
- Aplica descuentos automáticos o muestra los campos de códigos de cupón claramente
- Haz que los totales del carrito sean fáciles de leer y entender
- Añade señales de confianza como testimonios, reseñas o insignias de seguridad
- Actualiza el total al instante cuando alguien cambia una cantidad, sin recargar la página y sin un botón de actualización separado
Cómo personalizar la página de carrito de WooCommerce
La ruta que funciona en cualquier tema es construir la página del carrito en un constructor visual y luego dirigir WooCommerce hacia ella. Mucha gente recurre a un plugin de carrito de la compra en su lugar, lo cual es una decisión razonable si todo lo que quieres es rediseñar la tabla existente.

SeedProd es un constructor de sitios web de WordPress de arrastrar y soltar con bloques de WooCommerce integrados, incluido el bloque de Carrito que utiliza esta compilación, por lo que editas visualmente y ves cómo cambia la página del carrito mientras trabajas.
Durante más de 15 años he trabajado en la mayoría de los constructores visuales de sitios web del mercado. Este es el que utilizo en nuestros propios sitios. Aquí tienes esa ruta, paso a paso.
Paso 1. Instalar y Activar SeedProd
El primer paso es descargar una copia del plugin de páginas de destino de WordPress SeedProd.
Luego instala y activa el plugin en tu sitio web de WordPress. Para obtener ayuda con este paso, consulta esta guía detallada sobre cómo instalar un plugin de WordPress.
Comprueba primero tu plan. Existe una versión gratuita de SeedProd que es realmente buena para páginas de "próximamente" y de mantenimiento. El bloque de Carrito de WooCommerce que necesita este tutorial está en el plan Elite, y los planes Basic, Plus y Pro tampoco lo incluyen.
Estoy usando el plan Elite aquí, porque ahí es donde viven los bloques de WooCommerce. Nada de lo que se indica a continuación cambia en un plan diferente. Simplemente no encontrarás el bloque del carrito.
Después de activar SeedProd en tu sitio de WordPress, ve a SeedProd » Ajustes e introduce tu clave de licencia de producto.

Paso 2. Crea una nueva plantilla de página de carrito de WooCommerce
Después de activar tu clave de licencia, ve a SeedProd » Páginas y haz clic en el botón 'Añadir nueva página de destino' para crear tu página de carrito.

Desde allí, puedes elegir una plantilla de página de carrito para usar como marco para tu diseño.

SeedProd incluye más de 300 plantillas adaptables a móviles en los planes Pro y Elite, que cubren la mayoría de las industrias. Cuando encuentres una que te guste, pasa el cursor sobre ella y haz clic en el icono de la 'Marca de verificación' para lanzarla.
Para una página de carrito, siempre empiezo desde la Plantilla en blanco, porque una página de carrito necesita dos columnas y muy poco más. Una plantilla de marketing solo te da secciones para eliminar.

Después de elegir tu plantilla, se abre una ventana emergente. Añade un nombre y una URL para tu página. Luego haz 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 y la apariencia de la página de carrito
Diseña primero la vista del teléfono, luego la del escritorio, porque un diseño de carrito que funciona en un teléfono casi siempre funciona también en una pantalla ancha. Usa el selector de dispositivos del editor para cambiar entre ambas.
Comprueba tus propias analíticas para la división entre escritorio y móvil en lugar de asumirla, y luego diseña para la que esté ganando.
El diseño que hace la mayor parte del trabajo en una página de carrito es una barra lateral de contenido. El carrito va en la columna ancha, los testimonios y las valoraciones con estrellas en la estrecha. La prueba social permanece en pantalla mientras el comprador lee el total.
El constructor de sitios web de arrastrar y soltar de SeedProd tiene un diseño distintivo de 2 columnas que facilita su uso:
- A la izquierda se encuentran los bloques y secciones para personalizar tu diseño
- A la derecha hay una vista previa en vivo de tu página
Añadir contenido a tu página de carrito es tan sencillo como arrastrar un bloque desde la izquierda a tu vista previa de la derecha.

Añadir un logotipo
El logo es la señal de confianza más barata en una página de carrito y la más rápida de añadir, porque un comprador que llega a un carrito sin marca se detiene a comprobar si todavía está en tu sitio.
Primero necesitas una sección para albergar los elementos de tu página. Elige un diseño de sección, como la sección estándar.

A continuación, elige el bloque 'Imagen' y arrástralo a tu nueva sección de la derecha.

Al hacer clic en el bloque de imagen se abre el panel de configuración de contenido. Sube un logo desde tu ordenador o la biblioteca de medios de WordPress. Desde allí, puedes añadir un enlace a tu página de inicio, cambiar el tamaño de tu logo y modificar la alineación.

Añadir un carrito de WooCommerce
Ahora añade tu carrito de compras de WooCommerce al diseño. Añade una nueva sección y elige el diseño de barra lateral de contenido.

La columna ancha contiene el carrito. La estrecha es donde va la prueba social.
Para añadir tu carrito de WooCommerce a la página, desplázate hacia abajo hasta la sección de bloques de WooCommerce y arrastra el bloque 'Carrito' a tu nueva sección.

Haz clic en el icono de configuración del carrito y la pestaña Estilos se divide en cinco grupos, cada uno controlando una parte diferente del carrito:
- Encabezados: el color del texto, el fondo y la fuente de la fila de encabezado del carrito
- Botones: el estilo del botón (Plano, 2D, Vintage, Fantasma o Enlace), el color y el radio de las esquinas
- Campos: los colores de fondo, texto y borde de los campos de código de cupón y cantidad
- Alertas: los colores de resaltado para mensajes de información, error y éxito
- Carrito: el borde, el fondo, el color del texto y las fuentes del contenedor
Cambié los colores de los botones para que coincidieran con la marca y el logo de la tienda.

El botón de pago es el único botón en esta página que quieres que alguien presione. Haz que sea lo más obvio de la pantalla.
Añadir Reseñas y Testimonios
En esa segunda columna es donde pongo los testimonios de los clientes y las valoraciones con estrellas, porque la prueba social puede empujar a un comprador que está a punto de pagar a terminar la compra.
Para añadir testimonios a tu página de carrito de WooCommerce, busca el bloque Testimonios bajo el encabezado de bloques ‘Avanzados’. Arrástralo a tu columna estrecha de la derecha.

Como con cada bloque de SeedProd, al hacer clic en él se muestran las opciones para personalizar el contenido. Puedes añadir una foto de perfil personalizada y el nombre del cliente, y cambiar la alineación. Varias reseñas pueden funcionar en un carrusel de testimonios.

Para hacer tus reseñas aún más convincentes, arrastra el bloque Calificación por estrellas y colócalo debajo de tu carrusel de testimonios.

Mantén las calificaciones al mismo nivel que los totales del carrito en lugar de debajo de ellos, porque el comprador lee el precio y la tranquilidad de un vistazo.
Añadir Escasez y Urgencia
La urgencia funciona en una página de carrito porque el comprador ya ha decidido que quiere el artículo.
La forma más fácil de añadir escasez a tu página de carrito de WooCommerce es con un temporizador de escasez o reloj de cuenta atrás. SeedProd tiene esa opción incorporada, y también es una de las rutas más rápidas para hacer clic en el checkout de WooCommerce.
Selecciona el bloque ‘Temporizador de cuenta atrás‘ de la sección de bloques ‘Avanzados’. Arrástralo a la parte superior de tu carrito. Luego selecciona la opción ‘Temporizador para visitantes’ para que el temporizador se actualice para cada visitante.

Mantén la fecha límite real. Un temporizador para visitantes se reinicia para cada persona que carga la página, por lo que un encabezado que afirma que el carrito caduca es una promesa que tu tienda no puede cumplir, y cualquiera que actualice puede verlo.
Usa el temporizador para visitantes para una oferta genuina basada en la sesión, y cambia a una fecha de finalización fija cuando la fecha límite sea real, como una oferta que cierra el viernes.
Luego, en la pestaña de ajustes Avanzados, puedes personalizar los colores para que coincidan con el resto de tu carrito.

Ahora añade un encabezado que diga a la gente cuánto dura la oferta. Arrastra el bloque ‘Encabezado’ e introduce tu texto.

Ventas cruzadas de productos WooCommerce
El carrito es el mejor lugar de tu tienda para sugerir un segundo producto, porque el comprador ya se ha comprometido a comprar algo y la petición es pequeña.
SeedProd tiene varias rejillas de productos que muestran productos en cualquier página.
Dirígete a la sección de bloques ‘WooCommerce’ y elige entre:
- Productos recientes
- Productos en oferta
- Productos más vendidos
- Productos destacados
- Productos mejor valorados
Por ejemplo, arrastra el bloque ‘Productos en oferta’. Añádelo justo debajo de tu carrito de WooCommerce.

Esas rejillas son estáticas, por lo que todos ven los mismos productos. WooCommerce también tiene sus propias ventas cruzadas, que configuras por producto y que solo aparecen cuando ese producto está en el carrito.
Usa una rejilla estática cuando tu catálogo sea pequeño y la mayoría de los artículos se adapten a la mayoría de los compradores. Usa las ventas cruzadas de WooCommerce, o el bloque de Ventas adicionales de SeedProd, cuando la sugerencia correcta dependa de lo que ya esté en la cesta.
Añadir un campo de cupón y una calculadora de envío
Los totales del carrito y una calculadora de envío son las dos cosas que los compradores buscan antes de comprometerse, y ambas forman parte del bloque Carrito en lugar de bloques separados que arrastras.
El código de cupón y las entradas de cantidad son el grupo ‘Campos’ en la pestaña Estilos, por lo que ahí es donde los rediseñas. Estás cambiando su apariencia, no si aparecen.
Si aparecen o no es decisión de WooCommerce, así que activa la calculadora de envío en WooCommerce » Ajustes » Envío, y crea tus códigos de cupón en Marketing » Cupones.
Un comprador que no puede ver el coste de envío asume lo peor, por lo que mostrarlo en el carrito elimina esa suposición antes de la página de pago.
Diseñar la página de carrito vacía
Una página de carrito vacía es un callejón sin salida en la mayoría de las tiendas, porque dice que el carrito está vacío y se detiene ahí, lo que desperdicia la visita de alguien que estaba comprando hace un minuto.
El propio bloque de carrito de WooCommerce maneja esto en un tema de bloques. Cuando el carrito no tiene nada, el bloque cambia a su vista de carrito vacío con un mensaje y sugerencias de productos.
En una página de constructor diseñas ese estado tú mismo, porque los bloques que colocas alrededor del carrito son contenido ordinario de la página y siguen renderizándose independientemente de si el carrito tiene artículos o no.
Llena la columna estrecha con una cuadrícula de productos recientes y un enlace a tu tienda, y un carrito vacío todavía ofrece una ruta a algún lugar.
Vacía tu propio carrito y carga la página antes de publicar. Es el estado que nunca verás por accidente. Un comprador llega a él después de vaciar la cesta o de que expire su sesión.
Mantener la página de carrito rápida y accesible
Una página de carrito conlleva más trabajo que una página de destino. Ejecuta consultas de WooCommerce y recalcula totales. En muchas tiendas también carga un script de pago antes de que nadie lo haya solicitado.
Tú controlas dos de esas cosas, así que mantén bajo el peso propio del constructor y evita que los scripts no críticos se carguen en esta página en absoluto.
Cuando medí la misma página de destino construida en tres constructores con GTmetrix, SeedProd tardó 556 ms y 16 solicitudes. Elementor tardó 1.882 ms y 32 solicitudes.
Query Monitor mostró el mismo patrón en el lado del servidor, donde SeedProd usó 4,3 MB de memoria y 34 consultas a la base de datos frente a 13,0 MB y 86 para Divi.
Esas eran páginas de destino, no páginas de carrito. Una página de carrito añade su propio trabajo de WooCommerce, así que lee los números como la parte del peso del constructor y nada más.
Un carrito es un formulario, así que comprueba que funciona sin ratón. Navega por los campos de cantidad, la entrada de cupones y el botón de pago en orden. Luego comprueba que el botón y los totales tienen suficiente contraste para leer en un teléfono al aire libre.
Paso 4. Publica y Configura tu Página de Carrito de WooCommerce
Cuando tu página de carrito esté lista, haz clic en la flecha desplegable junto al botón verde Guardar y selecciona Publicar.

Publicar no cambia nada todavía. WooCommerce sigue sirviendo la página de carrito antigua hasta que le indiques lo contrario.
El cambio se realiza en la configuración del plugin de WooCommerce, así que navega a WooCommerce » Ajustes y haz clic en la pestaña Avanzado.

Luego, junto al encabezado 'Página de carrito', selecciona la nueva página de carrito que creaste con SeedProd. Recuerda hacer clic en el botón Guardar Cambios en la parte inferior de la pantalla.
Esta pantalla se mueve entre las versiones de WooCommerce, así que si el diseño de tu tienda difiere, WooCommerce lo documenta en su propia guía de configuración.
Ahora, cuando los compradores hagan clic en el enlace “Ver carrito” en tu sitio web, verán tu nueva página de carrito personalizada de WooCommerce.

Vale la pena confirmar que el intercambio se realizó antes de continuar.
Ahora hazlo en tu propia tienda
Envía una página de carrito que coincida con el resto de tu tienda
El bloque de carrito que acabas de ver, junto con las plantillas de tienda, producto y pago, están en SeedProd Elite. Sin desarrollador y sin archivos de plantilla.
Obtener el bloque de carrito de WooCommerceComprueba que la nueva página de carrito se esté sirviendo realmente
Publicar la página no demuestra que los compradores la estén recibiendo. Pruébalo como lo haría un comprador, en cinco pasos.
Siempre hago esto en una ventana privada, porque al iniciar sesión como administrador puedes estar viendo una versión diferente o en caché de la página que la que ve un comprador.
- Abre tu tienda en una ventana de navegación privada para no iniciar sesión como administrador.
- Añade un producto al carrito y luego haz clic en ‘Ver carrito’.
- Comprueba que la URL en la barra de direcciones coincide con la página que creaste, no con la página antigua del carrito.
- Cambia una cantidad y confirma que el total se actualiza.
- Haz clic para ir al pago y detente antes de pagar.
Eso te dice que la página funciona. Si ha generado algo es una pregunta aparte, y el carrito es una de las pocas páginas donde puedes ver la respuesta.
Configura el seguimiento de conversiones de WooCommerce para poder comparar la proporción de carritos que llegan al pago antes y después del cambio, luego dale un mes de datos antes de juzgarlo.
Si el enlace Ver carrito en sí mismo no funciona, es un fallo diferente, y esta guía sobre cómo arreglar que la vista del carrito de WooCommerce no funcione lo cubre.
Solución de problemas de una página de carrito WooCommerce personalizada
Tres cosas salen mal en este trabajo, y todas parecen que la página del carrito está rota.
| Lo que ves | Qué lo está causando | Cómo arreglarlo |
|---|---|---|
| La página del carrito aparece vacía, incluso con artículos en la cesta | La página no tiene ni el bloque de carrito de WooCommerce ni el shortcode [woocommerce_cart] en ella | Abre la página y añade uno de los dos. En una plantilla SeedProd, eso significa el bloque Carrito del grupo de bloques de WooCommerce. |
| Tu plantilla personalizada no se está aplicando | WooCommerce todavía apunta a la página antigua del carrito, o la plantilla del carrito del tema activo está ganando | Comprueba la configuración de Página del carrito en WooCommerce » Ajustes » Avanzado, luego confirma qué tema está activo y si un constructor controla esa página. |
| La configuración de la página del carrito se revirtió sola | La página a la que apuntaba fue eliminada, duplicada o reemplazada, por lo que WooCommerce perdió la referencia | Vuelve a configurarla y deja la página original publicada. WooCommerce almacena esta configuración como un ID de página, no como una URL. |
Una página de carrito de WooCommerce tiene que contener el bloque Carrito o el shortcode [woocommerce_cart], y tiene que ser la página seleccionada en WooCommerce » Ajustes » Avanzado. Los tres fallos se reducen a uno de esos dos.
Comprueba esos dos antes de cambiar nada más, porque en las tiendas que he gestionado uno de ellos fue la causa casi siempre.
Preguntas frecuentes sobre la personalización de la página de carrito de WooCommerce
¿Cómo añado campos personalizados a la página del carrito de WooCommerce?
No con el bloque Carrito por sí solo. Estiliza los campos existentes del carrito, el código de cupón y los campos de cantidad, en lugar de añadir nuevos.
Si necesitas recopilar algo extra, añádelo como un campo de pago en su lugar. WooCommerce transporta los campos de pago al pedido. Un formulario que coloques al lado del carrito es contenido de la página y no viaja con el pedido.
¿Personalizar la página del carrito afectará mi proceso de pago?
No. El pago es una página separada de WooCommerce con su propia plantilla, por lo que rediseñar la página del carrito no la afecta.
Lo único que puede romperse es el traspaso entre ellas. Si tu página del carrito pierde su botón Continuar al pago, los compradores no pueden continuar. Lo mismo ocurre si apuntas WooCommerce a una página sin carrito.
Prueba la ruta completa en una ventana privada después de publicar.
¿Puedo personalizar la página de carrito de WooCommerce gratis?
Parcialmente. En un tema de bloques puedes editar la plantilla del Carrito en el Editor del Sitio de WordPress sin coste alguno, lo que cubre el diseño, los colores y cualquier bloque que añadas alrededor del carrito.
La ruta de SeedProd en esta guía necesita el plan Élite, porque ese es el plan en el que se asienta el bloque Carrito de WooCommerce. Los planes Gratuito, Básico, Plus y Pro no lo incluyen.
¿Funciona correctamente una página de carrito de WooCommerce personalizada en el móvil?
Sí, si compruebas el orden de apilamiento, porque un diseño de carrito de dos columnas se colapsa en una sola columna en un teléfono y la columna que se apila en segundo lugar termina muy abajo.
Previsualiza la página con el ancho de un teléfono antes de publicarla. Coloca el carrito y su botón de pago encima de los testimonios. El botón que necesita un comprador no debe quedar debajo de la prueba social.
Ahora tienes una página de carrito que coincide con el resto de tu tienda y una forma de saber si algo ha cambiado.
Con SeedProd lo creas visualmente, sin escribir una línea de código. Los bloques de WooCommerce que utiliza este tutorial, incluido el Carrito, se encuentran en el plan Élite, que también cubre la página de tienda, los archivos de productos, las páginas de productos individuales y el pago.
La otra página que la mayoría de las tiendas dejan por defecto en el tema es la página de tienda de WooCommerce.
¡Gracias por leer! Nos encantaría conocer tu opinión, así que únete a la conversación en YouTube, X y Facebook para obtener más consejos y contenido útil para hacer crecer tu negocio.