# Loading embedded pages

This guide assumes you've followed [setup-the-browser-widget](https://docs.msquared.io/creation/unreal-development/features-and-tutorials/web-browser/setup-the-browser-widget "mention").

You can load webpages into your browser, where the content is packaged into the game.

{% hint style="info" %}
You must place content inside a folder called `WebUI` for it to be packaged correctly.
{% endhint %}

### Create the HTML page

Create a folder in your project's content folder called `WebUI` .

<figure><img src="https://1456550285-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoWTlPaoHd1McSakqMigu%2Fuploads%2Fgit-blob-bc1c34e951aae24fa24a4e3d25e1d9cc94d0d332%2Fimage.png?alt=media" alt=""><figcaption><p>The WebUI folder.</p></figcaption></figure>

Open this folder in the Windows Explorer and create a file inside called `index.html`.

Paste this text in the file:

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap');
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            font-family: 'Roboto', sans-serif;
            font-size: 4rem;
            background: #ffffff;
        }
    </style>
</head>
<body>
    Hello World!
</body>
</html>
```

### Load the HTML page into the browser

Add the following node to your browser widget blueprint on `Event Construct`:

{% @blueprintue-embed/embed url="<https://nextjs-boilerplate-jl63.vercel.app/b91f9fe8-63df-4135-8d82-2f46f0fdb81f>" %}

Once you load in with PIE you should see the page loaded in your browser, for example in 3D space by following [in-world-browser](https://docs.msquared.io/creation/unreal-development/features-and-tutorials/web-browser/in-world-browser "mention"):

<figure><img src="https://1456550285-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoWTlPaoHd1McSakqMigu%2Fuploads%2Fgit-blob-2aaafa9f677c494449196f9a3a7bc655b562f50f%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>
