On the main page of your website, you can enable and configure the Benefits block, which helps attract visitors' attention and highlight the strengths of your online store — for example, fast delivery, quality assurance, or convenient payment.
How to turn the block on
To turn on the block:
In the admin panel, go to the Website → Design → Design Editor section.
Expand the Homepage block.
Turn on the switch in the Benefits icons section.
Block settings
To change the position of a block on the main page, drag it to the desired location in the design editor.
Icons appearance
Click on the block in the editor to expand the settings.
Three icon display styles are available:
Top icon:
Left icon:
Left icon + Description:
You can also configure the following here:
Text color — color of benefit headings;
Icons color;
Top padding and Bottom padding — the distance between the block and adjacent sections;
Background — the background color of the block;
Content container background — the color or background image inside the block;
Content container border — a border around all elements.
Benefits settings
To configure the settings for each benefit:
In the admin panel, go to the Website → Benefits section and open the desired item for editing.
In the Title field, enter a short text that will be displayed next to the icon.
In the Icon field, select one of the system icons or upload your own image in the Upload icon field.
Add benefit Description. Depending on the selected block style, the description will be displayed when hovering over or under the icon name.
In the Page field, you can specify the page that will be opened when the benefit icon is clicked. To do this, select a page from the list or enter the external link in the URL field manually.
Check the Active box and click Save.
You can also add new benefits in this section. To do this, click the Add button and configure the settings in the newly created item.
Please note: the maximum number of benefits displayed on the website homepage is 6.
Benefits in the mobile version
The Benefits block is also available in the mobile version. It can be configured separately to improve compatibility with smartphones.
To do this, in the admin panel Website → Design → Design Editor section, open the Mobile version section, go to the Homepage tab and expand the Benefits icons block.
Here you can, independently from the desktop version:
Enable or disable block display;
Set the background and the container background;
Set the top and bottom padding for the block;
Show or hide the block title.