# Embedded frame

<figure><img src="/files/SgwkxNv2ekbT5n8yhxzi" alt="" width="188"><figcaption></figcaption></figure>

Drag the component from the elements tab to the scene you're working on.

\
This component allows you to display an external web page directly inside your game.\
Make sure that the page you want to show allows embedding on external sites.

### How to change the component style

To resize it, use the arrow icon in the top menu.\
You can freely adjust the size of the embedded window to fit your scene layout.

### How to set up the Embedded Window

Click on the component and then on the settings gear icon that will appear in the top menu or double click on the component.

You will see a menu with two setup options: **General** and **Advanced Settings**.

#### General

Here you can define:

* **Enabled on start** → Enable or disable the embedded window visibility when the scene starts.
* **Page URL to display** → Enter the full URL of the web page you want to embed (e.g., `https://theufolab.com`).\
  The page must be configured to allow embedding in external domains.
* **Scroll behavior** → Choose how the scroll behaves inside the embedded page.\
  Options include:
  * **None** – disables scrolling.
  * **Auto** – scrolling is enabled automatically if the page content exceeds the visible area.
  * **Yes / No** – force scroll activation or deactivation.

#### Advanced Settings

In the **Advanced Settings** tab, you can control more technical options:

* **Allow fullscreen** → Enables the embedded window to switch to fullscreen mode.
* **Window permissions** → Define what the embedded page is allowed to do.\
  Common permissions include:
  * `allow-forms` → Allows form submission within the embedded page.
  * `allow-modals` → Enables modal windows (such as alerts or confirmation dialogs).
  * `allow-pointer-lock` → Grants control over the mouse pointer (useful for interactive web content).
  * `allow-popups` → Allows pop-up windows to open from the embedded page.
  * `allow-popups-to-escape-sandbox` → Lets pop-ups open outside the sandboxed environment.
  * `allow-presentation` → Enables presentation mode, often used for media or slides.
  * `allow-same-origin` → Allows access to resources from the same domain as the embedded content.
  * `allow-scripts` → Permits the execution of JavaScript inside the embedded page.

\
By default, the embedded window has restricted access for security reasons.\
You can manually add permissions if the page requires specific functionality (such as scripts, popups, or forms).

### Player interaction

The embedded page behaves like a small browser inside your game.\
Players can scroll, click, and interact with the embedded content based on the permissions you’ve enabled.


---

# 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://academy.theufolab.com/game-editor/components/subcomponents/embeded-frame.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.