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

# Was ist eine API?

> Ein Application Programming Interface dient als Vermittler, der es verschiedenen Softwareanwendungen ermöglicht, zu interagieren und Daten auszutauschen.

<div id="a-simple-analogy-a-restaurant-a-waiter">
  # Eine einfache Analogie: Ein Restaurant & ein Kellner
</div>

Stell dir vor, du isst in einem Restaurant.

1. **Du, der Gast**, schaust dir die Speisekarte an und bestellst einen Cheeseburger mit Pommes (ähnlich wie eine Anfrage nach Warenkorbdaten).
2. **Der Kellner (API)** nimmt deine Bestellung entgegen und übermittelt sie an die Küche (genau wie eine API deine Anfrage empfängt und an einen Server sendet).
3. **Die Küche (Server)** bereitet dein Essen zu, verarbeitet die Bestellung und stellt die nötigen Zutaten zusammen (ähnlich wie ein Server Warenkorbdaten abruft oder verarbeitet).
4. **Der Kellner (API)** bringt das Essen dann an deinen Tisch, damit du es genießen kannst (genau wie eine API die angeforderten Daten zurückgibt und deinen Warenkorb aktualisiert).

Diese Analogie bietet eine einfache Möglichkeit zu verstehen, wie APIs funktionieren – besonders, wenn sie neu für dich sind. Wenn du die API von Upcart verwendest, stell es dir wie eine Bestellung im Restaurant vor: Entscheide, was der Warenkorb tun soll, und überlasse den Rest der API.

Entdecke, wie die API von Upcart deinen Shop aufwerten kann, indem du unsere [API-Dokumentation](/de/upcart/introduction_to_upcarts_public_api) erkundest.

***

<div id="how-this-relates-to-upcarts-api">
  # Was das mit der API von Upcart zu tun hat
</div>

Die Public API von Upcart gibt dir die Flexibilität, die Funktionalität deines Warenkorbs anzupassen und zu verwalten – ähnlich wie das Erteilen konkreter Anweisungen an einen Kellner.

Wenn du zum Beispiel testen möchtest, ob die API von Upcart korrekt funktioniert, kannst du in deinem Custom HTML ein einfaches Skript ausführen, das jedes Mal eine Meldung protokolliert, wenn der Warenkorb geöffnet wird:

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

<div id="verifying-if-its-working">
  ## Überprüfen, ob es funktioniert
</div>

1. Öffne deinen Shop und navigiere zu **Upcart Settings → Custom HTML**, um das Skript hinzuzufügen.
2. Speichere deine Änderungen und lade deinen Shop neu.
3. Öffne die Browser-Konsole (**F12** oder **Strg + Umschalt + J** unter Windows bzw. **Cmd + Option + J** auf dem Mac).
4. Öffne den Warenkorb von Upcart – die Bestätigungsmeldung sollte in der Konsole erscheinen:

```
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-Testskript, das eine Meldung über den geöffneten Warenkorb in der Browser-Konsole protokolliert" width="1472" height="1086" data-path="images/upcart/api-custom-html-test-script.png" />

***

<div id="want-to-learn-more-about-apis">
  ## Möchtest du mehr über APIs erfahren?
</div>

Wenn du tiefer in APIs und JavaScript eintauchen möchtest, findest du hier einige einsteigerfreundliche Ressourcen für den Anfang.

**Einsteigerfreundliches Lernen zu APIs & JavaScript:**

* [W3Schools: JavaScript Basics](https://www.w3schools.com/js/) – Lerne grundlegendes Scripting, um die API von Upcart zu nutzen
* [MDN Web Docs: APIs for Beginners](https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs) – Verstehe, wie APIs in Webshops funktionieren
* Shopify Developer Docs – [Shopify AJAX API](https://shopify.dev/docs/api/ajax) (nützlich für Händler, die Upcart mit dem Warenkorb von Shopify integrieren)

Die API von Upcart funktioniert nahtlos ohne externe Tools wie Postman – du kannst sie direkt in den Custom-HTML-Einstellungen von Upcart oder in deinem Shopify-Theme-Code verwenden

***

<div id="need-assistance">
  ## Brauchst du Unterstützung?
</div>

Wenn APIs neu für dich sind – keine Sorge! Du musst kein JavaScript von Grund auf schreiben – kopiere einfach vorgefertigte Skripte in die Custom-HTML-Einstellungen von Upcart und passe deinen Warenkorb in wenigen Minuten an.

Du weißt nicht, wo du anfangen sollst? Wende dich an einen [Shopify-Experten](https://www.shopify.com/partners/directory) oder erkunde unsere [API-Dokumentation](/de/upcart/introduction_to_upcarts_public_api).

***