quint_fit_recommendation_widget

Steps to install the widget in your app:-

1. Go to your project directory in terminal.
2. Run the following command :

npm i quint_fit_recommendation_widget

Steps to use the widget:-

• Go to the file where the widget is required.
• Import the widget using the following piece of code :

import { renderQuintFitWruWidget } from 'quint_fit_recommendation_widget'; 

• Call the "renderQuintFitWruWidget" with all the parameters mentioned below in the Sample Code Description.

Sample code:

1. <div id="wru-quint-fit-recommendations-js">
2.        {
3.             renderQuintFitWruWidget(
4.                           {
5.                             widgetId: "wru-quint-fit-recommendations-js",
6.                             userId: "xxx-user-id-xxx",
7.                             articleId: "xxx-article-id-xxx",
8.                             mode: 'hindi'  // Any other values are considered english
9.                            }
10.                                    )
11.        }
12. </div>

Sample Code Description:

• Line 1 - It's the div where the widget is to be appended.

• Line 3 - It's the function that needs to be called for appending the widget.

• Line 5 - It's ID of the div where the widget is to be appended.

• Line 6 - It's users id who is browsing the content.

• Line 7 - The article Id for which you need recommendation

• Line 8 - To switch between english and hindi fit quint widget

• Note ---> The widget will append only once in the specified classname (in this example "wru-quint-fit-recommendations-js")in a single page. If two or more widgets are required in a single page, different unique id names are to be provided for each widget(For example - "wru-quint-fit-recommendations-js--1", "wru-quint-fit-recommendations-js--2" and so on).