Introductie tot de publieke API van Upcart

Met de Upcart Public API kun je je winkelwagen aanpassen, workflows automatiseren en integreren met apps van derden - of je nu ontwikkelaar bent of net begint.
Deze gids leidt je door de basis en helpt je te beginnen met het bouwen van aangepaste functionaliteit in je cart drawer. 👉 Bekijk de volledige Upcart Public API-documentatie

Overzicht

De Public API is een verzameling JavaScript-functies en event listeners waarmee je:

Reageert op cartwijzigingen — detecteer wanneer artikelen worden toegevoegd, verwijderd of bijgewerkt.
Acties activeert — zoals het programmatisch openen of sluiten van de winkelwagen.
Aangepaste functies bouwt — injecteer je eigen logica of UI-componenten rechtstreeks in de cart drawer.

Dit is vooral handig bij het werken in de sectie Custom HTML van de Upcart-editor, waar je deze functies kunt gebruiken om unieke ervaringen voor shoppers te creëren.

Wat je nodig hebt om te beginnen

Zorg ervoor dat je het volgende hebt voordat je de API van Upcart gebruikt:

Toegang tot Upcart in je Shopify-winkel
Zorg dat Upcart geïnstalleerd en actief is in je winkel.
Basiskennis van JavaScript
Veel aanpassingen gebruiken vooraf geschreven snippets, maar kennis van basis-JavaScript helpt als je verder wilt gaan dan de basis.

Je eerste Upcart API-script toevoegen

Je kunt de API meteen gaan gebruiken vanuit je Upcart-editor:

Ga naar Upcart Editor → Settings → Custom HTML → Scripts (before load)
Plak je script erin — bijvoorbeeld:

<script>
  window.upcartSubscribeAddedToCart(function(event) {
    console.log("You just added " + event.item.title + " to your cart!");
  });
</script>

Let op: oudere voorbeelden met window.upcartOnAddToCart werken nog steeds, maar zijn verouderd en loggen een consolewaarschuwing. Gebruik upcartSubscribeAddedToCart voor alle nieuwe scripts.

Sla je wijzigingen op en test het vervolgens in je winkel:

Open Dev Tools (F12 of Ctrl + Shift + J op Windows, Cmd + Option + J op Mac)
Voeg een product toe aan je winkelwagen
Controleer het tabblad Console op het bericht:
"You just added [product title] to your cart!"

🎉 Zie je het bericht? Dan werkt je eerste API-script!

Begin met het aanpassen van je winkelwagen

Nu alles is ingesteld, kun je de API gebruiken voor allerlei coole dingen — zoals de winkelwagen automatisch openen wanneer artikelen worden toegevoegd, aangepaste widgets bijwerken of analytics-events versturen. Voor volledige functiereferenties en voorbeelden, bekijk de Upcart Public API-documentatie.

Meer bronnen

🧩 API-FAQ — Tips voor probleemoplossing en veelgestelde vragen
⚙️ Veelvoorkomend gebruik van de Upcart API — Populaire codevoorbeelden en templates
💡 Aanpassingsdocumentatie — Vooraf geschreven scripts om snel aan de slag te gaan
🛍️ Cart API-documentatie van Shopify — Leer hoe Shopify achter de schermen omgaat met cartgegevens
👩💻 Geavanceerde aanpassingen nodig? Overweeg een Shopify Expert in te huren voor complexere integraties.

Aan de slag

Winkelwagenmodules

Winkelwageninstellingen

Sticky winkelwagenknop

Multicart

Aanpassingen

Analytics

Integraties en compatibiliteit

Facturering en account

Probleemoplossing

Introductie tot de publieke API van Upcart

Overzicht

Wat je nodig hebt om te beginnen

Je eerste Upcart API-script toevoegen

Begin met het aanpassen van je winkelwagen

Meer bronnen

​Overzicht

​Wat je nodig hebt om te beginnen

​Je eerste Upcart API-script toevoegen

​Begin met het aanpassen van je winkelwagen

​Meer bronnen

Overzicht

Wat je nodig hebt om te beginnen

Je eerste Upcart API-script toevoegen

Begin met het aanpassen van je winkelwagen

Meer bronnen