{"id":84650,"date":"2022-12-13T14:50:42","date_gmt":"2022-12-13T14:50:42","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=84650"},"modified":"2025-12-01T16:32:28","modified_gmt":"2025-12-01T14:32:28","slug":"introducing-elementor-3-9-save-as-default","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/introducing-elementor-3-9-save-as-default\/","title":{"rendered":"Introducing Elementor 3.9: New Save as Default Option for Elements To Enhance Your Design Workflow"},"content":{"rendered":"\n

Elementor 3.9 includes the new Save as a Default option, broadens the capabilities of the Loop Builder to support WooCommerce and the section-based layout, and several additional features that improve the design of your website and its user experience. <\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

New: Save as Default<\/h2>\n\n\n\n

With Elementor 3.9, you can leverage the new Save as Default feature to improve your design workflow and fully customize the way elements appear on your website upon being dragged into the Editor. <\/p>\n\n\n\n

With this update, you will be able to adjust all the default settings of every single element and customize it to your liking. You can replace the placeholder image with any image you prefer – such as your logo, adjust the placeholder text, and replace the colors and fonts with those of your preference. Then, save it as a default by left clicking the element and saving it. Following this action, any time you drag a new widget you\u2019ve adjusted, it will display the new default settings you configured to it.  To improve your workflow, and accelerate your website creation process, all new default settings can also be carried over to any kit or template<\/a> you import \/ export. <\/p>\n\n\n\n

Every Elementor element includes preconfigured default styling and advanced settings. These include placeholder images, icons or texts, default colors and fonts or association with specific global colors and fonts. Meaning – if we take the Button widget as an example, everytime you drag it to the Editor from the widget panel, the background will adopt the Accent color set up in your Global Colors, the text color will be white, etc. <\/p>\n\n\n\n

Since the new Save as Default feature will save any changes you make to the elements before you save them, it is important to pay special attention to not include sensitive information before saving as a new default. For example, it is not recommended to include the email address of your PayPal account before saving the PayPal button as a new widget. The same applies for any sensitive information, including CSS<\/a> ID, API Keys and so on. <\/p>\n\n\n\n

Below are three (of many) examples of how you can use the new Save as Default feature: <\/p>\n\n\n\n

  1. Update the colors or fonts of an element, to be associated with different global colors or fonts (such as primary instead of secondary)<\/li>
  2. Set a new default padding, and margins of a widget, like a button. <\/li>
  3. Include a logo, image or specific instructions as an image placeholder for image widgets, or text placeholders for textual widgets. That way, you can continuously promote your business as a web creator to your clients, and assist them as they make website updates.<\/li><\/ol>\n\n\n\n
    \"\"<\/figure>\n\n\n\n

    [Pro] Loop Builder Extended to Support WooCommerce and Sections<\/h2>\n\n\n\n

    Following the release of the Loop Builder in Elementor 3.8<\/a>, this version broadens the capabilities of the Loop Builder to support WooCommerce. With this update, you will be able to design your own custom template for Product Listings so you can unleash your creativity when designing your Ecommerce<\/a> websites. <\/p>\n\n\n\n

    Now, when using the Loop Builder, you\u2019ll start by choosing the type of template you want to create, for WooCommerce<\/a>, you\u2019ll choose Products. Then, the widget panel will recommend WooCommerce widgets at the top, but you can use any widget as well as any Dynamic Content tag to display additional WooCommerce content in your Main Item template. <\/p>\n\n\n\n

    Once you\u2019ve finalized the design of your template, you will be able to use it on any page, adjust its layout, pagination and styling and display your products in a way that best suits your design and brand. <\/p>\n\n\n\n

    Elementor 3.9 also introduces support for the section-column layout, so if you\u2019re not quite ready to start using Flexbox Containers yet, you can still use the Loop Builder to create custom listings using the section-column layout. <\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    [Pro] Enhanced Popup Advanced Rule – Show up to X Times Persistent, or Per Session \/ Day \/ Week \/ Month<\/h2>\n\n\n\n

    One of the most popular requests for Elementor Popups was to enhance the advanced rule that determines how many times a popup appears. Up until now, you would be able to have the popup appear X number of times, but the time frame in which they would appear wouldn\u2019t be specified. So, if you would set a popup to appear 3 times, it would appear the next 3 times the visitor visited your website, regardless of their visiting frequency. <\/p>\n\n\n\n

    With this updated advanced rule, you will be able to set the number of times you want the popup to appear – persistently, or within a specific time frame of – a session, a day, a week, or a month. That way, you can deliver your popups at the desired frequency, improve the user experience and achieve the desired outcome of the popup. <\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Performance Improvements<\/h2>\n\n\n\n

    We are continuously looking for ways in which we can improve the performance of your website, and recently partnered with Chrome to identify areas of opportunity together. Elementor utilized Google tools including the Chrome User Experience Report<\/a> and Core Web Vitals Technology Report<\/a>, while receiving technical consultation from a Chrome expert. Elementor 3.9 introduces a number of performance improvements that can have a significant impact on the performance of your website, including:<\/p>\n\n\n\n

    Background Images Lazy Load Alpha Experiment<\/h3>\n\n\n\n

    Background images are an integral part of designing a website, but they can have a negative impact on performance and the score of Largest Contentful Paint (LCP). Optimizing your website\u2019s performance and LCP score is important to optimize your visitors’ experience when visiting your site, as well as improving your discoverability in search engine results.<\/p>\n\n\n\n

    By adding Lazy Load to background images, you can improve your website\u2019s performance and LCP score, without compromising on your website\u2019s appearance. <\/p>\n\n\n\n

    Activating this experiment will apply lazy load to all background images below the fold, in the following areas:<\/p>\n\n\n\n