Upcart x Replo Landing Page Builder

This article explains how to set up Replo to open the Upcart drawer when a product is added to the cart.

ReReplo is a powerful landing page builder, but its default “Add to Cart” behavior redirects to the Shopify cart page. This interrupts the intended Upcart experience, which uses a slide-out drawer.

With a simple JavaScript snippet, you can tell Replo to notify Upcart when a product is added, keeping the customer on the same page and opening the drawer immediately.

This highlights how JavaScript can be used not only for Upcart integration but also for broader cart customization on your store.

---

Why this integration matters

By default, Replo supports multiple post-cart behaviors:

• Redirect to Shopify cart page
• Redirect to checkout
• Stay on the page (no drawer interaction)

Upcart doesn’t open automatically unless you explicitly trigger it. This setup ensures the drawer opens right after the Replo “Add to Cart” button is clicked.

---

Step 1: Open the product page in Replo

1. Open your product or landing page in the Replo editor

2. Select the Add to Cart button in the page layout

3. In the right-hand sidebar, click the Interactions tab

   

Step 2: Add a second interaction

1. Confirm that the button already uses the Add Product to Cart interaction

2. Click the + icon under On Click

3. From the list of actions, select Run JavaScript

4. In the code input, paste the following:

   javascriptCopyEditwindow.upcartRegisterAddToCart();
   

   This tells Upcart to open the drawer as soon as the product is added to the cart.

Step 3: Disable Replo redirect to the cart page

1. Select the Add Product to Cart interaction again
2. Disable the Go to cart after? toggle

This prevents Replo from redirecting to the Shopify cart page, which would bypass the Upcart drawer entirely.

Step 4: Preview and publish

1. Click Preview in Replo to test the interaction
2. Add a product to the cart and confirm that the Upcart drawer opens automatically
3. Once confirmed, click Publish Page to push changes live

---

Notes

• This setup must be applied to each page where you use Replo + Upcart together
• The javascriptCopyEditwindow.upcartRegisterAddToCart(); function comes from Upcart’s public API and works without additional code installations
• This works for both mobile and desktop versions of Replo pages

Notes

Replo should now stop redirecting to the Shopify Cart Page and instead notify Upcart when an item is added to the cart.

Please note: you’ll need to complete this process for each product page you design in Replo Landing Page Designer.