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

Почему эта интеграция важна

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

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

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

Шаг 1. Откройте страницу товара в Replo

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

Вкладка Interactions редактора Replo с добавлением взаимодействия On Click для кнопки Add to Cart

Шаг 2. Добавьте второе взаимодействие

Убедитесь, что кнопка уже использует взаимодействие Add Product to Cart
Нажмите значок + под On Click
В списке действий выберите Run JavaScript
В поле для кода вставьте следующее:
window.upcartRegisterAddToCart();
Это указывает Upcart открывать выдвижную панель сразу после добавления товара в корзину.

Шаг 3. Отключите перенаправление Replo на страницу корзины

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

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

Шаг 4. Просмотрите и опубликуйте

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