Dostosuj swój cart drawer w Upcart za pomocą HTML i CSS przez Settings > Custom HTML & CSS.

Chociaż Upcart oferuje pomoc naszego asystenta AI o nazwie Fin, możesz również używać zewnętrznych narzędzi AI do tworzenia niestandardowych treści.

Najlepsze praktyki

Używaj wyłącznie inline’owego HTML — bez tagów <html>, <head> ani <body>.
Trzymaj cały CSS w sekcji Custom CSS.
Użyj listy rozwijanej lokalizacji HTML, aby wybrać dokładnie miejsce, w którym pojawi się Twój fragment kodu.
Jeśli używasz JavaScriptu, powinien on być:
- Małym inline’owym <script> (np. licznikiem odliczającym)
- Lub umieszczony w sekcji „Scripts (Before Load)”
Wyślij AI link do biblioteki selektorów CSS V2 Upcart oraz biblioteki lokalizacji HTML, aby generowało kod z użyciem prawidłowych nazw klas dla Twojej wersji koszyka.

Czego unikać

Nie wklejaj pełnych stron internetowych (<html>, <head>, <body>) z narzędzi AI lub generatorów kodu — zepsują one układ Upcart.
Unikaj umieszczania stylów w tagach <style> w polu HTML.
Nie używaj zewnętrznych fontów ani ciężkich bibliotek, chyba że jest to absolutnie konieczne.

Użyj ChatGPT lub podobnego AI jako dodatkowego wsparcia

Użyj tego gotowego do skopiowania promptu, aby otrzymać czysty kod działający z 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.

Pierwsze kroki

Moduły koszyka

Ustawienia koszyka

Przyklejony przycisk koszyka

Multicart

Personalizacje

Analityka

Integracje i kompatybilność

Rozliczenia i konto

Rozwiązywanie problemów

Sugestie promptów AI do dodawania niestandardowego kodu w ustawieniach Upcart

Najlepsze praktyki

Czego unikać

Użyj ChatGPT lub podobnego AI jako dodatkowego wsparcia

​Najlepsze praktyki

​Czego unikać

​Użyj ChatGPT lub podobnego AI jako dodatkowego wsparcia

Najlepsze praktyki

Czego unikać

Użyj ChatGPT lub podobnego AI jako dodatkowego wsparcia