---
title: Recommendation Widget
slug: technical-docs/recommendation-widget
docTags: 
createdAt: 2024-10-08T11:22:38.011Z
---

# Introduction

IntelliProve’s recommendation 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.

# Layout

::Image[]{src="https://app.archbee.com/api/optimize/_0R_DnpmBBLLXmaoWvG2u/pNWXk8lo6Y6ST1kS2X834_image.png" size="64" width="2624" height="1364" position="center" showCaption="false"}

[View the IntelliWidgets.js reference ->](docId\:fmag0nP7LDLer92Db4X_I) 

# Usage

## Creating the widget

The code snippet below creates a Recommentation widget and [mounts](docId\:sXVSW2jFSOhr7XbXEYZ_J) it to the DOM:

:::CodeblockTabs
Create and mount widget

```javascript
const intelli = IntelliProveWidgets("user_action_token");

const config = { /* config */ };
const variation = "default";
const themeOverrides = { /* theme overrides */ };
intelli.mountWidget(
    "#recommendations-space",
    "recommendations",
    config,
    variation,
    themeOverrides
);
```
:::

## Config

Reserved for future use.

## Variation

Reserved for future use.

## Theme Overrides

The recommendation widget allows [individual fine-tuning of the appearance](docId:2kL5Bnrb-6uIcQrFAqsiG).