> For the complete documentation index, see [llms.txt](https://mazingxr.gitbook.io/mazing-world/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mazingxr.gitbook.io/mazing-world/integration-shops/shopify.md).
# Shopify
How to shopify your script integration
## Step 1: Access Your Online Store Themes
Log in to your Shopify store and navigate to **Onlineshop > Themes** in the admin panel.
Click on Themes
## Step 2: Edit your Code
Locate your **active theme** and click on the **three dots menu**. From the dropdown, select **Edit Code** to access the theme files.
Click on Edit code
## Step 3: Add your mazing-integration script
* 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.
{% hint style="info" %}
You can find an example script here: [**Variant Integration Example**](/mazing-world/integration-types/gallery-integration.md).
{% endhint %}
Add your custom mazing-integration script
## Step 4: Integrate your script
Once your `mazing-integration.js` script is ready, you’ll need to integrate it into your Shopify theme by editing the `theme.liquid` file.
Open your theme.liquid file
**Mazing CDN script**: Place this at the **end of the `` element**.
{% hint style="info" %}
```
```
{% endhint %}
**Your `mazing-integration.js` script**: Place this at the **end of the `` element**.
{% hint style="info" %}
```
```
{% endhint %}
#### 🎉 Congrats!
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.
