Introduction
Purpose
This procedure describes how you can embed your NavVis IVION Instance into any website. For example, this enables visitors of your website to visit your office virtually or display your projects to the public.
Scope
This procedure describes the basics on how to embed your NavVis IVION instance into any website.
Pre-requisites
A NavVis IVION instance which is public and hosted on the .
Procedure
When integrating your NavVis IVION instance into your website, various options are available. Below, we outline the most straightforward methods:
Option 1 iFrame Embed
Embedding NavVis IVION as an iFrame into your existing website is the simplest option. This method only requires you to integrate the instance using an iFrame element, similar to embedding a YouTube video. The HTML code snippet for this process is:
<iframe src=“https://hq.iv.navvis.com/ “ height=“600″ width=“800″ name=“NavVis HQ Embed“> </iframe>To display the content on your website, you must adjust the Cross-Origin Resource Sharing (CORS) settings. Refer to Configuring your Instance for instructions. After adjusting the CORS settings, your instance will be visible on your website.
Option 2 Frontend API
In addition to the iFrame option, you can utilize our Frontend API.
Note: Using the Frontend Application Programming Interface (API) requires advanced coding skills.
Regardless which option you choose, you must make your instance public if you want people visiting your website to be able to access your spatial data without having to login. The concept of making your instance and Site public is explained in Configuring your Instance.
FAQ
What is the purpose of embedding a NavVis IVION instance into a website?
The purpose is to allow visitors to virtually visit your office or display your projects to the public.
What are the prerequisites for embedding a NavVis IVION instance?
You need a public NavVis IVION instance hosted on the NavVis Cloud.
What is the simplest method to embed a NavVis IVION instance?
The simplest method is to use an iFrame to embed the instance into your existing website.
Do I need to adjust any settings after embedding the iFrame?
Yes, you must adjust the Cross-Origin Resource Sharing (CORS) settings to make your instance visible on your website.
Is advanced coding knowledge required to use the Frontend API?
Yes, using the Frontend API requires advanced coding skills.
Can visitors access the spatial data without logging in?
Yes, your instance must be public for visitors to access the spatial data without logging in.
Where can I find instructions for configuring my instance?
Instructions for configuring your instance can be found in the section titled 'Configuring your Instance'.
Is it possible to embed multiple NavVis IVION instances on one website?
The document does not specify, but generally, you can embed multiple instances if each is properly configured.