🔬
MAZING World
  • 👋Welcome to MAZING World
  • Overview
    • ✨Our Products
  • Product Guides
    • 🧊Create 3D Model with AI
    • 📪Upload Your Own 3D Model
    • 📎Using a Template
      • 🖼️Augmented Reality Art
      • 🪡Virtual Carpet
      • 🗃️Bulk Uploader
    • 😻Glass Try-On
    • 🧮Create 3D Configurator
    • 📦AI Product Visuals
      • 📽️Create Silo Renderings
      • 👔Create Lifestyle Renderings
      • 🎞️Create AI 3D Videos
    • 🤯Premium Features
      • 🖥️Texture Change
      • 🔭Using Hotspots
      • 🎥Viewer Settings
      • 👥Using Shadows
      • 💎Diamond Material
      • 🔥Fire Particles
      • 🗣️Call To Action
      • 🎬Video Texture
      • 🎺Using Sound
      • 🎞️Gif Texture
      • 💱Advanced Editor
      • 📏Scale Model
      • 📷Block Camera Views
  • INTEGRATION
    • 😎IFrame On-site
    • 💻Script Integration
    • Shopware Plugin
    • 🌐Wordpress
      • 🤩WP Script Integration
      • 🔗WP Shortcode Integration
    • 🧩Shopify
      • Script Integration
    • 💫Variant Integration
    • Additional Notes
      • Content-Security Policy
      • iFrame Flags & Setup
  • Project Management
    • 📝Model Feedback
  • 📤Sharepoint
  • 💸Billing and Invoices
  • Use Cases
    • 🍧For Designers
    • 🎨For Artists
    • 📡For Agencies
    • 🛍️For eCommerce
  • APIs
    • 👨‍💻Augmented Reality API
  • FAQ
    • ♻️Can't Log into Mazing World?
    • 📨Request Support
Powered by GitBook
On this page
  • Step 1: Access Your Online Store Themes
  • Step 2: Edit your Code
  • Step 3: Add your mazing-integration script
  • Step 4: Integrate your script
  1. INTEGRATION
  2. Shopify

Script Integration

How to shopify your script integration

PreviousShopifyNextVariant Integration

Last updated 4 months 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.

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.

You can find an example script here: .

🧩
Variant Integration Example
Click on Themes
Click on Edit code
Add your custom mazing-integration script
Open your theme.liquid file