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.

Best Practices

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.

Was du vermeiden solltest

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.

Verwende ChatGPT oder eine ähnliche KI für zusätzliche Unterstützung

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.

Erste Schritte

Warenkorb-Module

Warenkorb-Einstellungen

Sticky-Warenkorb-Button

Multicart

Anpassungen

Analytics

Integrationen & Kompatibilität

Abrechnung & Konto

Fehlerbehebung

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

Best Practices

Was du vermeiden solltest

Verwende ChatGPT oder eine ähnliche KI für zusätzliche Unterstützung

​Best Practices

​Was du vermeiden solltest

​Verwende ChatGPT oder eine ähnliche KI für zusätzliche Unterstützung

Best Practices

Was du vermeiden solltest

Verwende ChatGPT oder eine ähnliche KI für zusätzliche Unterstützung