Embed in web app
This page describes how to integrate the plug-in within your website and get started performing health scans.
![Document image Document image](https://images.archbee.com/_0R_DnpmBBLLXmaoWvG2u/ghxdI6CAQ27-g3M097Xz3_plug-in-views.png?format=webp)
Make sure you're able to obtain a valid plug-in URL, by following the explanation in our Request plug-in URL page.
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.
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>
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:
Minimal Width: 290px - Minimal Height: 480px
<iframe src="your_webplugin_url" height="800px" width="100%"></iframe>
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>
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!
![Document image Document image](https://images.archbee.com/_0R_DnpmBBLLXmaoWvG2u/zugirpbnPj6Bmy-4YSpBh_solutions-measurement.jpg?format=webp)
![Document image Document image](https://images.archbee.com/_0R_DnpmBBLLXmaoWvG2u/5NxAUmszE9bnFODpuE5IC_solutions-results.jpg?format=webp)
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.
- 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 documentation.