> ## Documentation Index
> Fetch the complete documentation index at: https://moengage.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.
# Using Recommendations in Web Personalization
> Show personalized product recommendations on your website using a MoEngage Web Personalization experience and the Product grid widget.
By adding recommendations to your Web Personalization experiences, you can show each visitor the products most relevant to them instead of the same products to everyone. Unlike the messaging channels, the Web Personalization channel does not use Jinja. You place a **Product grid** widget on the page with the visual editor and map your recommendation to it.
At MoEngage, creating a Web Personalization experience is a three-step process.
1. Target users
2. Content
3. Schedule and Goals
You can personalize the experience with recommendations in the second step 'Content'. Let us create a recommendation personalized web experience.
Ensure that you have created the desired recommendations. You can use only active recommendations for campaign personalization. Learn how to [create and manage recommendations](/docs/user-guide/content/recommendations).
# Prerequisites
Unlike Email and Push, Web Personalization renders on your own website, so the MoEngage Web SDK must be live on the pages you want to personalize. Ensure the following:
* A recommendation (product set) is set up and mapped to a user action. Refer to [Map User Actions Settings](/docs/user-guide/content/recommendations/prerequisites/map-user-actions-settings).
* The MoEngage Web SDK is installed on every page you plan to personalize. You verify this during setup with **Verify SDK setup**.
* The element you personalize is present on every page that matches your URL criteria. If the element is missing on a page, MoEngage does not show the personalization to the user on that page.
# Create Web Personalization Experiences with Recommendations
To create a Web Personalization experience with recommendations, perform the following steps:
1. On the sidebar menu in MoEngage, click **Personalize** > **All Experiences**, and then click **+ Experience** > **Web (WYSIWYG)**. You are taken to step 1 'Target users'.
2. Enter the **Experience name** and add **Experience Tags** to identify this experience later.
3. Under **Target Audience**, click **+ Add Audience**, and then click **+ New Audience** to define who sees the recommendations. For more information, refer to [Create Client-Side Personalization Experience](/docs/user-guide/personalize/client-side-personalization/client-side-personalization/create-client-side-personalization-experience).
4. Click **Next** to move to step 2 'Content'. The **URL(s) to personalize** dialog box appears.
5. In the **URL** field, enter the URL you want to personalize, and then click **Verify SDK setup**.
6. Click **Personalize URL** to open your website in the editor.
7. Click **Personalize** for the variation you want to build. The visual editor opens your page in a new tab.
8. Select the location on the page where the recommendations should appear, and then click **+ Add widget**. The **Select widget** panel appears on the right.
9. Click **Product grid**.
10. From the **Choose your recommendation** list, click the recommendation you created, and then map the item attributes you want the grid to display, such as title, price, image, and link. For the full grid configuration, refer to [Recommend Personalized Products Using Product Grids](/docs/use-cases/personalize/recommend-personalized-products-using-product-grids).
11. Click **Next** to move to step 3 'Schedule and Goals'.
12. In the **Send experience** section, click **Active continuously**, and then define when the experience starts and ends.
13. In the **Conversion goals** section, define the conversion goal for the experience.
14. Under **Delivery controls**, in the **Experience Priority** list, click a priority.
15. Click **Publish**.
You can personalize every variation except **Default**.
# Related Articles
* [Personalize Content Using Recommendations](/docs/user-guide/campaigns-and-channels/getting-started/message-personalization/personalize-content-using-recommendations)
* [Recommend Personalized Products Using Product Grids](/docs/use-cases/personalize/recommend-personalized-products-using-product-grids)
* [How to Show Recently Viewed Products on Website](/docs/use-cases/personalize/how-to-show-recently-viewed-products-on-website)
* [Using Recommendations in Email](/docs/user-guide/content/recommendations/personalize-campaign-with-recommendations/using-recommendations-in-email)
* [Using Recommendations in Push](/docs/user-guide/content/recommendations/personalize-campaign-with-recommendations/using-recommendations-in-push)
This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.