Elementor includes a new Save as Default option, which expands the Loop Builder’s capabilities to support WooCommerce and section-based layouts, and a number of additional features that improve site design and experience your users.
Save as Default : The New Feature
Elementor with Elementor you can use the new Save as Default feature to improve your design workflow and fully customize how elements appear on your site when you drag them into the editor.
This update allows you to set all the default settings for each element and customize them to your liking. You can replace the placeholder image with any image you want – like your logo, set the placeholder text and replace the colors and fonts with whatever you want. Then save it as default by left clicking on the element and saving it. After this feature, every time you drag a new custom widget, the new defaults you set for it will appear. All new default settings can also be transferred to any widget or template you import or export to improve your workflow and speed up your website creation.
Every Elementor element has predefined default styles and advanced options. These include local images, icons or text, default colors and fonts, or certain common color and font combinations. Meaning – If we take a button widget for example, every time you drag it from the widget panel to the editor, the background will have the accent color defined by Global Colors applied, the text color will be white, etc.
Because the new Save As Default feature saves any changes you make to elements before saving them. It is important to take special care not to add sensitive information before saving as the new default. For example, it is not recommended to add your PayPal account email address before saving the PayPal button as a new widget. The same goes for any sensitive information like CSS identifiers, API keys and so on.
Below are three (of many) examples of how to use the new Save as Default feature:
1. Update element colors or fonts to match different global colors or fonts (eg primary instead of secondary)
2. Set new default paddings and margins. for widgets like a button.
3. Insert a logo, image, or special instructions as image placeholders for image widgets or as text placeholders for text widgets. This way you can constantly promote your business as a web developer to clients and help them update their websites.
After the release of Loop Builder in Elementor this version extends the functionality of Loop Builder to support WooCommerce. This update allows you to create your own product listing template to unleash your creativity when designing e-commerce websites.
Now, when you use the Loop Builder, you first select the type of model to create. In WooCommerce, you select Products. The widget panel then suggests WooCommerce widgets at the top, but you can use any widget and any dynamic content tag to display more WooCommerce content on your main site template.
Once you’ve finished designing a template, you can use it on any page, change its layout, pagination, and style, and display your products in a way that best suits your design and brand.
Elementor also supports section column layouts, so if you’re not ready to use Flexbox containers, you can still use Loop Builder to create custom lists with a section column layout.
One of the most popular requests for Popups in Elementor was to improve the advanced rule that determines how many times the popup appears. Until now, the popup could appear X times, but the time period for their appearance was not specified. So, if you set the popup to appear 3 times, it will appear the next 3 times a visitor visits your site, regardless of the frequency of visits.
This updated additional rule allows you to specify how many times you want the popup to appear – continuously or in a specific time period – per session, day, week or month. This way you can deliver your pop-ups at the desired frequency, improve the user experience and achieve the desired result of the pop-ups.
We’re always looking for ways to improve your site’s performance, and we recently partnered with Chrome to find ways together. Elementor used tools from Google such as the Chrome User Experience Report and the Core Web Vitals Technology Report and received technical advice from a Chrome expert. Elementor includes several performance improvements that can significantly affect your site’s performance, including:
Lazy Load Alpha Experiment : Background Images
Backgrounds are an integral part of website design, but they can have a negative impact on performance and LCP results. Optimizing your site’s performance and LCP score is important to optimizing your visitors’ experience on your site and improving your search engine visibility.
By adding Lazy Load to your background images, you can improve your site’s performance and LCP score without compromising your site’s appearance.
Activating this test will lazy load all background images below the page in the following areas:
• Section – Section Background and Section Background Overlay
• Column – Column Background
• Container – Container Background and Container Background Overlay
• General Window Background – Access from the Advanced tab.
When the Performance Lab plugin is activated, images uploaded in JPEG format are automatically converted to WebP. If the Performance Lab plugin cannot convert the image format to WebP, the default JPEG will be displayed on the website. Additionally, only JPEG images downloaded after the Performance Lab plugin is activated will be converted to WebP. All images uploaded prior to this will retain their JPEG format.
Customization, Design Do More With Elementor
With New Elementor It aims to enable you to achieve more with your websites in a more convenient way. With the new Save as Default feature, you can set the starting point of each element according to your site’s needs and speed up the creation process. This update also includes improvements to Loop Builder, so you can customize the look of your sites even more, and lots of enhancement features – so you don’t have to choose between the look and feel of your site. presentation
Try out the new features in Elementor 3.9 and let us know in the comment section how you plan to use these new features on your site.