Skip to main content
La API pública de Upcart te permite personalizar tu carrito, automatizar flujos de trabajo e integrarte con apps de terceros, ya seas desarrollador o estés apenas comenzando.
Esta guía te mostrará lo básico y te ayudará a empezar a crear funcionalidades personalizadas dentro de tu carrito deslizante. 👉 Ver la documentación completa de la API pública de Upcart

​
Descripción general

La API pública es una colección de funciones de JavaScript y escuchadores de eventos que te permiten:
  • Reaccionar a los cambios del carrito — detectar cuando se agregan, eliminan o actualizan artículos.
  • Activar acciones — como abrir o cerrar el carrito de forma programática.
  • Crear funciones personalizadas — inyectar tu propia lógica o componentes de UI directamente dentro del carrito deslizante.
Es especialmente útil cuando trabajas en la sección Custom HTML del editor de Upcart, donde puedes usar estas funciones para crear experiencias únicas para los compradores.

​
Lo que necesitas para empezar

Antes de usar la API de Upcart, asegúrate de tener:
  • Acceso a Upcart en tu tienda Shopify
    Asegúrate de que Upcart esté instalado y activo en tu tienda.
  • Un conocimiento básico de JavaScript
    Muchas personalizaciones usan fragmentos ya escritos, pero saber JavaScript básico te ayuda si quieres ir más allá de lo básico.

​
Agrega tu primer script de la API de Upcart

Puedes empezar a usar la API directamente desde tu editor de Upcart:
  1. Ve a Upcart Editor → Settings → Custom HTML → Scripts (before load)
  2. Pega tu script — por ejemplo:
Nota: Los ejemplos antiguos que usan window.upcartOnAddToCart siguen funcionando, pero están obsoletos y registran una advertencia en la consola. Usa upcartSubscribeAddedToCart para todos los scripts nuevos.
  1. Guarda tus cambios y luego pruébalo en tu tienda:
  • Abre las herramientas de desarrollador (F12 o Ctrl + Shift + J en Windows, Cmd + Option + J en Mac)
  • Agrega un producto a tu carrito
  • Revisa la pestaña Console en busca del mensaje:
    "You just added [product title] to your cart!"
🎉 Si ves el mensaje, ¡tu primer script de la API está funcionando!

​
Empieza a personalizar tu carrito

Ahora que ya estás configurado, puedes usar la API para hacer todo tipo de cosas geniales — como abrir automáticamente el carrito cuando se agregan artículos, actualizar widgets personalizados o enviar eventos de analítica. Para referencias completas de funciones y ejemplos, consulta la documentación de la API pública de Upcart.

​
Más recursos