All Collections
Email Templates
Designers Guide
How To Configure Product Widget To Have The Best Experience?
How To Configure Product Widget To Have The Best Experience?
Danielle From BayEngage avatar
Written by Danielle From BayEngage
Updated over a week ago

To configure the product widget for the best experience, ensure that you select the appropriate layout and number of columns based on the design of your email template. Also, choose the most relevant and popular products to showcase on the widget to increase conversions.

By following these recommendations, you can ensure that your product widget has a smooth alignment and presents a more refined appearance. This article discusses:

  • The process of migrating from the old product widget to the new one.

Recommended read 📚:

To know more about the new product widget, kindly click on the button below:

Tips to migrating from the old product widget to the new one:

💡 Tip 1: In the previous version of the product widget, users had to manually insert the desired number of columns and add the product widget to each column. In the latest version, you just add a single column and then add the "Products" widget to that column. This product widget allows for a maximum of three products to be displayed in a single column. This option is available only for grid view.

💡 Tip 2: Using the option “Products in a Row”, you can display up to three products in a row.

💡 Tip 3: If you have multiple columns in a single row, add the products to the first column and delete the remaining columns.

💡 Tip 4: If you are using the “List Right” or “List Left” layout option, it supports only one “Products in a row” option. To display multiple products in a single row, it is recommended to use the “Grid View” option.

💡 Tip 5: If multiple products are added in a column, the previous product widget will display them as below:

The products in the widget will have a gap between them - Please follow the below step to ensure a visually appealing appearance

  • To fix this alignment, please add background to each column. By adding a background to the columns, we can ensure that the product widget content aligns properly and avoids any appearance of misalignment. Please refer to the below GIF:

Did this answer your question?