> ## 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-promptforslag til at tilføje brugerdefineret kode til dine Upcart-indstillinger

> Sådan bruger du AI-værktøjer som ChatGPT osv. til at implementere brugerdefineret kode.

**Tilpas din cart drawer i Upcart med HTML og CSS via Settings > Custom HTML & CSS.**

* **Selvom Upcart tilbyder hjælp fra vores AI-assistent Fin, kan du også bruge tredjeparts AI-værktøjer til at skabe brugerdefineret indhold.**

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

* Brug kun **inline HTML** — ingen `<html>`-, `<head>`- eller `<body>`-tags.
* Hold al **CSS** i sektionen **Custom CSS**.
* Brug **HTML location-dropdownen** til at vælge præcis, hvor dit kodestykke skal vises.
* Hvis du bruger JavaScript, skal det enten være:

  * Et lille inline `<script>` (som en nedtællingstimer)
  * Eller placeret i sektionen **“Scripts (Before Load)”**
* Send AI'en et link til Upcarts V2 CSS Selector Library og HTML Location Library, så den genererer kode med de korrekte klassenavne til din kurvversion.

<div id="things-to-avoid">
  # Ting, du skal undgå
</div>

* Indsæt ikke hele websider (`<html>`, `<head>`, `<body>`) fra AI-værktøjer eller kodegeneratorer — de vil ødelægge Upcart-layoutet.
* Undgå at placere styles i `<style>`-tags inde i HTML-boksen.
* Brug ikke eksterne skrifttyper eller tunge biblioteker, medmindre det er absolut nødvendigt.

<div id="use-chatgpt-or-similar-ai-for-extra-support">
  # Brug ChatGPT eller lignende AI til ekstra hjælp
</div>

Brug denne kopiér-og-indsæt-prompt for at få ren kode, der fungerer med 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.
```
