🔬
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
  • 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
Powered by GitBook
On this page
  • Overview
  • Step 1: Install Header/Footer Plugin to WP
  • Step 2: Navigate to the settings after plugin activation
  • Step 3: Insert Mazing Code into the header
  • Step 4: Adapt your mazing code snippet
  • Step 5: Integrate your final snippet into the footer
  • Step 6: Enjoy your freshly created shop integration.
  1. INTEGRATION
  2. Wordpress

WP Script Integration

How to use the Mazing Script to integrate projects into Wordpress

PreviousWordpressNextWP Shortcode Integration

Last updated 3 months ago

Overview

To prepare for the WordPress script integration you first have to install a Header / Footer Code Snippet Plugin, afterwards, you can enter your Mazing Script Integration Code into this script. Please be sure to first follow the Script Integration guide, so you have a glimpse how our feature can work for you.

Step 1: Install Header/Footer Plugin to WP

At first, you have to install a plugin, that lets you input custom Header and Footer code. The header code is used to integrate the mazing tag itself, so that mazing commands are available globally in your shop, the footer command is to place the 3D/AR buttons on your product pages. In this demo case we have choosen to install , but feel free to select whichever Custom Code Plugin you prefer.

Step 2: Navigate to the settings after plugin activation

Step 3: Insert Mazing Code into the header

Add the header code from Script Integration into the plugin and press save. IMPORTANT: don't forget the <script> </script> Tags

Step 4: Adapt your mazing code snippet

If the header code is now enabled you can open the developer console in your WP page with F12. In the console, you can pretest your implementation by calling the globally exposed mazing() method now. And test the custom implementation you created from Script Integration.

Step 5: Integrate your final snippet into the footer

After you are happy with your custom development, integrate the script into your footer with the WPCode plugin, like you did with the header and press "Save". IMPORTANT: don't forget the <script> </script> Tags

Step 6: Enjoy your freshly created shop integration.

🌐
🤩
WPCode
WP Code Installation page
Side Menu in wp-admin
Header Code
Test your script and the placement of the 3D/AR buttons
Footer Code Implementation