Widgets
User Journey Widget

Intro
The User Journey Widget brings the user’s personalized health journey to life by showcasing their current challenges, goals, and unlockable features. It’s designed to engage users by visually tracking their progress and encouraging them to complete tasks for added rewards. This widget can be integrated at any point within the health journey to provide users with clear, actionable steps. It’s an ideal tool for gamifying health improvements and driving sustained engagement.
Layout
Large
﻿
﻿View the IntelliWidgets.js reference ->﻿﻿
Usage
Creating the widget
The code snippet below creates a User Journey widget and mounts﻿ it to the DOM:
Create and mount widget
const intelli = IntelliProveWidgets("test_at_WKBDJytNjPY7HfzYmCYZ7AriWRqKymqprvccQnCBwuqDAfitVe");

const config = {};
const variation = "default";
const themeOverrides = { /* theme overrides */ };
intelli.mountWidget(
    "#user-journey-tile",
    "user-journey",
    config,
    variation,
    themeOverrides
);
const intelli = IntelliProveWidgets("test_at_WKBDJytNjPY7HfzYmCYZ7AriWRqKymqprvccQnCBwuqDAfitVe");

const config = {};
const variation = "default";
const themeOverrides = { /* theme overrides */ };
intelli.mountWidget(
    "#user-journey-tile",
    "user-journey",
    config,
    variation,
    themeOverrides
);
﻿
Config
The User Journey widget requires no additional configuration parameters.
Variation
Only one variation of the User Journey Widget is available.
"default"
Theme Overrides
The User Journey Widget allows individual fine-tuning of the appearance﻿.
The used accent color is:
Support 500
﻿
Well-Being Circle Widget
IntelliWidgets.js