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

# Wat is een API?

> Een Application Programming Interface fungeert als tussenpersoon waarmee verschillende softwareapplicaties kunnen communiceren en gegevens kunnen uitwisselen.

<div id="a-simple-analogy-a-restaurant-a-waiter">
  # Een eenvoudige analogie: een restaurant & een ober
</div>

Stel je voor dat je in een restaurant eet.

1. **Jij, de klant**, bekijkt het menu en bestelt een cheeseburger met friet (vergelijkbaar met het doen van een verzoek om cartgegevens).
2. **De ober (API)** neemt je bestelling op en geeft deze door aan de keuken (net zoals een API je verzoek ontvangt en naar een server stuurt).
3. **De keuken (server)** bereidt je maaltijd, verwerkt de bestelling en verzamelt de benodigde ingrediënten (net zoals een server cartgegevens ophaalt of bewerkt).
4. **De ober (API)** brengt vervolgens de maaltijd naar je tafel, zodat je van je eten kunt genieten (net zoals een API de gevraagde gegevens teruggeeft en je cart bijwerkt).

Deze analogie biedt een eenvoudige manier om te begrijpen hoe API's werken, vooral als je er nieuw mee bent. Denk bij het gebruik van de API van Upcart aan bestellen in een restaurant: bepaal wat je wilt dat de cart doet en laat de API de rest afhandelen.

Ontdek hoe de API van Upcart je winkel naar een hoger niveau kan tillen door onze [API-documentatie](/nl/upcart/introduction_to_upcarts_public_api) te verkennen.

***

<div id="how-this-relates-to-upcarts-api">
  # Hoe dit zich verhoudt tot de API van Upcart
</div>

De Public API van Upcart geeft je de flexibiliteit om de functionaliteit van je cart aan te passen en te beheren, net zoals je specifieke instructies aan een ober geeft.

Als je bijvoorbeeld wilt testen of de API van Upcart correct werkt, kun je een eenvoudig script in je custom HTML uitvoeren dat een bericht logt telkens wanneer de cart wordt geopend:

```
<script>  
  window.upcartSubscribeCartOpened(() => {  
    console.log("UpCart API Test - The cart has been opened!");  
  });  
</script>
```

<div id="verifying-if-its-working">
  ## Controleren of het werkt
</div>

1. Open je winkel en ga naar **Upcart Settings → Custom HTML** om het script toe te voegen.
2. Sla je wijzigingen op en vernieuw je winkel.
3. Open de browserconsole (**F12** of **Ctrl + Shift + J** op Windows, of **Cmd + Option + J** op Mac).
4. Open de cart van Upcart en je zou het bevestigingsbericht in de console moeten zien verschijnen:

```
Upcart API Test - The cart has been opened!
```

<img src="https://mintcdn.com/aftersell/uxKAdY-e0h16xa48/images/upcart/api-custom-html-test-script.png?fit=max&auto=format&n=uxKAdY-e0h16xa48&q=85&s=5df59c4ceee2ee520c39b5dd861c46ec" alt="Upcart Custom HTML-testscript dat een bericht over het openen van de cart in de browserconsole logt" width="1472" height="1086" data-path="images/upcart/api-custom-html-test-script.png" />

***

<div id="want-to-learn-more-about-apis">
  ## Wil je meer leren over API's?
</div>

Als je dieper wilt duiken in API's en JavaScript, zijn hier enkele beginnersvriendelijke bronnen om je op weg te helpen.

**Beginnersvriendelijk leren over API's & JavaScript:**

* [W3Schools: JavaScript Basics](https://www.w3schools.com/js/) – leer basisscripting om de API van Upcart te gebruiken
* [MDN Web Docs: APIs for Beginners](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs) – begrijp hoe API's werken in webwinkels
* Shopify Developer Docs – [Shopify AJAX API](https://shopify.dev/docs/api/ajax) (handig voor merchants die Upcart integreren met de cart van Shopify)

De API van Upcart werkt naadloos zonder externe tools zoals Postman — je kunt deze rechtstreeks gebruiken binnen de Custom HTML-instellingen van Upcart of je Shopify-themacode

***

<div id="need-assistance">
  ## Hulp nodig?
</div>

Ben je nieuw met API's? Geen zorgen! Je hoeft geen JavaScript vanaf nul te schrijven — kopieer en plak gewoon vooraf geschreven scripts in de Custom HTML-instellingen van Upcart om je cart binnen enkele minuten aan te passen.

Weet je niet waar je moet beginnen? Neem contact op met een [Shopify Expert](https://www.shopify.com/partners/directory), of verken onze [API-documentatie](/nl/upcart/introduction_to_upcarts_public_api).

***