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.
How can I create Full page Metaverse Website?
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
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
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.
We created this repository.
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.
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.
Step 3) Add an index.html in the repository
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.
Last updated