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.

Best practice

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.

Cose da evitare

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.

Usa ChatGPT o AI simili per un supporto extra

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.

Per iniziare

Moduli del carrello

Impostazioni del carrello

Pulsante carrello fisso

Multicart

Personalizzazioni

Analisi

Integrazioni e compatibilità

Fatturazione e account

Risoluzione dei problemi

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

Best practice

Cose da evitare

Usa ChatGPT o AI simili per un supporto extra

​Best practice

​Cose da evitare

​Usa ChatGPT o AI simili per un supporto extra

Best practice

Cose da evitare

Usa ChatGPT o AI simili per un supporto extra