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

# AI-promptsuggesties voor het toevoegen van aangepaste code aan je Upcart-instellingen

> Hoe je AI-tools zoals ChatGPT enz. gebruikt om aangepaste code te implementeren.

**Pas je cart drawer in Upcart aan met HTML en CSS via Settings > Custom HTML & CSS.**

* **Hoewel Upcart hulp biedt via onze AI-assistent Fin, kun je ook externe AI-tools gebruiken om aangepaste content te maken.**

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

* Gebruik alleen **inline HTML** — geen `<html>`-, `<head>`- of `<body>`-tags.
* Houd alle **CSS** in de sectie **Custom CSS**.
* Gebruik de **HTML location-dropdown** om precies te kiezen waar je snippet verschijnt.
* Als je JavaScript gebruikt, moet dit zijn:

  * Een kleine inline `<script>` (zoals een afteltimer)
  * Of geplaatst in de sectie **"Scripts (Before Load)"**
* Stuur de AI een link naar de V2 CSS Selector Library en de HTML Location Library van Upcart, zodat deze code genereert met de juiste classnamen voor jouw cartversie.

<div id="things-to-avoid">
  # Wat je moet vermijden
</div>

* Plak geen volledige webpagina's (`<html>`, `<head>`, `<body>`) uit AI-tools of codegenerators; deze breken de lay-out van Upcart.
* Zet geen stijlen in `<style>`-tags binnen het HTML-veld.
* Gebruik geen externe lettertypen of zware bibliotheken, tenzij absoluut noodzakelijk.

<div id="use-chatgpt-or-similar-ai-for-extra-support">
  # Gebruik ChatGPT of vergelijkbare AI voor extra ondersteuning
</div>

Gebruik deze kopieer-en-plak-prompt om schone code te krijgen die werkt met Upcart:

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