We’ve added the ability to download images directly from the Media Gallery to your device. With this update, you can now export files from the Media Gallery instead of only using them inside the editor.

At the moment, downloads are available for one file at a time — note this when exporting media data. 

To open the Media Gallery, go to any element that supports adding images. Click on them to open a context menu, click on the icon to open the Media Gallery, select the element you want, and then click “Download”.

This feature has been one of the most-awaited ones. We hope it’s going to make managing media assets even more convenient and improve your overall editing experience.

We keep expanding Site Styles as a centralized place for managing your site’s design system.

You can now add, disable, and customize shadows for buttons directly in Site Styles. 

Shadows can be enabled using a toggle. You can configure them individually, for the default state and on hover. 

Click the “Site styles” menu (located in the top-left corner under the “Site settings” menu). Select Primary or Secondary Buttons under the “Buttons” section, turn on the “Shadow” toggle down the list, and set the values for Size, Blur, Spread, and Color. 

Now you can connect the “Installment payments” payment method by monobank to your online store and accept payments for orders from site visitors. We expect this integration to considerably improve the performance of all stores that accept UAH as a payment method. You can set from 3 to 25 payments. For products with “Split Payments” enabled, a special monobank icon will be displayed.

To set it up, click the “Site settings” menu (located in the top-left corner of the editor header). Go to the “Your Store” section, then to the “Payment methods” subsection, and click the “Add” button next to “Monobank Installment payment”. You’ll need your Store ID and Secret Key – note this when completing setup. 

Important notes

• Only Ukrainian Hryvnia (UAH) is supported. If your store uses a different currency, you’ll see a notification on the settings page
• The cart must include the “Phone Number” field in the correct format. We recommend adding a phone number mask in a contact form. Learn more about phone number mask in this guide.

You can now create element groups in Flex block — this will help you optimize your workflow and make working with absolute elements even more convenient.

To create a group of elements in Flex block, select the desired elements with your cursor, click the three-dot icon, and choose “Group”. You can also use the shortcut Ctrl / Cmd + G.

To ungroup elements, select the group, click the three-dot icon, and choose “Ungroup” — or use Shift + Ctrl / Cmd + G.

You can move the entire group, edit elements inside it, and adjust the size and proportions of certain elements.

You can now make your work in the Flex block even more convenient using a grid. It divides your workspace into columns and helps you position elements more precisely — as they snap to the column edges when moved close.

To enable the grid in a Flex block, click the “Tools” icon (located in the top-right corner of the editor header) and turn on the “Show grid” toggle.

To the left of the toggle, you’ll see a settings icon — click it to customize the grid’s color and number of columns. You can set a different column count for each device type and choose between preset layouts or define your own column number and color.

You can now set a new cart behavior: it will automatically open when a user clicks the “Buy” button. This update is especially useful for stores with a small product range.

To enable automatic cart opening after a product is added, first open the product page in the editor (click the page manager in the top-left corner of the editor, go to the “Store” tab, and select “Product page”). Then open the Product details settings, switch to the “Action” tab, and in the “Click action” section, choose “Add to cart and open shopping cart”.

You can now choose how many columns you want in your site header — from one to five.

To add a new column, hover over the edge of an existing one and click the icon that appears.

If you want to remove an extra column, click the three dots in its bottom-right corner and select "Delete".

You can now fully control the size of buttons on your website. To set a custom button size, go to the button settings and open the “Design” tab. In the “Button Size” section, switch to “Custom” mode and enter your desired values in the “Paddings” fields.

You can also continue using standard button sizes. Simply switch to “Presets” mode and choose the option that suits you best. Custom and preset buttons can be used simultaneously on your website, giving you even more flexibility for creative and unique design.

You can now make any block on your website global. This allows you to add its full copy to multiple pages and update all duplicated blocks simultaneously.

To turn a block into a global one, click the three-dot icon in the top right corner of the block and select “Set as global.” Once saved, the block will appear in the “Global blocks” section when you click “Add Block.” If you’d like, you can give these blocks custom names by clicking the round three-dot icon and selecting “Rename.” This makes it easy to find the block you need and add it to any page on your website.

If you need to make changes to all duplicated blocks, simply update any of the global blocks — the changes will automatically appear in all its duplicates.

If you want to edit just one block and leave the rest unchanged, click the three-dot icon and select “Make not global.” After that, any changes you make will only apply to that specific block, while the others will keep following the global version.

You can also use global blocks on multilingual websites — they will be linked to a specific language version.

We hope this update helps you optimize your website editing time and makes the creation process even more enjoyable.

We've added several new features to the editor that allow you to work more flexibly with images and galleries.

Adjusting the number of columns for galleries on different devices

You can now set the number of images per row for each device type in "Grid", "Masonry", and "Thumbnails" galleries. To do this, go to the "Layout" tab in the gallery settings and specify the desired value for each device under "Max images in row". Switch between different devices using the icons at the top of the settings panel.

Scaling styles for different image types

Now you can adjust corner radius for "Image + card", "Image hover", and "Before and after" elements.

For the "Image hover" element, you can also customize shadows. These settings can be found in the "Style" tab of the element settings.