Questa guida ti accompagnerà attraverso le basi e ti aiuterà a iniziare a costruire funzionalità personalizzate all’interno del tuo cart drawer. 👉 Vedi la documentazione completa dell’API pubblica di Upcart
Panoramica
- Reagire ai cambiamenti del carrello — rilevare quando gli articoli vengono aggiunti, rimossi o aggiornati.
- Attivare azioni — come aprire o chiudere il carrello in modo programmatico.
- Costruire funzionalità personalizzate — inserire la tua logica o componenti UI direttamente all’interno del cart drawer.
Cosa ti serve per iniziare
- Accesso a Upcart nel tuo negozio Shopify
Verifica che Upcart sia installato e attivo nel tuo negozio. - Una comprensione di base di JavaScript
Molte personalizzazioni usano snippet già scritti, ma conoscere le basi di JavaScript aiuta se vuoi andare oltre.
Aggiungere il tuo primo script API di Upcart
- Vai su Upcart Editor → Settings → Custom HTML → Scripts (before load)
- Incolla il tuo script — per esempio:
window.upcartOnAddToCart funzionano ancora ma sono deprecati e generano un avviso nella console. Usa upcartSubscribeAddedToCart per tutti i nuovi script.
- Salva le modifiche, poi testale nel tuo negozio:
- Apri i Dev Tools (
F12oCtrl + Shift + Jsu Windows,Cmd + Option + Jsu Mac) - Aggiungi un prodotto al carrello
- Controlla la scheda Console per il messaggio:
"You just added [product title] to your cart!"
Inizia a personalizzare il tuo carrello
Altre risorse
- 🧩 FAQ sull’API — Suggerimenti per la risoluzione dei problemi e domande comuni
- ⚙️ Usi comuni dell’API di Upcart — Esempi di codice popolari e template
- 💡 Documentazione sulle personalizzazioni — Script già scritti per aiutarti a iniziare velocemente
- 🛍️ Documentazione dell’API Cart di Shopify — Scopri come Shopify gestisce i dati del carrello dietro le quinte
- 👩💻 Ti servono personalizzazioni avanzate? Considera di assumere uno Shopify Expert per integrazioni più complesse.