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

# KI-Prompt-Vorschläge zum Hinzufügen von benutzerdefiniertem Code zu deinen Upcart-Einstellungen

> So verwendest du KI-Tools wie ChatGPT usw., um benutzerdefinierten Code zu implementieren.

**Passe deinen Cart Drawer in Upcart mit HTML und CSS über Settings > Custom HTML & CSS an.**

* **Upcart bietet zwar Hilfe durch unseren KI-Assistenten Fin, du kannst aber auch KI-Tools von Drittanbietern verwenden, um benutzerdefinierte Inhalte zu erstellen.**

<div id="best-practices">
  # Best Practices
</div>

* Verwende nur **Inline-HTML** — keine `<html>`-, `<head>`- oder `<body>`-Tags.
* Halte das gesamte **CSS** im Abschnitt **Custom CSS**.
* Verwende das **HTML-Location-Dropdown**, um genau festzulegen, wo dein Snippet erscheinen soll.
* Wenn du JavaScript verwendest, sollte es entweder:

  * Ein kleines Inline-`<script>` sein (wie ein Countdown-Timer)
  * Oder im Abschnitt **„Scripts (Before Load)“** platziert werden
* Sende der KI einen Link zur V2-CSS-Selektor-Bibliothek und zur HTML-Location-Bibliothek von Upcart, damit sie Code mit den richtigen Klassennamen für deine Cart-Version generiert.

<div id="things-to-avoid">
  # Was du vermeiden solltest
</div>

* Füge keine vollständigen Webseiten (`<html>`, `<head>`, `<body>`) aus KI-Tools oder Code-Generatoren ein — sie zerstören das Upcart-Layout.
* Vermeide es, Styles in `<style>`-Tags innerhalb des HTML-Felds zu platzieren.
* Verwende keine externen Schriftarten oder umfangreichen Bibliotheken, es sei denn, es ist absolut notwendig.

<div id="use-chatgpt-or-similar-ai-for-extra-support">
  # Verwende ChatGPT oder eine ähnliche KI für zusätzliche Unterstützung
</div>

Verwende diesen Copy-Paste-Prompt, um sauberen Code zu erhalten, der mit Upcart funktioniert:

```
I'm using a cart drawer app, Upcart, on my Shopify storefront. Please help me make design changes to the cart. Ensure to provide only the HTML to embed within the existing cart, rather than full HTML documents.   
  
**Do not include:**  
- `<html>`, `<head>`, or `<body>` tags  
- `<style>` tags (I will place CSS in a separate field)  
- Scripts unless they are very small and inline (or intended for the "Scripts (Before Load)" section)  
  
Here's a documentation page that lists all of Upcart's current CSS selectors: https://docs.aftersell.com/upcart/upcart_css_selector_library_v2
(If your cart is still on V1, use the V1 library instead: https://docs.aftersell.com/upcart/upcart_css_selector_library_v1)
  
Here's a documentation page that lists all of Upcart's current HTML locations: https://docs.aftersell.com/upcart/upcart_html_location_library  
  
Here's what I want to build:  
[Insert what you want. e.g. A free shipping progress bar, a trust badge row, a message for international customers, etc.]  
  
Please return only the HTML snippet for the Custom HTML box and the corresponding CSS (if any) that I can paste into the Custom CSS box.
```
