---
description: Embedding an HTML page in the artboard view
---

# Embedding an HTML page

If you have another page that you'd like to embed in your artboard it might be better to use an iframe rather than combine the original page into the artboard page.&#x20;

Here is how you would do that in a project with 2 artboards:

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-LxIwn1aSG3_KVGvckBw%2F-LxIz5ZTcXUHti32nQBr%2Fimage.png?alt=media\&token=8e7b9ae3-6dd1-41fc-946e-078b20a61294)

First select and [export](../export-the-artboard) the artboard you want to embed (if it's not created already).&#x20;

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-LxIrgA6BJp9KXVKNzh3%2F-LxIuY_gMofgLIKGjBxJ%2Fimage.png?alt=media\&token=ee07d1c7-94c1-413e-8843-171606599803)

Next go to the artboard you want to embed a page into and add a rectangle to the page. That rectangle will represent the HTML page.&#x20;

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-LxIrgA6BJp9KXVKNzh3%2F-LxIuuu5gBDDhf-T8HgY%2Fimage.png?alt=media\&token=8ebae594-db17-4aa3-9427-15f6b4fc71c3)

Open the [Element Options](../element-options) panel or dialog and change the tag name to **iframe** and add a **src** attribute and value:

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-LxIrgA6BJp9KXVKNzh3%2F-LxIu6rBKh5H2B6LjFZM%2Fimage.png?alt=media\&token=032a4195-36cb-4c09-960f-bc40e7ea86d0)

The source or **src** attribute points to the page you want to embed.&#x20;

This can be a page you export from the project, an existing page in the same directory or subdirectory or a remote URL of a page online.&#x20;

In this case the page we want to embed is named, "Page\_2.html".

{% hint style="info" %}
If you are testing your page in a browser locally using the _file_ protocol a remote URL may not display correctly. A page in another directory may not display either. Either test on [localhost](../setting-up-a-server) or upload your page to your domain.&#x20;
{% endhint %}

{% hint style="info" %}
Artboard names cannot have spaces in them so if the artboard name is "Page 2" then the exported file name will be "Page\_2.html".
{% endhint %}

Set the [**sub tag name**](../elements-and-sub-elements) to none since we don't need it.&#x20;

Now export the selected artboard and view in the browser.&#x20;

You should see Page 2 embedded in an iframe in Page 1:&#x20;

![](https://735683391-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWpp_0PwLnj_AXGL2u7%2F-LxIrgA6BJp9KXVKNzh3%2F-LxIvfVCiCM6cwhKeJkH%2Fimage.png?alt=media\&token=1d5ae110-5ac5-49a0-b017-5a769e1fede9)

{% embed url="https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe" %}
