Introduction

Personalizing a visitor or user's current web browsing session is incredibly important. It allows businesses to deliver relevant content and experiences tailored to the individual's interests and needs. This level of personalization enhances the their overall browsing experience, making it more engaging and enjoyable.

By understanding the user's browsing behavior and preferences, businesses can provide targeted recommendations, offers, and suggestions that are more likely to resonate with the user. This not only increases the chances of conversion but also fosters a stronger connection and loyalty between the user and the brand.

By adapting the website layout, navigation options, and content presentation based on the user's preferences, businesses can create a user-friendly interface that feels tailored to each individual. This can lead to increased satisfaction, longer browsing sessions, and higher chances of return visits.

In this article, we will personalize a web page layout as well as the content using the In-session behavior targeting feature of Personalize.

Expected Result

Whenever the visitors fulfil the criteria specified as part of In-Session behavior, they will see the personalized experience on the web page(s). The following is a sample Home page personalized for visitors interested in "Tops".

Create a Personalized Experience

In this section, let us create a personalized experience that you would like your users to have have in your website.

Step 1: Target Users

1. Navigate to the sidebar on the left and click Personalize > All Experiences and click + Experience > Web (WYSIWYG) or click + Create new > Experience > Web > Web (WYSIWYG).
   
   You are taken to the first step "Target users" of defining a personalized experience.
2. Enter the following details:
   • Experience name: A name for the personalisation you are building. For example, "Personalize Current Browsing Session".
   • Experience Tags: Add tags here to later identify this among the other personalized experiences you will be having.
     
3. Under Target Audience, click + Add Audience and then click + New Audience to define the target audience. For more information on new audience creation, refer here.
   
4. Click + In-session Behavior and select the event that you want to personalize the visitor’s browsing session. In this use case, we will personalize the home page banner and category layout whenever the user visits any web page category under "Tops".
5. Click Add.
6. Click Next to move to the second step "Content" where you can define the content that will go into your campaign.

Step 2: Content

1. Clicking Next in the first step "Target users" will display the URL(s) to personalize pop-up. We can use this to define where we would like to show the defined personalization in our website.
   
2. You can personalize either a single web page or multiple web pages.
   Note: In case of multiple web pages, the elements to be personalized must be present on every page matching the web page filtering criteria. If the element is not present, the personalization will not be shown to the user.
3. In the URL field, enter the URL on which we will do the setup and click Verify SDK setup. This will check if the SDK is installed in the pages.
   
4. Click Personalize URL to open our website in the editor.
5. Click Personalize for the required variation to move to the next step of personalizing the webpage using the What-You-See-Is-What-You-Get (WYSIWYG) visual editor of MoEngage in a new tab.
   Note: You can personalize the content for all variations except the Default variation.
   
6. Update the home page banner, call to action (CTA) redirection link, and reorganize the navigation menu as shown in the following video:
   
   
7. Click Next to move to the third step "Schedule and goals" where you can define the schedule and goal of your experience.

Step 3: Schedule and Goals

1. In the Send experience section, select Active continuously and define when to start and end this experience.
   
2. In the Conversion goals section, define the conversion goal based on your requirements.
3. Under Delivery controls, from the Experience Priority drop-down, select a priority. For more information, refer to Create Experience.
4. Click Publish.

Conclusion

In this use case, we personalized a web page layout as well as the content using the In-session behavior targeting feature of Personalize.

In addition to updating elements already present on the web page, you can also add new widgets or hide/delete existing elements on the webpage.

Now that you have personalized a visitor’s current session based on browsing behavior or custom action, go to Persoanlize Analytics to see how your experience is performing.