We have developed a new feature that allows users of your website to filter products by categories and parameters. The filter functionality is available as the "Product catalog with cilters" block (found in the "Ecommerce" category in the block library) and as the "Product catalog" element (available in the element addition panel), which you can add to any block.

In the "Product catalog with filters" block, filter display is enabled by default. To activate filters in the "Product catalog" element, you need to go to its settings and enable the "Show filters" toggle. A field will be added to the left side of the element, containing a list of all categories, subcategories, and parameters set in your store and product settings. In both the block and the element, you can edit this list and select which categories, subcategories, and parameters to display in the filters. You can also choose to display only product subcategories without linking them to the category they belong to.

For user convenience, we made the filters dynamic, meaning that when a certain category or subcategory of products is selected, only the parameters available in that category will be displayed.

We have added a new "Product" element to the Flex block, allowing you to display details about a specific product from your catalog along with a "Buy" button. You can duplicate, copy, delete, and move the product within the Flex block, adjust its position and size separately for each version of the site, and manage the element's content — enabling or disabling the display of the description, price, SKU, or button (the product name and photo are displayed by default).

In our Help center, you can always find useful tips on working with elements in the Flex block.

Now, in the settings of your online store, you can create promo codes for your customers. By going to the "Promo codes" section in the site settings, you can click on the "Add promo code" button and enter all the necessary information: the name of the promotion (for example, "Summer Sale"), the promo code that you will provide to customers (for example, SUMMER25), and the discount amount either as a percentage or a fixed sum. You can also set a limit on the number of times the promo code can be used and make it applicable only to orders of products from certain categories in your store, and also specify the minimum order amount for the promo code to apply.

Due to this update, the promo code input field will be automatically added to the shopping cart for all new stores. If your store is already created or you want to hide this field, you can manage its display on the shopping cart page in the editor.

Have a nice shopping trip!

Now, you can add the “Menu” in the Flex block, which will allow you to better arrange interactive elements on your website. The settings of the “Menu” element include changing the width, font, colors and size of the text, the menu type (horizontal or vertical), and specifying a gap between menu items.

We have added an option to add a thumbnail to the "Video" element. This will allow you to customize the appearance of this element on the site better. To set the image, go to the "Style" tab in the "Video" settings and activate the "Custom thumbnail" switch.

We have added an option to turn off the editor's auto-display of distances. This will help improve visibility when there are a large number of elements in the block.

To turn off the auto display, you should deactivate the switch "Show distance" in the editor's navigation panel. When you do this, the distances will be displayed only when you hold down the Alt key (for Windows) and Option (for macOS). By default, the auto display is enabled.

We have added the "Social icons" element to the Flex block. It will give you more space to edit this element on the site. The size of the element changes depending on the number of icons and their size.

Now, you can import separate blocks from Figma to your website editor, allowing you to significantly speed up the transformation of the Figma design into a complete website. To do so, you only need to paste the token from Figma once, and after that, you will be able to import Figma frames into blank Flex blocks by adding links to them. Images, texts, the block's background, and other elements will automatically transfer to your website. 

We highly recommend reading our tips and guides in the Help Center to achieve the best result while importing the block. The website creation became even more efficient and effortless!

Now, you can copy pop-ups from one website to another, making it easier to create new websites using templates of your own. This way, you will be able to develop the design of the pop-up, copy it to another site, and change its content. Working on new projects became even more convenient!

We added the "Embed code" element to Flex block, which will give you more space to create functional websites with the code assistance. You can add the embed code in the Flex block. This element can be freely arranged.

Moreover, while using the “Embed code” element in Flex block, you can also see the result of the written code in the editor, which allows you to check the correctness of its work better.