Completly integrated Viewer with different Variants
## Integration Example
### Step 1: Add the Mazing Script to the `` Element
To enable the Mazing Viewer, include the following script in the `` element of your HTML. This script initializes the library and prepares your website for the 3D experience.
```
```
**Note:** The `defer` attribute ensures the script is loaded after the HTML document is parsed, optimizing page performance.
### Step 2: Add Your Custom Script at the End of the ``
Create a new script at the end of the `` element. This script contains the logic to load and customize your 3D experience.
```
...
```
{% hint style="info" %}
**Why at the End?** Adding your script at the end ensures that the HTML content is fully loaded before your logic is executed, preventing errors.
{% endhint %}
### Step 3: Fill in Your Script Logic
In this step, you’ll add the main logic to initialize the Mazing Viewer. Copy and paste the following code into your script file or the `