search
DocumentationWebsiteCommunityPortal
githubEdit

Full-Page HTML

Publishing a Metaverse as a Full-Page Website

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

HTML Sharing Option

You can easily create a website that is a full-page Metaverse by copying the <html> code from the URL or QR Code section and pasting it as the only thing on your page.

hashtag
How can I create Full page Metaverse Website?

To set up a full-page Metaverse website, just copy the <html> code fromURL or QR Code 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.

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

circle-info

You can follow similar steps to embed the metaverse on your website

Example website: https://metaverse.boardroomx.comarrow-up-right

Deployment: https://demo.gmetri.com/gmetri_event_vr_publicarrow-up-right

GitHub Repository Link: https://github.com/gmetrixr/website-metaverse-examplearrow-up-right

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

hashtag
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.

Enabling GitHub Pages

We created this repositoryarrow-up-right.

hashtag
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 herearrow-up-right.

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.

Adding Custom Domain

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

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

Go to the repository and add a new file with the name index.html

Adding a new file in the repository

Get the content from Publishingand paste it into the file, and then Commit it.

Adding index.html to the repositoy

Your website should now be live.

circle-exclamation

It may take some time (a few minutes to an hour) for the TLS (https) certificate to activate globally.

PreviousEmbed on your WebsiteNextEmbedding within Apps

Last updated

Was this helpful?