Full-Page HTML
Publishing a Metaverse as a Full-Page Website
Last updated
Publishing a Metaverse as a Full-Page Website
Last updated
Copy the <html> code from the "Other" tab and paste it on your website to host the Metaverse as a Full Page website.
You can easily create a website that is a full-page Metaverse by copying the <html>
code from the section and pasting it as the only thing on your page.
In case you don't have a website or want to set up a new one, you can use the guide below.
You can follow similar steps to embed the metaverse on your website
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
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.
We created this repository.
Point the URL you want of your final experience to either <user>.github.io
or <organization>.github.io
. Check detailed instructions here.
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.
Once the certificate is issued, make sure "Enforce https
" is checked.
Go to the repository and add a new file with the name index.html
Your website should now be live.
It may take some time (a few minutes to an hour) for the TLS (https) certificate to activate globally.
To set up a full-page Metaverse website, just copy the <html>
code from for your deployment and paste it into the website's html you want your metaverse to be hosted on.
Get the content from and paste it into the file, and then Commit it.