# Full-Page HTML

Copy the \<html> code from the "Other" tab and paste it on your website to host the Metaverse as a Full Page website.&#x20;

<figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2FCN4PrWv8jrXJYSG4pdow%2Fimage.png?alt=media&#x26;token=a63a35a6-1a1c-43f6-8bc9-a5e75ff0bd45" alt=""><figcaption><p>HTML Sharing Option</p></figcaption></figure>

You can easily create a website that is a full-page Metaverse by copying the `<html>` code from the [#full-page-html](https://docs.gmetri.com/metaverse/share#full-page-html "mention") section and pasting it as the only thing on your page.

## How can I create Full page Metaverse Website?

To set up a full-page Metaverse website, just copy the `<html>` code from[#full-page-html](https://docs.gmetri.com/metaverse/share#full-page-html "mention") for your deployment and paste it into the website's html you want your metaverse to be hosted on.

In case you don't have a website or want to set up a new one, you can use the guide below.

## Here's how to create a Full page Metaverse on Github pages

{% hint style="info" %}
You can follow similar steps to embed the metaverse on your website
{% endhint %}

**Example website:** <https://metaverse.boardroomx.com>

**Deployment:** <https://demo.gmetri.com/gmetri_event_vr_public>

**GitHub Repository Link:** <https://github.com/gmetrixr/website-metaverse-example>

We will be setting up the following deployment as a Website:

* GMetri Deployment: `https://gmetri_demo.gmetri.com/gmetri_event_vr_public`
* Website URL: `https://metaverse.boardroomx.com` &#x20;

### Step 1) Github Repository Setup

Create a GitHub repository and enable GitHub Pages for it. To enable GitHub pages, go to that repository's "Settings > Pages", select the branch "main", and Save.

<figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2FsVNka8s45zz2HsJYbhfY%2Fimage.png?alt=media&#x26;token=207dcb0d-3a66-40e7-8f63-f3cdc5b5cd72" alt=""><figcaption><p>Enabling GitHub Pages</p></figcaption></figure>

We created [this repository](https://github.com/gmetrixr/website-metaverse-example).

### Step 2) Add DNS entry for the final URL

Point the URL you want of your final experience to either `<user>.github.io` or `<organization>.github.io`. Check detailed instructions [here](https://docs.github.com/en/pages/configuring-a-custom-domain-for-your-github-pages-site/managing-a-custom-domain-for-your-github-pages-site).

For this example, we added a CNAME record `metaverse.boardroomx.com` with the value `gmetrixr.github.io` .

Once the DNS record is created, add the final website's hostname under Custom Domain.

<figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2FK6VVUsY4NNgOEgJCjdIU%2Fimage.png?alt=media&#x26;token=418054f3-98d9-4348-86f6-f5b9065aa929" alt=""><figcaption><p>Adding Custom Domain</p></figcaption></figure>

Once the certificate is issued, make sure "`Enforce https`" is checked.

### Step 3) Add an index.html in the repository

Go to the repository and add a new file with the name `index.html`&#x20;

<figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2FvPEtHkx2DUaGIZoZrtJr%2Fimage.png?alt=media&#x26;token=b96acb1d-b3bc-42d1-b520-aedcfaf9d5c2" alt=""><figcaption><p>Adding a new file in the repository</p></figcaption></figure>

Get the content from [#full-page-html](https://docs.gmetri.com/metaverse/publishing/..#full-page-html "mention")and paste it into the file, and then Commit it.

<figure><img src="https://2186043722-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-Mgll1jjQMRTVj7p6n7g%2Fuploads%2FEJroKeEoiXUTyh9BBpSj%2Fimage.png?alt=media&#x26;token=39796f8b-7b27-4dd0-830c-d412a5de4342" alt=""><figcaption><p>Adding index.html to the repositoy</p></figcaption></figure>

Your website should now be live.

{% hint style="warning" %}
It may take some time (a few minutes to an hour) for the TLS (https) certificate to activate globally.
{% endhint %}
