> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://easybundles-help.skailama.app/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

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

The video below will describe Embedding App Scripts - Product page bundles - on Shopify Page Builders Work for Ecomposer, Gempages, and other page builders

${frame}[](https://www.youtube.com/embed/gB0tjVOopfU)

For Product Page only - this is with regards to the parent product created in your Shopify

```
<div class="gbbMixAndMatchBundleWrapper gbbMixAndMatchProductPageAppBlock">  
</div>  
<script async src="https://d1712zxri13o2p.cloudfront.net/product-page-bundle/production/active/mixAndMatchBundle.js"></script>  
<link async rel="stylesheet" href="https://d1712zxri13o2p.cloudfront.net/product-page-bundle/production/active/mixAndMatchBundle.css">
```

For Home Page or any other page - Replacing product handle with the product name

```
<div class="gbbMixAndMatchBundleWrapper gbbMixAndMatchProductPageAppBlock">  
</div>  
<script>  
        window.easyBundlesPDPConfig = {  
          productHandle: "inline-test"  
        };  
</script>  
<script async src="https://d1712zxri13o2p.cloudfront.net/product-page-bundle/production/active/mixAndMatchBundle.js"></script>  
<link async rel="stylesheet" href="https://d1712zxri13o2p.cloudfront.net/product-page-bundle/production/active/mixAndMatchBundle.css">
```