---
title: Recommendations Widget
slug: technical-docs/recommendations-widget
icon: 🧩
docTags: 
createdAt: 2026-03-23T15:49:11.512Z
---

# Intro

IntelliProve’s **Recommendations Widget** makes it simple to offer **valuable**, **personalized** **content** **and** **services** to your users based on their individual health profile. Using measured biomarkers, health insights, and trends, IntelliProve analyses each user’s data and feeds it into an intelligent algorithm to determine which products or services fit best for each user.

:::hint{type="success"}
Our product documentation provides more details on the features, functionalities and how to configure the Recommendations Widget.

[→  Learn more about the Recommendations Widget](docId\:LwnRbCb6CUHYbvQ387nLF)&#x20;
:::

:::Iframe{iframeHeight="0" code="<iframe &#xA;    srcdoc='&#xA;        <html lang=&#x22;en&#x22; class=&#x22;size-full&#x22;>&#xA;            <head>&#xA;                <meta charset=&#x22;UTF-8&#x22; />&#xA;                <meta name=&#x22;viewport&#x22; content=&#x22;width=device-width, initial-scale=1.0&#x22; />&#xA;                <script src=&#x22;https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4&#x22;></script>&#xA;                <script type=&#x22;module&#x22; src=&#x22;https://cdn.intelliprove.com/packages/intelli-widgets/v3/latest.js&#x22;></script>&#xA;                <style>&#xA;                    @import &#x22;tailwindcss&#x22;;&#xA;                    :root { --tw-border-style: solid; }&#xA;                    @layer base { ip-session, ip-session * { all: revert-layer; } }&#xA;                    body { margin: 0; display: flex; justify-content: center; align-items: center; min-height: 100vh; }&#xA;                </style>&#xA;            </head>&#xA;            <body>&#xA;                <ip-session action-token=&#x22;demo&#x22;>&#xA;                    <ip-recommendations-widget></ip-recommendations-widget>&#xA;                </ip-session>&#xA;            </body>&#xA;        </html>&#xA;    '&#xA;    style=&#x22;width: 100%; height: 600px;&#x22;&#xA;></iframe>"}

:::

# Web component set-up

The recommendation widget is available under the HTML tag `ip-recommendations-widget`. Ensure to nest it somewhere within your `ip-session` , as described in the [Set-up](docId\:ftRgwNTKfclUm0_V_Effj) documentation.

```html
<ip-session 
	action-token="eyJhbG..."
	language="en-GB" 
>
  <!-- IntelliProve components go here -->
  <ip-recommendations-widget></ip-recommendations-widget>
</ip-session>

```

