> 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-types/single-iframe-integration.md).

# Single iFrame Integration

How to integrate the Mazing 3D/AR Viewer into any Website via iFrame or Script.

## Via iFrame

*Hint: Doesn't increase loading time, as the viewer will be loaded AFTER your website. In doubt, add additional lazy load to your website.* 

### Step 1: Generate iFrame via world.mazing

<figure><img src="https://3497237590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWzFDCBJYsAI1jsAj4WvF%2Fuploads%2FPp2q54TpUo1Y85AsolVx%2FBildschirmfoto%202023-06-23%20um%2012.47.35.png?alt=media&amp;token=411d112e-4b54-404f-a319-4ea8c6b107a0" alt=""><figcaption></figcaption></figure>

Choose desired iframe size at <https://easyiframe.com/>, scroll down and copy the HTML Code.

<figure><img src="https://3497237590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWzFDCBJYsAI1jsAj4WvF%2Fuploads%2FJsm9yOlVuLjaE6cdHynO%2FBildschirmfoto%202023-06-23%20um%2012.58.55.png?alt=media&amp;token=10da0f58-c255-4c48-b4de-7e2c02e62994" alt=""><figcaption></figcaption></figure>

### Step 2: Go to your website

Example: Wordpress

Add "Raw HTML" \
(depending on your CMS, theme etc. this might be called "Code", "HTML", "iframe". etc.)

<figure><img src="https://3497237590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWzFDCBJYsAI1jsAj4WvF%2Fuploads%2FpAaxU1PBqLmo8oz9gaQA%2FBildschirmfoto%202023-06-23%20um%2013.08.34.png?alt=media&amp;token=709dac22-43ac-4bb5-b74f-151ae51d9b51" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3497237590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWzFDCBJYsAI1jsAj4WvF%2Fuploads%2FbJidy2f4rVIQldKnGin2%2FBildschirmfoto%202023-06-23%20um%2013.08.49.png?alt=media&amp;token=2919e4e3-cf78-4500-9117-6391108b1bf3" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3497237590-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWzFDCBJYsAI1jsAj4WvF%2Fuploads%2FJ9Rdtd2SR5EyDMjkoRXQ%2FBildschirmfoto%202023-06-23%20um%2013.09.15.png?alt=media&amp;token=a79fc8fc-c225-49e8-891b-da3e44f8dfbc" alt=""><figcaption></figcaption></figure>