# IntelliWidgets

## Introduction

For use cases that demand greater flexibility in integrating Health Insights, IntelliProve offers versatile **widgets**—small, **customizable** **tiles** that seamlessly embed insights into any part of your website or platform.

Widgets also enable you to showcase additional content related to the [Health Journey](https://docs.intelliprove.com/product-docs/understanding-wellbeing-topics#URno9) and support common use cases with IntelliProve. Examples include displaying user progress through graphs and highlighting current overall wellbeing status with the main widget.

![](https://docs.intelliprove.com/_astro/ptCj59uS_pfmmgm_6M6tC_image.DsF--NmP_Z1s88iJ.webp)

## Features

✅ Prebuilt UI components for quick deployment

✅ Status indicators using colors to reflect biomarker or metric values

✅ Easily mount widgets anywhere in your web platform

✅ Choose between different variations of each widget

✅ Customize the colours and fonts to align with your brand

## Get started with widgets

Widgets come in various types, sizes and colors. What they have in common is that they share a common foundation: each widget is a rectangular HTML/JS component with a common design language.

![](https://docs.intelliprove.com/_astro/N4ab8Wo6ajQ2Q9Y1kdxAw_image.wbiMuepk_2oGgwt.webp)

[![](https://docs.intelliprove.com/_astro/XEqfuY6FQGD-3scLWLSvD-tCibQwkD4WK0q6XN3otHV-20250704-084640.BOcfnAXL_Z2mgfam.webp)

### Biomarker widget

Display an objective health indicator measured during a Health Check.





](https://docs.intelliprove.com/technical-docs/biomarker-widget)[![](https://docs.intelliprove.com/_astro/XEqfuY6FQGD-3scLWLSvD-7bTH_9uLfO1pd8aO0mT6M-20250704-084436.ULS0lG3e_6d81E.webp)

### Metric Widget

Display a broader interpretation based on data collected over an extended period.





](https://docs.intelliprove.com/product-docs/metrics)[![](https://docs.intelliprove.com/_astro/T8rUWvxyJckTHXs69sQW3-20260123-085423.CboGV0vR_rWVpI.webp)

### Main Widget ✨

Quickly let the user assess their overall health status with a clear, at-a-glance summary.





](https://docs.intelliprove.com/product-docs/main-widget)[![](https://docs.intelliprove.com/_astro/XEqfuY6FQGD-3scLWLSvD-JwHG483VcXCL1veCc5bhA-20250704-084527.DhBqWJO__2tDPvb.webp)

### Recommendations Widget

Show personalised recommendations to your users based on real-time health data.





](https://docs.intelliprove.com/product-docs/recommendations)[![](https://docs.intelliprove.com/_astro/KPcevlyRs9-V7sMX0PQqG-20251204-184215.BG50FHSN_27eg34.webp)

### Todo Widget

Present users with personalized, seasonal health tasks.





](https://docs.intelliprove.com/product-docs/to-dos)

## Customisation

Pick from prebuilt widget variants, configure your desired colour and set the size of each widget.

🔗 [Customize the appearance->](https://docs.intelliprove.com/technical-docs/widget-appearance)
