We’ve added the ability to create quizzes in the Weblium editor. This allows you to collect more information from clients step by step without overwhelming them with long forms.

To add a quiz to your site, click the “Add block” button and select the corresponding block in the “Quiz” tab. Click the gear icon to open the settings — here you can manage steps (questions and answer options), customize the appearance of fields and buttons, set the action after quiz completion, and connect integrations.

Quiz responses are stored in the “Form management” section. To view full information about a client who has completed a quiz, click the eye icon.

Detailed instructions on working with quizzes are available in the Help Center.

You can now copy entire blocks and paste them onto other pages (or even other sites), keeping all settings and styles intact. This will speed up your work, making it possible to reuse ready-made layouts.

In the editor, find the block you want to copy, click on the three dots, and select “Copy”. Then go to any other block you need, click the three dots again, and select “Paste” — the copied block will be placed directly below it.

A new feature is now available in contact forms — the calculator. It allows users to calculate the order cost directly on the website and is especially useful for businesses where the price of products or services depends on multiple variables (craft production, car sharing, catering, renovation services, and more).

The calculator is based on a contact form, meaning it can calculate the order cost and collect users’ contact details at the same time. To add a calculator, place a contact form on your website and add the required fields (for example, “Number,” “Dropdown,” etc.) whose values will be used in the final price calculation.

Please note: fields that support calculations are marked with the fx icon.

In the field settings, specify the variable name, then add possible values and their price modifiers.

Finally, add the "Calculation result" field and define the formula that will generate the final price. Use the variables defined in previous fields along with basic mathematical operators — plus (+), minus (−), multiplication (*), division (/), and parentheses ().

You can explore calculator implementation examples and the formulas used on this landing page.

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