Web Recommendations Block

Setting up product suggestions on your site might seem tough and you might think you need an IT expert. But, with the provided 'Product Recommendations [web]' block in the Web Recommendations Block, it's super easy to display customized suggestions without any coding. You can use it in experiments, which makes it speedy to add value to your business.

Create Web Recommendations Block

Go to Campaigns > Experiments > + Create new and insert your target website.



Bear in mind that the target website must be integrated with the current project before creating and publishing the experiment.

In the Design tab, click on Edit, which will open your target website.

Click on the screen where you would like the product recommendations to be and then click Insert > Block.

Scroll down to the Predefined templates and click on the ready-to-use predefined block ‘Product Recommendations [web]’ available for every project.

A panel will be displayed where you can modify and personalize the block with product recommendations. You will need to select a recommendation engine available for the project under the ‘Recommendation ID’ section. Furthermore, specify the currency, such as EUR.



The block only work with recommendation engines that do not initially need item_id. However, if you need to use this engine with item_id, it can be added to the Product Recommendations block in the Asset manager.


You can adjust various parameters, such as fonts, colors, layouts for mobile devices and desktops, and more, to achieve the perfect personalization. For example, a block adjusted to showcase four items with red background would look like this.

If you are satisfied with the block, click on Confirm in the bottom right corner and hit Save on the top left side of the screen.

Although this block should work for a vast majority of websites, each one is different. Therefore, you should test it before you deploy it to your real audience.

You can test the blocks on yourself in the Settings tab, for example if you specify your URL. You can also perform various modifications to accommodate your preferences. Afterward, click on Start, and the website will contain the product recommendations!

A/B Test

In the Design tab, you can create multiple variants of the Experiment and set up the AB Test. You can also change the preview page URL, change the variant names, and even duplicate them.

In the center-right of the page, you can choose the traffic distribution. If you pick Automatic traffic distribution (default), Engagement will automatically lean towards the Experiment variants that do the best.

If you choose Custom traffic distribution, you get to decide the customer percentage that will see each Experiment variants.

Both options let you make a control group. This is a group of users who will keep seeing your original page, helping you evaluate better.

You can also choose to duplicate your variant.


Read More

To learn more about product recommendations, experiments, and blocks, please refer to our guides.