# 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:

![](/files/-LxIz5ZTcXUHti32nQBr)

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

![](/files/-LxIuY_gMofgLIKGjBxJ)

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;

![](/files/-LxIuuu5gBDDhf-T8HgY)

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

![](/files/-LxIu6rBKh5H2B6LjFZM)

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](/web-export/setting-up-a-server.md) 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**](/web-export/elements-and-sub-elements.md) 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;

![](/files/-LxIvfVCiCM6cwhKeJkH)

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://velara-3.gitbook.io/web-export/how-to-section/embedding-an-html-page-in-an-iframe.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
