Skip to main content
Upsell by AMP

Add the Zapiet widget to the AMP drawer cart

Clemency Farmer avatar
Written by Clemency Farmer
Updated over 2 weeks ago

The Upsell by AMP app allows merchants to display personalized upsell offers on product pages and during checkout to increase average order value.

To add the Zapiet - Pickup + Delivery widget to the drawer cart, you will need to add a code snippet to your theme files.

  1. In Online Store > Themes, select the theme and click Edit code.

  2. Open the theme.liquid file.

  3. Search for </body> and prepend it with the code below.

        < script > window.AMP_CART_LOADED = () => {
    setTimeout(() => {
    document.querySelector('.amp-cart__footer-checkout-button')?.insertAdjacentHTML("beforebegin", '<div id="storePickupApp"></div>') document.dispatchEvent(new CustomEvent("zapiet:start"));
    }, 1000)
    } < /script>

  4. Click Save.

The Zapiet - Pickup + Delivery widget will now appear in the AMP drawer cart.

Did this answer your question?