Skip to main content
Esta guía te acompaña en la configuración de Upcart con sus módulos principales, desde la personalización visual hasta la activación en tu tienda. Upcart reemplaza visualmente el cajón del carrito de tu tema, pero no se integra con el cajón del carrito ni con la página del carrito de tu tema. La página del carrito de Shopify seguirá siendo accesible.

​
Gestión de módulos

Cada módulo de Upcart se puede habilitar o deshabilitar fácilmente. Simplemente haz clic en el botón Enable/Disable en la esquina superior derecha para activar o desactivar un módulo en cualquier momento. Tus cambios entran en vigor de inmediato una vez guardados. Fila del módulo Announcements marcada como Disabled con una flecha apuntando al botón Enable

​
Diseño del carrito

Cuando abres por primera vez el Cart Editor de Upcart, llegarás al módulo Design. Aquí puedes personalizar los colores base del cajón para que coincidan con la imagen de marca de tu tienda. Módulo Design del Cart Editor de Upcart con ajustes de color junto a una vista previa en vivo del cajón del carrito

​
Anuncios

Para mostrar un mensaje en el carrito o un temporizador de cuenta regresiva, ve a Body > Announcements. En la esquina superior derecha, haz clic en Enable. La insignia junto al nombre del módulo cambia de Disabled a Active. Ingresa tu mensaje en el campo Announcement Text y configura el temporizador si es necesario. Ajustes de anuncio con temporizador, campo de texto del anuncio y opciones de color Asegúrate de usar la variable {TIMER} para las cuentas regresivas dentro del texto de tu anuncio para garantizar un funcionamiento correcto (p. ej., “Esta oferta solo está disponible durante .”). Evita copiar texto con formato directamente desde herramientas de terceros. Cuando termines, asegúrate de hacer clic en Save en la esquina superior derecha.

​
Problemas a nivel del tema

  • Conflictos de CSS o de apps: Asegúrate de que propiedades CSS como display: none; no estén ocultando la barra de anuncios. Además, verifica que las apps de terceros no estén anulando estos ajustes.
  • Visibilidad del texto: Confirma que el color del texto de la barra de anuncios contraste con el fondo y ajústalo en los ajustes de tu tema si es necesario.

​
Pasos avanzados de depuración

Para problemas persistentes, revisa los errores de la consola del navegador en busca de problemas de scripts que afecten la barra de anuncios y desactiva temporalmente las apps de terceros para identificar conflictos.

​
Recompensas

Para mostrar una barra de progreso que anime a los clientes a gastar más, habilita el módulo Rewards.

​
Ajustes generales

Configura los colores de tu marca y el mensaje que se muestra cuando se alcanza el último nivel de recompensa. Elige una base para las recompensas en la tarjeta Rewards calculation, debajo de los ajustes generales:
  • Cart total ($): Realiza el seguimiento del valor total del carrito
  • Cart quantity (#): Realiza el seguimiento de la cantidad de artículos
Ajustes generales del módulo Rewards con colores de la barra y campos del mensaje de finalización

​
Ajustes de niveles

Elige tu tipo de recompensa:
  • Shipping: Desbloquea el envío gratis en el nivel
  • Discount: Desbloquea un descuento en el nivel
  • Product: Agrega un producto al carrito
El hecho de que el progreso de los niveles se mida antes o después de los descuentos se configura una sola vez para toda la barra, con la casilla Use pre-discounted prices for cart total en Rewards calculation; no es una propiedad del tipo de recompensa. Establece un umbral mínimo para activar la recompensa y personaliza el campo Title before achieving tier. Puedes crear hasta cuatro niveles de recompensa. Ajustes de niveles con el selector de tipo de recompensa, el importe mínimo y los campos de título del nivel
Esta captura de pantalla es anterior a las etiquetas actuales: muestra la sección como “Rewards settings” y el campo como “Text before achieving”. Los controles son los mismos: ahora se llaman Tier settings y Title before achieving tier.

​
Upsells

Habilita Use AI Recommended Upsells, selecciona el algoritmo Related y activa Smart Variant Matching para preseleccionar las variantes de producto coincidentes según el contenido del carrito. Ajustes de upsells con upsells recomendados por IA, algoritmo Related y coincidencia inteligente de variantes habilitados Personaliza el título de tu sección y la etiqueta del botón Add. Campos de upsell para el máximo de upsells a mostrar y el texto del título de la sección

​
Complementos

Para mostrar un complemento con interruptor en el pie de página, puedes habilitar cualquiera de estas opciones:

​
Protección de envío

Selecciona Shipping Protection y configura niveles de precios dinámicos según el valor del carrito.
Esto crea un producto real en tu catálogo de Shopify. Ajustes del complemento Shipping Protection con título, descripción y niveles de precios

​
Complemento de producto

Cambia a la pestaña Product Add-On y selecciona un producto existente para ofrecerlo como upsell. Pestaña de complemento de producto con un producto Energy Drink seleccionado y el botón Change Product

​
Activación de Upcart en tu tienda

​
Paso uno: Pon tu carrito en vivo

Una vez que todo esté configurado, ve a Manage All Carts > selecciona el carrito que quieres activar > haz clic en Publish. Una vez publicado, el carrito pasa a la sección de carritos en vivo de la tabla de carritos. Muestra una insignia de advertencia “App embed off” hasta que habilites el app embed de Upcart en tu tema, que es el siguiente paso. Con el embed activado, la insignia se convierte en una insignia verde “Live” que confirma que el carrito se está mostrando en tu tienda.
El app embed controla si el cajón del carrito de Upcart se muestra en tu tienda. Si tienes Discounts configurados, esas reglas siguen activas a través del sistema de descuentos de Shopify incluso cuando el app embed está deshabilitado.
Publicación de un carrito en Upcart con el diálogo de confirmación de Publish abierto

​
Paso dos: Habilita el Theme App Embed

Para activar Upcart en tu tema, ve a Shopify Admin → Online Store → Themes → Customize → App embeds, habilita el app embed Upcart y haz clic en Save. Habilitando el interruptor Upcart Cart Drawer en el panel App embeds del tema de Shopify Si encuentras algún problema o experimentas problemas de compatibilidad, no dudes en contactar a nuestro Support Chat para recibir asistencia.