Настраивайте свой cart drawer в Upcart с помощью HTML и CSS через Settings > Custom HTML & CSS.

Хотя Upcart предлагает помощь нашего AI-ассистента Fin, вы также можете использовать сторонние AI-инструменты для создания пользовательского контента.

Лучшие практики

Используйте только встроенный HTML — без тегов <html>, <head> или <body>.
Размещайте весь CSS в разделе Custom CSS.
Используйте выпадающий список HTML location, чтобы точно выбрать, где будет отображаться ваш фрагмент.
Если вы используете JavaScript, он должен быть:
- Небольшим встроенным <script> (например, таймер обратного отсчета)
- Или размещен в разделе «Scripts (Before Load)»
Отправьте AI ссылку на библиотеку CSS-селекторов V2 и библиотеку HTML-локаций Upcart, чтобы он генерировал код с правильными именами классов для вашей версии корзины.

Чего следует избегать

Не вставляйте полные веб-страницы (<html>, <head>, <body>) из AI-инструментов или генераторов кода — они нарушат макет Upcart.
Избегайте размещения стилей в тегах <style> внутри поля HTML.
Не используйте внешние шрифты или тяжелые библиотеки, если это не абсолютно необходимо.

Используйте ChatGPT или аналогичный AI для дополнительной поддержки

Используйте этот готовый промпт, чтобы получить чистый код, который работает с 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.

Начало работы

Модули корзины

Настройки корзины

Закреплённая кнопка корзины

Multicart

Кастомизации

Аналитика

Интеграции и совместимость

Оплата и аккаунт

Устранение неполадок

Рекомендации по AI-промптам для добавления пользовательского кода в настройки Upcart

Лучшие практики

Чего следует избегать

Используйте ChatGPT или аналогичный AI для дополнительной поддержки

​Лучшие практики

​Чего следует избегать

​Используйте ChatGPT или аналогичный AI для дополнительной поддержки

Лучшие практики

Чего следует избегать

Используйте ChatGPT или аналогичный AI для дополнительной поддержки