# 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 %}

![](https://3757500311-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M41BcmqhdFQ3r89wcIR%2F-M6yxf18eHAgDVld0qU_%2F-M6yypfiQYmtj-yFocQQ%2FCamera%20Permission%20Error.JPG?alt=media\&token=faf86b98-e563-477c-8caf-e49ad3f7c633)

## 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 %}
