> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Краткое руководство по началу работы с Upcart

> Узнайте, как активировать Upcart, включить основные функции и опубликовать корзину-drawer на витрине.

Это руководство поможет вам настроить Upcart с его основными модулями — от визуальной настройки до активации на витрине вашего магазина.

Upcart визуально заменяет корзину-drawer вашей темы, но **не интегрируется с корзиной-drawer темы или страницей корзины**. Страница корзины Shopify останется доступной.

<div id="managing-modules">
  # **Управление модулями**
</div>

Каждый модуль Upcart можно **легко включить или отключить**. Просто нажмите кнопку **Enable/Disable** в правом верхнем углу, чтобы включить или выключить модуль в любой момент. Изменения вступают в силу сразу после сохранения.

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/quickstart-announcements-module-row-disabled.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=454a834d8ea953a99ba987dfdb80499a" alt="Строка модуля объявлений с пометкой Disabled и стрелкой, указывающей на кнопку Enable" width="1548" height="210" data-path="images/upcart/quickstart-announcements-module-row-disabled.png" />

<div id="cart-design">
  # Дизайн корзины
</div>

При первом открытии Cart Editor в Upcart вы попадёте в [модуль Design](/ru/upcart/design_module). Здесь вы можете настроить базовые цвета корзины-drawer в соответствии с фирменным стилем вашего магазина.

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/quickstart-cart-editor-design-module.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=e15c4d0893916f9200cf1884c1d0adfe" alt="Модуль Design в Cart Editor Upcart с настройками цветов рядом с предварительным просмотром корзины-drawer" width="600" data-path="images/upcart/quickstart-cart-editor-design-module.png" />

<div id="announcements">
  # Объявления
</div>

Чтобы показать сообщение в корзине или таймер обратного отсчёта, перейдите в **Body > [Announcements](/ru/upcart/announcements_module)**.

В правом верхнем углу нажмите **Enable**. Значок рядом с названием модуля изменится с **Disabled** на **Active**.

Введите сообщение в поле **Announcement Text** и при необходимости настройте таймер.

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/quickstart-announcement-settings-timer-text.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=2a726b39f6ea92d5899e2aae2968c2d1" alt="Настройки объявления с таймером, полем текста объявления и параметрами цвета" width="645" height="679" data-path="images/upcart/quickstart-announcement-settings-timer-text.png" />

Обязательно используйте переменную `{TIMER}` для обратного отсчёта в тексте объявления, чтобы обеспечить корректную работу (например, «Это предложение доступно только в течение {TIMER}»). Избегайте копирования форматированного текста напрямую из сторонних инструментов.

Когда закончите, не забудьте нажать **Save** в правом верхнем углу.

<div id="theme-level-issues">
  #### Проблемы на уровне темы
</div>

* **Конфликты CSS или приложений:** убедитесь, что CSS-свойства вроде `display: none;` не скрывают панель объявлений. Также проверьте, что сторонние приложения не переопределяют эти настройки.
* **Видимость текста:** убедитесь, что цвет текста панели объявлений контрастирует с фоном, и при необходимости скорректируйте его в настройках темы.

<div id="advanced-debugging-steps">
  #### Расширенные шаги отладки
</div>

При устойчивых проблемах проверьте консоль браузера на ошибки скриптов, влияющих на панель объявлений, и временно отключите сторонние приложения, чтобы выявить конфликты.

<div id="rewards">
  # Вознаграждения
</div>

Чтобы показать индикатор прогресса, побуждающий покупателей тратить больше, включите модуль Rewards.

<div id="general-settings">
  ### **Общие настройки**
</div>

Задайте фирменные цвета и сообщение, отображаемое после достижения последнего уровня вознаграждений.

Выберите основу расчёта вознаграждений в карточке **Rewards calculation** под общими настройками:

* **Cart total (\$)**: отслеживает общую стоимость корзины
* **Cart quantity (#)**: отслеживает количество товаров

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/quickstart-rewards-module-general-settings.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=d702c06541f1304d2d2e742f79d62140" alt="Общие настройки модуля Rewards с полями цветов индикатора и сообщения о завершении" width="600" data-path="images/upcart/quickstart-rewards-module-general-settings.png" />

<div id="tier-settings">
  ### **Настройки уровней**
</div>

Выберите тип вознаграждения:

* [**Shipping**](https://help.shopify.com/en/manual/fulfillment/setup/shipping-rates/flat-shipping-rates): открывает бесплатную доставку на данном уровне
* [**Discount**](https://help.shopify.com/en/manual/discounts/discount-types): открывает скидку на данном уровне
* [**Product**](/ru/upcart/set_up_a_free_product_reward_tier_in_upcart): добавляет товар в корзину

Учитывается ли прогресс уровня до или после скидок, настраивается один раз для всего индикатора с помощью флажка **Use pre-discounted prices for cart total** в разделе **Rewards calculation** — это не свойство типа вознаграждения.

Задайте минимальный порог для активации вознаграждения и настройте поле **Title before achieving tier**. Вы можете создать до **четырёх уровней вознаграждений**.

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/quickstart-rewards-settings-reward-type.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=2085093e9f85cdd42ed163fab7d726db" alt="Настройки уровня с выбором типа вознаграждения, минимальной суммой и полями названия уровня" width="600" data-path="images/upcart/quickstart-rewards-settings-reward-type.png" />

<Note>
  Этот снимок экрана сделан до обновления текущих названий: раздел на нём называется «Rewards settings», а поле — «Text before achieving». Это те же элементы управления — теперь они называются **Tier settings** и **Title before achieving tier**.
</Note>

<div id="upsells">
  # Апселлы
</div>

Включите **Use AI Recommended Upsells**, выберите алгоритм **Related** и включите **Smart Variant Matching**, чтобы автоматически подбирать подходящие варианты товара на основе содержимого корзины.

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/quickstart-upsells-settings-ai-recommended.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=65cddd8e07bfe9e9805ce76e43377ab3" alt="Настройки апселлов с включёнными AI-рекомендациями, алгоритмом Related и умным подбором вариантов" width="600" data-path="images/upcart/quickstart-upsells-settings-ai-recommended.png" />

Настройте заголовок раздела и надпись на кнопке **Add**.

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/quickstart-upsell-fields-maximum-upsells.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=58ad7bd0311baa003f3ea5dae376505d" alt="Поля апселлов: максимальное количество отображаемых апселлов и текст заголовка раздела" width="600" data-path="images/upcart/quickstart-upsell-fields-maximum-upsells.png" />

<div id="add-ons">
  # Дополнения
</div>

Чтобы показать дополнение с переключателем в нижней части корзины, вы можете включить одну из следующих опций:

<div id="shipping-protection">
  ### **Защита доставки**
</div>

Выберите **Shipping Protection** и настройте динамические ценовые уровни в зависимости от стоимости корзины.\
При этом в вашем каталоге Shopify создаётся реальный товар.

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/quickstart-shipping-protection-add-settings.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=a8432cf06443d21b7c341a0942ef7d7e" alt="Настройки дополнения Shipping Protection с названием, описанием и ценовыми уровнями" width="862" height="708" data-path="images/upcart/quickstart-shipping-protection-add-settings.png" />

<div id="product-add-on">
  ### **Товарное дополнение**
</div>

Перейдите на вкладку **Product Add-On** и выберите существующий товар для предложения в качестве апселла.

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/quickstart-product-add-on-energy-drink.png?fit=max&auto=format&n=uVGuDiyXpd6WOLO4&q=85&s=d7eaf37fa102b147636bfae244fef54c" alt="Вкладка товарного дополнения с выбранным товаром Energy Drink и кнопкой Change Product" width="862" height="428" data-path="images/upcart/quickstart-product-add-on-energy-drink.png" />

<div id="activating-upcart-on-your-store">
  # Активация Upcart в вашем магазине
</div>

<div id="step-one-make-your-cart-live">
  ### Шаг первый: опубликуйте корзину
</div>

Когда всё настроено, перейдите в **Manage All Carts** > выберите корзину, которую хотите сделать активной, > нажмите **Publish**.

После публикации корзина переместится в раздел активных корзин в таблице. На ней будет отображаться предупреждающий значок **«App embed off»** до тех пор, пока вы не включите app embed Upcart в своей теме — это следующий шаг. После включения встраивания значок сменится на зелёный **«Live»**, подтверждающий, что корзина отображается на витрине.

<Note>
  App embed определяет, отображается ли корзина-drawer Upcart на витрине вашего магазина. Если у вас настроены скидки, эти правила остаются активными через систему скидок Shopify даже при отключённом app embed.
</Note>

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/quickstart-publish-cart-confirmation.gif?s=e8cc3d709577ee5a1ab9848afb9f6269" alt="Публикация корзины в Upcart с открытым диалогом подтверждения Publish" width="2008" height="1080" data-path="images/upcart/quickstart-publish-cart-confirmation.gif" />

<div id="step-two-enable-theme-app-embed">
  ### **Шаг второй: включите Theme App Embed**
</div>

Чтобы активировать Upcart в вашей теме, перейдите в **Shopify Admin → Online Store → Themes → Customize → App embeds**, включите app embed **Upcart** и нажмите **Save**.

<img src="https://mintcdn.com/aftersell/uVGuDiyXpd6WOLO4/images/upcart/quickstart-app-embed-toggle.gif?s=9244c8509f67622ebb4e1cc2af7ecebb" alt="Включение переключателя Upcart Cart Drawer на панели App embeds темы Shopify" width="1352" height="1080" data-path="images/upcart/quickstart-app-embed-toggle.gif" />

Если вы столкнётесь с какими-либо проблемами или несовместимостью, обратитесь за помощью в наш **чат поддержки**.
