🔬
MAZING World
  • 👋Welcome to MAZING World
  • Overview
    • ✨Our Products
  • Product Guides
    • 📪Upload My First 3D Model
    • 📎Using a Template
    • 🤖Requesting a 3D Model
    • 😻Glass Try-On
    • 🤯Core Features
      • 🖥️Texture Change
      • 🔭Using Hotspots
      • 🎥Viewer Settings
      • 🧮Variant Operations
      • 👥Using Shadows
      • 💎Diamond Material
      • 🔥Fire Particles
      • 🗣️Call To Action
      • 🎬Video Texture
      • 🎺Using Sound
      • 🎞️Gif Texture
  • INTEGRATION
    • 😎IFrame On-site
    • 💻Script Integration
    • 🛒Shopify Plugin
      • APP Settings
      • Assign Products
    • Shopware Plugin
    • 🌐Wordpress
      • 🤩WP Script Integration
      • 🔗WP Shortcode Integration
    • 🧩Shopify
      • Script Integration
    • 💫Variant Integration
  • Use Cases
    • 🍧For Designers
    • 🎨For Artists
    • 📡For Agencies
    • 🛍️For eCommerce
  • APIs
    • 👨‍💻Augmented Reality API
Powered by GitBook
On this page
  1. INTEGRATION
  2. Shopify

Script Integration

How to shopify your script integration

PreviousShopifyNextVariant Integration

Last updated 4 days ago

Step 1: Access Your Online Store Themes

Log in to your Shopify store and navigate to Onlineshop > Themes in the admin panel.

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.

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.

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

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.

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>

🎉 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.

🧩
  • Step 1: Access Your Online Store Themes
  • Step 2: Edit your Code
  • Step 3: Add your mazing-integration script
  • Step 4: Integrate your script
Click on Themes
Click on Edit code
Add your custom mazing-integration script
Open your theme.liquid file