Skip to main content
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.

​
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.
  • 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’. Creating a Web WYSIWYG experience from All Experiences
  2. Enter the Experience name and add Experience Tags to identify this experience later. Entering the experience name and tags
  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. Defining the target audience for the experience
  4. Click Next to move to step 2 ‘Content’. The URL(s) to personalize dialog box appears. The URLs to personalize dialog box
  5. In the URL field, enter the URL you want to personalize, and then click Verify SDK setup. Verifying the SDK setup on the target URL
  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. Selecting a variation to personalize
  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. Adding a Product grid widget in the visual editor
  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.
  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. Scheduling the experience
  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