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.




Warning

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.

Remember

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**.

730


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.