Articles on: Easy Bundles - Advanced Customization

Embedding App Scripts (bundles) on Shopify Page Builders Work for Ecomposer , Gempages, other page builders

The video below will describe on how to Embed App Scripts (bundles on Shopify Page Builders Work for Ecomposer , Gempages, other page builders)

- Replace the variables (bundleId and shop name) in the script.
- Paste the Provided Script : You need to place the script in a template or a specific section that allows custom JavaScript or Liquid code.
- Shopify.shop = your shopify store url

<div id="myContent">
</div>

<script>
    let shopName = Shopify.shop; // or your shopName
    let bundleId = 1; // intended bundle Id
    window.easyBundlesConfig= {
        shopName: `${shopName}`,
        bundleId: bundleId,
        targetSelector: '#myContent'
    };
</script>
<script async src="https://gift-box-builder-app4.s3.us-east-2.amazonaws.com/public/easy-bundle-embed/easyBundlesBuilderPageEmbedWith_API_gateway.js"></script>

Example of a LIVE script below for reference:

<div id="myContent">
</div>

<script>
    let shopName = 'a8b499-2.myshopify.com';
    let bundleId = 1; // intended bundle Id
    window.easyBundlesConfig= {
        shopName: `${shopName}`,
        bundleId: bundleId,
        targetSelector: '#myContent'
    };
</script>
<script async src="https://gift-box-builder-app4.s3.us-east-2.amazonaws.com/public/easy-bundle-embed/easyBundlesBuilderPageEmbedWith_API_gateway.js"></script>

Updated on: 22/12/2024

Was this article helpful?

Thank you!