Integration: EComposer Landing Page Builder

Make your EComposer landing page or collection page add-to-cart buttons work with EliteCart. Ensure EliteCart opens when customers add products from EComposer-built landing pages instead of redirecting to the cart page.

Why integrate?

Many customers discover products through custom landing pages but abandon when redirected to the cart page instead of seeing an engaging cart drawer. Integrating EComposer with EliteCart keeps the shopping experience smooth by opening the cart drawer directly, maintaining engagement and reducing drop-offs before checkout.

Prerequisites

• EComposer account

• Any EliteCart plan

Steps

There are two ways you can go about this.

Method 1: Custom Selector (Recommended)

1. In EliteCart, go to Cart Designer → Advanced Settings

2. Find Custom Add to Cart Selector

3. Add the following into the field:

.ecom-collection__product-submit

Method 2: Ajax Cart Extension Users

If using EComposer's Ajax Cart extension, follow their guide here. In the guide, they write which code to add depending on your theme. Instead, add the following code:

<script>
document.addEventListener("DOMContentLoaded", function () {
  setTimeout(function () {
    if (window.EComposer) {
      window.EComposer.ajaxCartSuccess = function (data, form) {
        window.EliteCart?.openDrawerWithDataRefresh();
      };
    }
  }, 1000);
});
</script>

Test

1. Save changes in EliteCart

2. Visit an EComposer landing page

3. Add product to cart

4. Verify EliteCart drawer opens (not cart page)

Links

• Shopify App Store

• EComposer Cart Drawer Integration