Email Personalization Widget Designer (new)

How to design the perfect recommendations widget

Step 1 - Select from the predefined templates. Do it before adjusting the widgets as selecting a fresh template deletes all adjustments.

Step 2 - Adjust the look and feel, add labels - buttons or badges if needed.

Step 3 - Save and close the widget designer.

Important ! The design is not saved until you save the rule containing it!

Design view

You can switch design view on and off with the checkbox at the top right. design view shows the area of each content piece with a wireframe and also the labels, including those which are set to show on specific products (new, best sellers etc..).

How to create call for action button

Use a label. Select the button from the predefined images.
Then add text like "BUY NOW" and use white color and center align.
Adjust the size and location.

Uploading your own graphics

You can use your own labels by inserting their url to the Optional Image Url: boxes. Reusing graphics from your site will make the design quick and easy.

Widget layout

You can select a fixed width widget or a responsive one.
To determine the number of columns adjust the widget width parameter. Remember there is margin between the widget items so you may need to increase it accordingly.

Show On functionality

Labels can be set to show only on products flagged as new, best sellers, or sale items. This information is usually taken from your product feed. Before using, custom setup has to be performed from Barilliance side.