> For the complete documentation index, see [llms.txt](https://docs.echo3d.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.echo3d.com/ar.js/embed-into-website-or-app.md).

# Embed into Website or App

You can easily embed the AR.js experience generated and hosted through the platform to any web page.

The web page can be part of a website or integrated in a mobile app.

## Using iframe

In order to embed the AR.js experience, you must declare an `iframe` tag and set its source to the address of the hosted experience:

```markup
<iframe src="https://api.echo3D.com/arjs?key=<YOUR_API_KEY>" allow="camera *"/>
```

{% hint style="warning" %}
Note that you must allow for camera access to avoid camera permission errors.
{% endhint %}

![](/files/-M6yypfiQYmtj-yFocQQ)

## Code Example

Here is a full styled HTML page with an embedded AR.js experience:

{% code title="index.html" %}

```markup
<!DOCTYPE html>
<html>
    <head>
        <title>Ebmedded AR.js Experience through echo3D</title>
        <style>
            #background {
                top: 0;
                left: 0;
                position: fixed;
                width: 100%;
                height: 100%;
                background-color: rgb(0, 45, 100);
                z-index: -1;
            }
            h1 {
                position: relative;
                color: white;
                text-align: center;
                font-size: 5vh;
		            font-family: Arial, Helvetica, sans-serif;
            }
            iframe {
                position: relative;
                width: 100%;
                height: 75vh;
            }
        </style>
    </head>
    <body>
	    <div id="background"></div>
        <h1>Ebmedded AR.js Experience through echo3D</h1>
        <iframe src="https://api.echo3D.com/arjs?key=<YOUR_API_KEY>"
                allow="camera *">
        </iframe>
    </body>
</html>
```

{% endcode %}
