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.

Best practices

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.

Wat je moet vermijden

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.

Gebruik ChatGPT of vergelijkbare AI voor extra ondersteuning

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.

Aan de slag

Winkelwagenmodules

Winkelwageninstellingen

Sticky winkelwagenknop

Multicart

Aanpassingen

Analytics

Integraties en compatibiliteit

Facturering en account

Probleemoplossing

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

Best practices

Wat je moet vermijden

Gebruik ChatGPT of vergelijkbare AI voor extra ondersteuning

​Best practices

​Wat je moet vermijden

​Gebruik ChatGPT of vergelijkbare AI voor extra ondersteuning

Best practices

Wat je moet vermijden

Gebruik ChatGPT of vergelijkbare AI voor extra ondersteuning