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

# Suggerimenti di prompt AI per aggiungere codice personalizzato alle impostazioni di Upcart

> Come usare strumenti AI come ChatGPT ecc. per implementare codice personalizzato.

**Personalizza il tuo cart drawer in Upcart usando HTML e CSS tramite Settings > Custom HTML & CSS.**

* **Anche se Upcart offre assistenza tramite il nostro assistente AI Fin, puoi anche usare strumenti AI di terze parti per creare contenuti personalizzati.**

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

* Usa solo **HTML inline** — niente tag `<html>`, `<head>` o `<body>`.
* Mantieni tutto il **CSS** nella sezione **Custom CSS**.
* Usa il **menu a tendina HTML location** per scegliere esattamente dove apparirà il tuo snippet.
* Se usi JavaScript, dovrebbe essere:

  * Un piccolo `<script>` inline (come un timer per il conto alla rovescia)
  * Oppure inserito nella sezione **"Scripts (Before Load)"**
* Invia all'AI un link alla CSS Selector Library V2 di Upcart e alla HTML Location Library, così genererà codice usando i nomi di classe corretti per la tua versione del carrello.

<div id="things-to-avoid">
  # Cose da evitare
</div>

* Non incollare pagine web complete (`<html>`, `<head>`, `<body>`) da strumenti AI o generatori di codice: romperanno il layout di Upcart.
* Evita di inserire stili in tag `<style>` all'interno del box HTML.
* Non usare font esterni o librerie pesanti se non strettamente necessario.

<div id="use-chatgpt-or-similar-ai-for-extra-support">
  # Usa ChatGPT o AI simili per un supporto extra
</div>

Usa questo prompt da copiare e incollare per ottenere codice pulito che funziona con 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.
```
