Plug-in
Embed plug-in

Embed in web app

intro this page describes how to integrate the plug in within your website and get started performing health scans prerequisites make sure you're able to obtain a valid plug in url, by following the explanation in our request plug in url docid\ odjxifncpcgwmttwd6j1c page iframe html component now that you've obtained a valid plug in url, the web application can be embedded in your website by loading it into an iframe html component an iframe or inline frame is used to embed another document within your current html document add the intelliprove to your website as follows take into account the additional attributes, which are further described below html your own website intelliprove, hello world camera access our health scan requires access to the device's camera make sure the allow="camera" attribute is added to the iframe html tag \<iframe src="your webplugin url" allow="camera">\</iframe> when the user first visits your website, the site will request permission to use the user's camera if the user doesn't grant permission, a pop up is shown indicating that a measurement cannot be started the user is then presented with two options they can click the try again option, in which case the permission is requested again through a modal they can click continue in this case, a message event of the type userfinished is sent to you you can use this to handle this situation as you desire for example, you may redirect the user to an information page explaining how the health scan works, or to your homepage for more information, refer to message events docid\ nhmyw3igywbv wbatholb minimal dimensions you need to allocate a minimal amount of screen space to ensure that the ui components are displayed as intended please ensure the following minimum dimensions tablet and desktop minimal width 1200px minimal height 850px \<iframe src="your webplugin url" height="850px" width="100%" scolling="no">\</iframe> important if you choose to set the attribute 'scrolling' to 'no', make sure no important content is cut off at the bottom of the plug in mobile minimal width 300px minimal height 500px optional css parameters to seamlessly embed the iframe in your html code, add additional styling parameters to the iframe html tag \<iframe src="your webplugin url" scolling="no" seamless="seamless" frameborder="0">\</iframe> keep in mind the web plug in's temporary behaviour implies that the iframe's src attribute should be set from the js code dynamically result once the iframe html component is added to your html document and configured with a valid url, you're ready to perform your first measurement! next steps 1\ determine the intended use case and user flow if you intend to utilize the plug in's default results screen to show the results to users right after they complete the measurement, you're all set! this is the standard flow of the plug in, so you're finished here check out our customization options (below) to tune the look and feel of the plug in if you have a more advanced use case, head to our use cases docid\ aorli5jicyfuvra5d27s page this includes things like establishing communication between your own app and the plug in this may be useful to track the user's progress within the plug in, or to obtain the results in json format for further analysis or linking actions creating a custom results screen instead of using the plug in's default results screen adding additional content after the measurement process, before displaying the plug in's built in results screen, such as an extra page with questions 2\ customization to allow for seamless integration of the plug in in your website, matching your brand's colours and fonts, please visit our customisation docid\ rjgsa73gtgnctkq9ufeug documentation