> ## 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 x конструктор посадочных страниц Replo

> Эта статья объясняет, как настроить Replo, чтобы выдвижная панель Upcart открывалась при добавлении товара в корзину.

Replo — это мощный конструктор посадочных страниц, но его поведение «Add to Cart» по умолчанию перенаправляет на страницу корзины Shopify. Это нарушает предусмотренный опыт Upcart, который использует выдвижную панель.

С помощью простого фрагмента JavaScript вы можете указать Replo уведомлять Upcart о добавлении товара, чтобы покупатель оставался на той же странице, а панель открывалась сразу.

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

***

<div id="why-this-integration-matters">
  ## Почему эта интеграция важна
</div>

По умолчанию Replo поддерживает несколько вариантов поведения после добавления в корзину:

* Перенаправление на страницу корзины Shopify
* Перенаправление на оформление заказа
* Остаться на странице (без взаимодействия с выдвижной панелью)

Upcart не открывается автоматически, если вы явно его не вызовете. Эта настройка гарантирует, что панель откроется сразу после нажатия кнопки «Add to Cart» в Replo.

***

<div id="step-1-open-the-product-page-in-replo">
  ## Шаг 1. Откройте страницу товара в Replo
</div>

1. Откройте страницу товара или посадочную страницу в редакторе Replo
2. Выберите кнопку **Add to Cart** в макете страницы
3. В правой боковой панели нажмите вкладку **Interactions**

<img src="https://mintlify.s3.us-west-1.amazonaws.com/aftersell/images/upcart/replo-editor-interactions-on-click.gif" alt="Вкладка Interactions редактора Replo с добавлением взаимодействия On Click для кнопки Add to Cart" />

<div id="step-2-add-a-second-interaction">
  ## Шаг 2. Добавьте второе взаимодействие
</div>

1. Убедитесь, что кнопка уже использует взаимодействие **Add Product to Cart**
2. Нажмите значок `+` под **On Click**
3. В списке действий выберите **Run JavaScript**
4. В поле для кода вставьте следующее:
   ```javascript theme={"theme":{"light":"snazzy-light","dark":"github-dark"}}
   window.upcartRegisterAddToCart();
   ```
   Это указывает Upcart открывать выдвижную панель сразу после добавления товара в корзину.

<div id="step-3-disable-replo-redirect-to-the-cart-page">
  ## Шаг 3. Отключите перенаправление Replo на страницу корзины
</div>

1. Снова выберите взаимодействие **Add Product to Cart**
2. Отключите переключатель **Go to cart after?**

Это не даёт Replo перенаправлять на страницу корзины Shopify, что полностью обошло бы выдвижную панель Upcart.

<div id="step-4-preview-and-publish">
  ## Шаг 4. Просмотрите и опубликуйте
</div>

1. Нажмите **Preview** в Replo, чтобы протестировать взаимодействие
2. Добавьте товар в корзину и убедитесь, что выдвижная панель Upcart открывается автоматически
3. После подтверждения нажмите **Publish Page**, чтобы опубликовать изменения

***

<div id="notes">
  ## Примечания
</div>

* Эту настройку необходимо применить на **каждой странице**, где вы используете Replo + Upcart вместе
* Функция `window.upcartRegisterAddToCart();` относится к публичному API Upcart и работает без установки дополнительного кода
* Это работает как для мобильных, так и для настольных версий страниц Replo

<div id="notes-2">
  # **Примечания**
</div>

Теперь Replo должен перестать перенаправлять на страницу корзины Shopify и вместо этого уведомлять Upcart о добавлении товара в корзину.

Обратите внимание: этот процесс нужно выполнить для каждой страницы товара, которую вы создаёте в конструкторе посадочных страниц Replo.