> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Introductie tot de publieke API van Upcart

> Leer hoe je aan de slag gaat met de API van Upcart, scripts toevoegt, wijzigingen test en je winkelwagen eenvoudig aanpast.

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](https://rokt.notion.site/upcart-public-api)

***

<div id="overview">
  ## Overzicht
</div>

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.

***

<div id="what-you-need-to-get-started">
  ## Wat je nodig hebt om te beginnen
</div>

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.

***

<div id="adding-your-first-upcart-api-script">
  ## Je eerste Upcart API-script toevoegen
</div>

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

1. Ga naar **Upcart Editor → Settings → Custom HTML → Scripts (before load)**

2. 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.

3. 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!

***

<div id="start-customizing-your-cart">
  ## Begin met het aanpassen van je winkelwagen
</div>

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](https://rokt.notion.site/upcart-public-api)**.

***

<div id="more-resources">
  ## Meer bronnen
</div>

* 🧩 **[API-FAQ](/nl/upcart/upcart_api_frequently_asked_questions)** — Tips voor probleemoplossing en veelgestelde vragen
* ⚙️ **[Veelvoorkomend gebruik van de Upcart API](/nl/upcart/common_upcart_api_uses)** — Populaire codevoorbeelden en templates
* 💡 **[Aanpassingsdocumentatie](/nl/upcart/add_a_mandatory_terms_and_conditions_checkbox_to_your_cart)** — Vooraf geschreven scripts om snel aan de slag te gaan
* 🛍️ **[Cart API-documentatie van Shopify](https://shopify.dev/docs/api/ajax/reference/cart)** — Leer hoe Shopify achter de schermen omgaat met cartgegevens
* 👩💻 Geavanceerde aanpassingen nodig? Overweeg een [Shopify Expert](https://www.shopify.com/ca/partners/directory/services/development-and-troubleshooting/custom-apps-integrations) in te huren voor complexere integraties.