Script Integration

How to shopify your script integration

Step 1: Access Your Online Store Themes

Locate your active theme and click on the three dots menu. From the dropdown, select Edit Code to access the theme files.

In the code editor, go to the Assets directory.
Click on Add a new asset and create a new JavaScript file. Name the file something like mazing-integration.js.
In this new file, you can write your custom integration script.

You can find an example script here: Variant Integration Example.

Once your mazing-integration.js script is ready, you’ll need to integrate it into your Shopify theme by editing the theme.liquid file.

Mazing CDN script: Place this at the end of the <head> element.

<!-- Add this to the <head> section -->
<script defer type="text/javascript" src="https://cdn.mazing.link/mzg-in.js"></script>

Your mazing-integration.js script: Place this at the end of the <body> element.

<!-- Add this to the <body> section -->
<script defer type="module" src="{{ 'mazing-integration.js' | asset_url }}"></script>

You’ve successfully integrated your own customized Mazing script into your Shopify store! 🚀

Your new script will now enhance your store with the desired functionality, providing a better experience for your customers.

Last updated 4 months ago