Logo Edyrecommends

Elementor current version

Elementor current version – A list of the newest features

Elementor current version 3.21

As a frequent user of Elementor, I’m sure you are always excited to learn about new features and functions in the latest updates. Discover all the new features unleashed in both the free and Pro editions of Elementor. This blog post will continue to be updated after each new release.

Get ready to stay up-to-date with all the newest changelog information regarding Elementor – your favorite page-building tool!

Elementor release schedule explained

Elementor is committed to continually offering users the newest and best editing features in its Free and Pro versions. Releases arrive almost every two months, pushing Elementor to be one of the most advanced page builders. Elementor Free has plenty of great options that make designing pages easier than ever. At the same time, Elementor Pro takes it to the next level with extra goodies such as Theme Builder, Popup Builder, Loop Builder, Mega menu and more. Keeping tabs on Elementor’s release schedule can make sure you are always up-to-date with their cutting-edge features.


Elementor recently announced that from now on, release schedules for their Free and Pro Versions will be simultaneous. This means that going forward, version 3.20 for the Free and Pro Versions will be released at the same time. And in exciting news for Elementor Cloud users, they will receive new releases a few weeks earlier than users of the no-Cloud version.

By opting in to be a beta tester, you can access the release weeks earlier than others by going to Elementor’s Tools, Version Control tab on the WordPress backend. Having said this, you should only install beta versions of Elementor on a test or staging site. Never install it on a production website.

Regrettably, there is a slight drawback regarding the new Pro features. Elementor has decided that starting from December 4, 2023, purchasers of the Essential plan, the lowest tier, will not have access to all the new Elementor Pro features. I will highlight it below when a specific feature is not included in this tier.

However, those who subscribe before December 4, 2023, under the legacy plan, will continue to enjoy all the new features of Elementor Pro.

Elementor current version: What’s new in 3.21?

Release April 15, 2024

Taxonomy Query for Loop Grids & Loop Carousels – Pro Feature

Elementor Pro introduces a new feature called Taxonomy Query for Loop Grids & Loop Carousels, enhancing Dynamic Content capabilities. Previously, Loop Grids and Loop Carousels were used to display products and posts with Loop Templates. Now, with Taxonomy Query, categories and tags can be displayed as items in these grids and carousels. For instance, a clothing store can showcase different clothing taxonomies like “Shirts,” “Pants,” “Hats,” and “Casual.”

This feature works seamlessly with third-party plugins like CPT and ACF, enabling the creation of visually appealing loops for custom post types. Users can filter items using “Show All” or “Manual Selection” options, allowing inclusion or exclusion of specific categories and tags. When dealing with post-taxonomies, users can filter by depth for finer control over displayed items. Additionally, sorting options include alphabetical and reverse alphabetical order for post or product taxonomies.

Optimized Control Loading for improved performance

brings a substantial boost to website performance with the introduction of Optimized Control Loading. This feature reduces the Time To First Byte (TTFB) metric by 20%-30%, resulting in quicker loading times for visitors and enhancing their browsing experience. This improvement ensures smoother performance and increased engagement by preventing unnecessary editor-related controls from loading when the website is rendered for visitors.

Additional Performance improvements

  1. Lazy Load Background Images: New infrastructure supports lazy loading of background images, enhancing functionality and improving website performance. This version utilizes a CSS native approach, using media queries to detect when background images are below the fold and lazy load them accordingly. Users can disable lazy loading for specific background images by applying the “e-no-lazyload” label in the CSS Class input.

    This feature is available for Containers and is active on all new websites by default.
  2. Clean Code – Optimize Redundant Markup: Widgets with empty content areas and text boxes now optimize code by avoiding the creation of unnecessary divs. For example, if an Icon Box is added without a description, the Widget won’t generate an unnecessary div tag in the code, resulting in cleaner and more efficient markup.

Elementor current version: What’s new in 3.20?

outranking web logo black long

Looking for a tool to help you create content that ranks?

NOw AI writer with GPT4

Create Content that Drives More Traffic and Revenue to your Website

Release March 11, 2024

Enhanced Display Conditions Use Dynamic Tags and ‘OR’ Connector with Display Conditions for Unique Visitor Experiences – Pro Feature

Elementor introduces enhanced display conditions, offering more specificity for customizing visitor experiences. Previous versions allowed for connecting multiple conditions with the AND connector, displaying an element only when all conditions were met. Now, with the OR connector and condition groups, you can set multiple conditions and display the element if any condition is met.

Additionally, you can set display conditions based on Dynamic Tags for WordPress Custom Fields, enabling dynamic designs for single posts and page templates. These conditions allow for actions like displaying an Icon Box Widget only when the title is not empty or based on specific values in Custom Fields.

Performance improvements

Significant performance enhancements for faster website building and browsing experiences. The Time to First Byte (TTFB) score improves by 3-5%, particularly on heavier pages, thanks to optimized rendering that excludes unnecessary controls from the front end. Additionally, DOM optimization reduces the output of Containers, enabling sophisticated layouts with reduced code. Flexbox Containers now produce 39% less code, and Grid Containers produce 85% less code than version 3.19. Furthermore, the Editor’s performance is enhanced by reducing the DOM output of custom unit controls.

Elementor current version: What’s new in 3.19?

Enhanced Display Conditions – Pro Feature

The Pro-exclusive feature, Display Conditions, offers users more flexibility to create dynamic web experiences based on specific conditions and rules. This feature allows for the customization of web pages to display or hide elements based on the visitor’s time and date of visit, their identity, and the type of page they view. Using “AND” logic, multiple conditions can be applied to an element, making it visible only when all conditions are met.

For instance, you can set up a marketing banner to only show on weekends (Friday to Sunday) by setting the “Day of the week” condition. Similarly, blog posts can be exclusive to subscribers by blocking non-subscribers from viewing the full content, displaying only the title and an excerpt alongside a subscription invitation.

This new feature is not available in the Essential plan when bought after December 4, 2023.

Role Permission

Designed to enhance team collaboration by tailoring the Elementor experience to individual team members’ roles. This feature, integrated into the Element Manager, allows administrators to control which widgets are displayed in the Widget Panel for each user based on their role, as defined in the Role Manager. For instance, it’s possible to exclude complex widgets such as “Loop Grid” or all “WooCommerce” related widgets for users assigned the role of “Author,” streamlining their widget panel only to include widgets relevant to their permissions and needs.

This customization is distinct from disabling widgets in the Element Manager, as it doesn’t affect the visibility of widgets on the site’s frontend, nor does it remove widgets already placed on the canvas. Instead, it explicitly limits a user’s ability to add certain widgets to the Editor based on their role permissions, ensuring a more focused and role-appropriate toolset for content creation and management.

WordPress repository

Filter Spam with the Akismet Integration – Pro Feature

By integrating with the Akismet spam filter, Form Builder significantly improves spam protection for forms. Akismet employs AI technology to identify and filter out spam submissions with a remarkable 99.9% accuracy rate, operating quietly in the background to ensure a smooth and uninterrupted visitor experience. This integration aims to safeguard the user experience and the site management process from spam.

The Akismet plugin activation is compatible with four specific field types within forms: “Name,” “URL,” “Email,” and “Message.” When enabled, any submission identified as spam by Akismet is automatically filtered out, meaning it won’t be visible on your submissions page nor forwarded via email. This feature streamlines site management by reducing the volume of spam, allowing you to focus on genuine interactions with your visitors.

This new feature is not available in the Essential plan when bought after December 4, 2023.

Elementor AI – Container Generation

Elementor AI for container generation is designed to enhance the web design process significantly. This innovative tool allows users to draw inspiration from existing website designs by simply copying the URL of the site they admire into Elementor AI. Users can specify which part of the page they wish to use as a reference and even provide a prompt to adjust the content and style according to their needs. The AI then generates three variations of Elementor Containers inspired by the selected design, all optimized for performance.

WordPress repository

Elementor current version: What’s new in 3.18?

Element Manager

The Element Manager in Elementor allows users to personalize their widget panel by disabling unused widgets. It offers a comprehensive view of all installed widgets, searchable by name and filterable by their source (Elementor or Elementor Pro) or usage frequency across the site. Disabling widgets simplifies the widget panel, enhances Editor performance, and creates a more streamlined interface for clients. However, users must be cautious when disabling widgets, as those in use will be removed from the site. The “Scan Usage” feature helps ensure vital widgets remain active.

Elementor Element Manager

Multi-Select for the Taxonomy Filter – Pro Feature

Elementor introduces an enhanced Taxonomy Filter, allowing for multi-select functionality in Loop Grids. This new feature enables visitors to filter listings using multiple categories or tags from the same taxonomy filter. Users can customize the logic behind this multi-selection by choosing between “and” or “or” options. For instance, on a clothing site, selecting “and” will display products that are both on sale and retro, while “or” shows products that are either on sale or retro. This update provides more flexibility and control over how visitors interact with website listings.

Design and Add Empty States to Loop Grids – Pro Feature

The Loop Grid feature allows the addition of styled empty-state messages. Users can set up custom messages to inform visitors when filters result in no posts or products. This is done by enabling the “Nothing Found Message” Control under “Additional Options” in the content tab. Users can write a personalized message, adjust its alignment, and style it with brand-consistent colors and typography via the Style tab. This empty state feature is fully integrated with the Taxonomy Filter, displaying the message when visitors select empty taxonomies.

Receive Files submitted in Forms as attachments. – Pro Feature

A significant update to its Form Builder, allowing customization of file receipt methods for files uploaded through forms. Instead of storing files on the site’s server, you can now receive them as email attachments, reducing the impact on hosting space. Select the file upload field in the Form Builder and choose “Send as attachment” from the “Send Files” drop-down menu to enable this. This directs the files to your email inbox, bypassing storage on the Elementor submissions page. There’s also an option to “Send as both,” which sends files as both an attachment and a link, allowing access from the submissions page.

Elementor Receive forms submitted files

Elementor current version: What’s new in 3.17?

AJAX for Loop Grids – Pro Feature

AJAX loading for Loop Grids, a highly requested feature that enhances user experience by enabling asynchronous content loading. With AJAX, visitors can load new content into a page without reloading the entire page. This update includes AJAX Loop Grid Pagination, where clicking on pagination elements only reloads the Grid’s content, not the entire page. Each page of the listing gets its own URL parameter for easy sharing. Additionally, the “Autoscroll” control can be enabled, automatically scrolling the browser to the top of the grid when changing pages. Users can also set an offset value to keep the taxonomy filter visible.

AI History – Restore AI-generated content

AI History, enhancing the workflow in Elementor AI. This feature allows users to view previously used prompts and the images or texts generated from them. It enables you to resume editing, use the content on your site, or delete it from AI History. While it doesn’t retrieve previously generated code due to its widget-specific nature, you can access and reuse old prompts to create new code. The AI Starter plan offers access to content generated up to 30 days ago, while the AI Power plan extends this to 90 days.

Accordion Improvement

Elementor enhances the Accordion Widget by allowing widgets to be placed inside accordion items, offering versatile layout options. Additionally, it introduces an FAQ Schema control for improved SEO compatibility. This feature adds specialized markup to the page’s code, outlining questions and answers. Search engines utilize this markup to generate rich snippets, improving the page’s visibility and searchability.

Elementor Accordion

Performance Improvement for Faster LCP

Two features to significantly speed up website loading times:

  1. Optimize Image Loading: In collaboration with Google, this feature improves frontend speed by prioritizing the loading of the most critical images, like the “LCP image” (Largest Contentful Paint element), and applying lazy-loading to other images. This can improve LCP by 5-10%.
  2. Gutenberg Asset Loading: This feature enhances site speed by excluding Gutenberg styles and scripts that are not used for a page, optimizing the LCP Core Web Vital metric.

Both features can be activated through the Feature setting in Elementor in the WordPress dashboard.

Rating Widget

A new Rating Widget offers enhanced design flexibility for visual rating scales. This widget lets users choose between Font Awesome icons or custom SVGs to represent ratings. It expands beyond the traditional 0-5 or 0-10 scale of the Star Rating Widget, enabling a rating scale from zero to any desired number. The widget also features an improved SEO-friendly schema attribute. While it replaces the Star Rating Widget in the panel, existing Star Ratings on sites remain unaffected.

elementor 3 17 beta rating widget

Elementor current version: What’s new in 3.16?

Containers are now activated by default.

New websites will have Containers activated by default. These tools enhance flexibility in design, allowing accurate positioning and efficient alignment of items. They also enable nested capabilities for unlimited design possibilities. Don’t worry if you’re working with sections and columns; the update won’t affect your site.

However, I suggest enabling Containers for a broader design scope. You can still deactivate the Flexbox Container feature if you prefer sections and columns. Activating it will grant you access to Container-based Kits and templates, including converted section-based Kits and new designs.

Containers activated by default

Refined Control Over Gaps Between Elements

Elementor simplified and improved the “Gap between elements” control, now called “Gap.” Rather than one range control handling the gap between elements inside Containers. It’s broken down into two separate number inputs. This gives you individual control over horizontal and vertical gaps. So, not only is it simpler, but it also offers more precise control over a container’s layout.

Grid Container Widget Refined

You will now find separate widgets for Grid Containers and Flexbox Containers in the Widget Panel. These additions mean you can access the Grid Container directly without dragging the Flexbox Container and modifying its type. When you drag a Flexbox Container into the editor, it will stay a Flexbox Container; the same applies to the Grid Container.

However, you can freely change the type of each container using the Container Layout dropdown menu in the Layout section. To utilize Flexbox and Grid Containers, ensure you have activated the Flexbox Container and Grid Container features by navigating to WordPress Dashboard → Elementor → Features.

Enhanced Performance – Quicker TTFB

Elementor 3.16 performance updates

The latest 3.16 version comes with key improvements to Elementor’s infrastructure, significantly boosting your website’s frontend loading speed. These enhancements directly impact the TTFB (Time to First Byte), an important metric that gauges the speed of connection establishment and the responsiveness of your web server.

Elementor made some changes to the functions that govern display conditions within the Editor, allowing you to lower the loading time on your site’s frontend by anywhere between 5% to 20%, depending on the intricacy of the page. This leads to noticeable benefits in terms of front-end performance.

Update on Menu & Tabs Widgets

The Menu and Tabs widgets have undergone a significant infrastructure overhaul. This results in a streamlined DOM output for the titles of Menus and Tabs in responsive settings, removing code duplication and simplifying the HTML structure. This enhancement paves the way for implementing advanced features in both widgets. For instance, in this version, the Menu and Tabs Widgets are fully accessible.

Please note: This update will also be applied to existing Menu and Tabs widgets, and it may disrupt the design of titles in this widget if they have custom CSS applied.

To utilize the Menu and Tabs widgets, ensure the Flexbox Container, Menu, and Nested Elements feature is activated by navigating to WordPress Dashboard → Elementor → Features.

Revamped Notes Feature in Top Bar

A new Notes feature icon is now part of the Top Bar. This enhancement streamlines your collaboration process with colleagues and clients, enabling you to access the Notes mode directly within the Editor.

To use this improved Top Bar, ensure the Top Bar experiment is activated by following these steps: WordPress Dashboard → Elementor → Features.

Top Bar Notes

What’s new in 3.15?

Taxonomy Filter Widget – Pro Feature

The new Taxonomy Filter widget is now available, enabling visitors to filter through listings in Loop Grids on your website easily. To use it, add the widget to your site and link it to a Loop Grid. The widget automatically presents the relevant taxonomies based on the Loop Grid’s contents. You can customize the filter’s layout, colors, and other elements.

Notably, the filter generates a deep link to share a direct link to a chosen category or tag.

For advanced filtering, two filters can be linked to the same Loop Grid, allowing visitors to filter listings by category and tag.

To use the widget, activate the Taxonomy Filter Bar and the Loop Grid features by going to WordPress Dashboard → Elementor → Features.

New Accordion Widget for Complete Design Flexibility

The new Accordion widget, part of the nested elements series, offers unprecedented flexibility in content design. Unlike Menu, Tabs, and Carousel widgets, Accordion converts each item into a container, accommodating any widget or content type.

This updated widget merges the best features of earlier Accordion and Toggle widgets, allowing users to determine its default state and limit the number of items that can be opened simultaneously. Customization extends to layout and design, with control over item spacing, icon positioning, animation duration, and assigning HTML tags to titles for improved SEO.

To activate the Accordion widget, enable the Container and Nested Elements features via the WordPress Dashboard → Elementor → Features.

Elementor Accordion Widget

Enhanced Styling Capabilities in the Carousel & Loop Carousel – Pro Feature

Elementor’s latest enhancements for Carousel and Loop Carousel widgets offer improved styling capabilities that empower users to create perfect-fit Carousels for their websites.

Among the updates is the Offset Slides feature that provides a sneak peek of upcoming slides, sparking visitor interest and indicating more content to explore.

This feature can be applied via Content → Settings, allowing for adjustable offset width per viewport.

Additionally, users now have the capacity to custom-tailor their carousels with enhanced navigation and pagination elements. These include adjusting their position and orientation, colors, border, background color, and box-shadow. Essentially, these enhancements provide more opportunities for unique Carousel customization.

To utilize these new features, activate the Container, Nested Elements, and Loop capabilities in WordPress Dashboard → Elementor → Features.

Elementor AI – Extending Elementor AI for Images

Elementor AI is taking its capabilities significantly by introducing image generation and editing tools.

The Remove Background tool is a standout feature, allowing users to automatically detect an object in an image and replace the existing background with a transparent one. This is particularly useful for integrating product images and portraits into the parent container’s background color.

Moreover, with the Replace Background feature, you can transform the background of an image based on a text description. This means you can swiftly change your model’s background from a beach to a rainforest or outer space.

To use this innovative feature, select an image, use Elementor AI to remove the background, describe your preferred background, and click the Generate button.

What’s new in 3.14?

Elementor AI now with images

You can easily create breathtaking and original images tailored directly to their website using the Create with AI button in the image area. With Elementor AI’s robust text-to-image generator, those visions once trapped in the mind’s eye can be fully realized.

It doesn’t stop there, though. You can take full creative control and customize the images by refining or adding elements to make them more striking and impactful than ever before. They can extend their image beyond its original dimensions to better fit their vision, resulting in the perfect aspect ratio.

New Nested Carousel – Pro Feature

The Nested Carousel widget is undoubtedly an exciting feature in Elementor that offers unparalleled control and artistic flexibility for displaying content. The feature allows users to nest any Elementor widget within each carousel slide, giving rise to an infinite canvas that can populate with numerous widgets.

Moreover, it boasts unprecedented design freedom, offering the liberty to create a dynamic carousel with images, text, and any other Elementor widgets that seamlessly blend into the website’s design language.

The Nested Carousel widget significantly improves Elementor’s user experience, allowing designers and developers to execute their creative vision easily.

Elementor nested carousel

Static Item Position in the Loop Grid

Elementor introduces the Static Item Position feature, which allows users to spotlight specific content within their regular content loop. Users can control the position of the static item in the grid, decide whether it appears just once or at regular intervals, and adjust the layout of the alternate template.

To access the feature, the Loop Feature must be enabled in WordPress Dashboard → Elementor → Features.

Global Styles Preview

Elementor, an innovative website builder, has introduced a new game-changing feature called Global Styles Preview. This cutting-edge feature offers a real-time visual representation of the user’s global colors and fonts. It has been optimized to give users an accurate perspective of how their website color schemes and fonts are rendered. It works seamlessly with Elementor Hosted websites and can be manually enabled for Plugin websites.

With the previous design features, there had always been a little difficulty when it came to transitioning from the preview and the color/font picker. However, this new feature has addressed those concerns and allows for smooth movement between the two, making the design process much easier. It’s no surprise this feature has been welcomed with great enthusiasm from users, given how much it has changed the game.

Global Style Preview

UI & UX Improvements

One-Click Addition of Elements

Elementor has added a new feature that allows users to add widgets or elements to their page with a single click rather than dragging them into specific containers or columns. This new feature increases the efficiency of designing a page, as it reduces the amount of time spent manually dragging elements around as long as the correct container or widget is selected.

Visual Indication of Page or Site Parts

Elementor 3.14 has introduced a new feature to enhance the transition between page sections: a visual indicator for page parts such as headers, footers, and loop items. This indicator is a semi-transparent overlay that appears when hovering over any part of the page, allowing users to edit the specific part without clicking on the handle precisely.

Top Bar Enhancements

Elementor 3.14 has improved its Top Bar, introduced in version 3.12. This includes adding a new page directly from the Top Bar and a button to easily switch back to the WordPress Dashboard. These updates are designed to improve user experience and promote best practices.

Elementor Editor Top Bar

Additional WooCommerce and WordPress Functions

Elementor has integrated additional WooCommerce and WordPress functions for convenience and ease of use. Site Settings allows users to set up a shop page, and a toggle to allow comments on a page or post is now accessible directly from Elementor Page Settings.

What’s new in 3.13?

Elementor AI

Elementor AI is a remarkable product that works seamlessly with Elementor to enhance website design and content creation without the requirement for coding skills. Its impressive features include ‘Write with AI’ for content creation, an AI Code Assistant for Custom HTML, CSS, and code generation, and contextual prompt suggestions for consistent messaging and multi-language translation. The AI technology is accessible in content areas, Custom HTML, Custom CSS, and Custom Code for PRO subscriptions. Elementor AI streamlines website owners’ workflow and increases productivity, efficiency, and conversion rates by enabling them to produce professional-looking landing pages within minutes.

Elementor AI

CSS Grid in Container – New Layout Options

How to use Container in Elementor: Grid Containers are a great way to create grid-like layouts for your website. With Grid Containers, you can define the number of rows and columns, determine the distance between them using Gaps control, and choose whether you want Auto-Flow to be based on column or row. You can also justify and align content and items within the Container. Additionally, you can place a Flexbox Container inside each cell of the Grid to achieve more sophisticated designs with multiple elements. This makes it easy to create infinite design possibilities that accommodate any device while improving your website’s performance.

New Styling Capabilities in the Menu Widget – Pro Feature

  • Elementor 3.12 added the new Menu widget, letting users create simple or complex menus.
  • Elementor 3.13 extended its styling capabilities with Icons and Active state with anchors.
  • These additions give users more ways to enhance their menu design and indicate active states for visitors.

Elementor Interface revamp – continue.

  • Elementor 3.12 rolled out changes to the interface written in React, improving performance and promoting Elementor’s best practices.
  • In Elementor 3.13, the Top Bar was expanded with Save Options in Publish Button and Page Navigation features.
  • The changes enable a better and more streamlined user experience.

Populate The Post Excerpt from Your Post’s Content – Pro feature.

The update introduces the ability to choose whether you want your Post Excerpt’s content automatically generated from a Custom Excerpt or manually insert it into WordPress. The Loop Builder and adding posts anywhere within loop items have been two of the main requests that users had sought, making this upgrade vital for bloggers looking to create engaging and informative blog posts.

Performance improvement


Elementor 3.13 has shifted its focus from performance improvements to widgets, mainly on inner pages. Lazy Load has been applied to images such as those used in the Author Box, Post Info, and Price List widgets, which should improve the initial page load of inner pages. The Header has had its lazy load removed to improve the visitor experience.

What’s new in 3.12

Mega Menu – Pro feature

The new Menu widget has been released to give users a higher level of design, customization, and creativity than the WordPress Menu (renamed from Nave Menu) widget. It also allows users to create a Mega Menu, an expandable menu that can use any widget and content. It gives users more flexibility when structuring the website’s navigation and styling the main menu. Additionally, users can choose the breakpoint at which the menu becomes a menu toggle and customize the icons used for the menu toggle.

Mega Menus are an optimal choice to enhance a website visitor’s experience with complex navigation architecture while beautifully displaying standout menus.

Elementor Mega Menu
Mega Menu

Loop improvement / Alternate Template – Pro feature

A new feature to its Loop Grid widget allows users to apply an alternate template to specific items in their grid. After toggling this feature on, users can choose a loop template or create a new one from the Theme Builder, which can apply a different design to the item in a specific location.

If desired, the alternate template will override the item’s design and can be repeated across the grid. Users can also have the alternate template span across multiple columns.

Elementor Loop alternate template
Loop Builder

Predesigned Loop Templates – Pro feature

New templates to help you quickly and easily create outstanding websites. The new Loop Templates library includes 10 templates – 6 for posts and 4 for WooCommerce products – designed by Elementor’s team of experts, keeping up with industry trends and standards.

These Loop Templates are fully customizable and can be used in the Loop Grid widget and Loop Carousel widget to match your needs. However, remember that these Loop Templates are container-based, so they will only be visible on websites with Containers enabled.

Elementor interface revamp

Elementor celebrates six and a half years of existence and is introducing a new design system with improved color semantics for better accessibility. The update includes a new color scheme and an experiment for a new Top Bar, optimized for performance and featuring industry best practices.

These changes will not impact product functionalities but are intended to promote best practices for website creation and provide enhanced capabilities in the future.

Choose a preferred custom icon in the Menu Cart – Pro feature

The Menu Cart widget has been updated to offer more customization options. It now includes three icons, the cart itself, a dismiss button, and an “x” button to remove an item. The user may now choose or upload any SVG icon for these three menu elements. This gives the user complete control over their menu design. To add

What’s new in 3.11

New Loop Carousel – Pro feature

Elementor Pro 3.11 introduces the new Elementor Loop Carousel widget, making creating personalized and dynamic carousels of loop items for your website easier. With this feature, you can use Elementor’s in-place editing canvas to design the Main Item Template, then assign dynamic tags to content, images, or colors. Additionally, you can add any other widget using Elementor Theme Builder to personalize further and enhance your template design. Once you’ve achieved the desired look of your Elementor loop carousel, you can experiment with different types of transitions between slides and other settings without limiting yourself due to lack of customization options.

Elementor Loop Carousel
Loop Carousel

Copy & Paste Between Websites – Free feature

Elementor 3.11 has made it incredibly easy to copy and paste elements from one website to another. This can be done directly in Elementor Editor – right-click the element you wish to copy, select ‘Copy’ from the action menu, and then right-click again to choose ‘Paste from Another Site’.

At that point, you use CMD+V or CTRL+V, depending on your platform of choice, to copy and paste Elementor elements between websites instantly! Gone are the days of manually exporting a JSON file to transfer layouts between websites – Elementor makes it quicker and easier than ever.

Elementor domain copy
Copy/Paste between websites

Performance – Responsive Background Image Size – Free feature

Elementor makes choosing the right image size for your website easier than ever. From the Image widget, you can set different sizes per device to improve Elementor performance. When you use a background image, Elementor will set it to Full by default – however, on larger devices setting the image size to a smaller resolution might sacrifice quality for performance. Thankfully, this is an easy workaround that Elementor allows us to take advantage of.

Popup Builder – New Advanced Rule for Date and Time Range – Pro feature

Popup builders just got even better with this update! You can now use the new ‘date and time range’ feature in the Advanced Rules of a popup to automatically schedule when you’d like to display it. This means you no longer have to manually activate it or deactivate it once you’re done, taking the hassle out of running campaigns like Valentine’s Day – all you need to do is select your start and end date and determine which visitors should see it.

In addition, this makes managing multiple campaigns simpler as all you have to do set up rules for each one, meaning you don’t have to keep track of various dates and times for different campaigns. All in all, this time-saving new update gives even more control over customizing and automating popup campaigns.

Elementor Popup Builder
Popup Builder

UI update: renamed experiment page – Free feature

The experiment page within the Elementor 3.11 settings has been renamed to “Features”, to provide more clarity regarding the status of each feature. This new and improved page can help users decide when features should be activated or deactivated since some are in an early development stage while others are relatively stable and ready for use.

The location of this page remains unchanged, as it is still accessible from the main Elementor Settings – providing convenience and an intuitive way to control which elements of the website they want to experiment with.

A plea

If you’re planning to buy Elementor Pro please do use my affiliate link to purchase it. Absolutely no additional cost for you (I would earn a commission from the seller), but definitely a huge help for me, as your gesture will contribute to covering the costs of maintaining this website and adding more great articles. Thanks in advance for your support!

What’s new 3.10

Nested Elements -free feature

The Elementor 3.10 update includes the all-new Tabs widget as an alpha experiment to take the design of your website to a higher level. It will replace the existing version, and its container-based elements enable you to expand your design with unlimited possibilities.

With the new Tabs widget, you have control over the layout and positioning of tabs and titles and can also insert icons or titles for even more exciting design effects. Additionally, nested elements within each tab are enabled through Flexbox containers inside a main content container. So all types of sophisticated designs can now be easily implemented on your website!

nested tabs
Nested Tabs

Custom Units: styling enables you to choose any unit you desire, including CSS Math Functions – free feature

Designers will be thrilled with the font custom unit feature recently released by the Editor. Now, you can customize font size for any element more precisely than ever. Rather than having to choose from one of the standard measurement units such as PX, EM, REM, %, VW, or VH, you can now select the Custom option from a drop-down menu and utilize your choice of multiple measurement units as well as run calculations directly within the value input field.

This allows for greater accuracy and smarter design decisions to help your work look professional and supported on any device.

Elementor custom units
Custom Units for Fonts

Full Website Kits, Templates, and Blocks based on containers – free feature

The Library team at Elementor has released an updated library full of Flexbox Container-based assets in response to the official marking of the Flexbox Container as a beta experiment.

Full website kits, page templates, and brand-new mini-shops (one-page ecommerce website kits) can be found within this library, giving you various options when working with the experiment. You can rest assured that your experience with these Full website kits and other resources will be productive and successful.

Furthermore, you will likely notice two major changes that have been made: they’re based on the container layout rather than the section-column layout.

Dynamic Due Date in Countdown Widget – Pro feature

The Countdown Widget provides a powerful tool, enabling you to boost conversion rates and encourage FOMO with its countdown feature. Leveraging the new dynamic tag control for the due date increases your ability to optimize this feature significantly.

Now, WordPress custom fields and those from other platforms such as ACF and PODS can be used to dynamically populate the countdown’s due date, meaning that you can instantly update your countdown across multiple pages in one simple action. This allows for powerful customization of countdowns and is a great way to draw attention from users and drive up conversions.

Elementor Pro countdown widget
Countdown widget

Disable Google Fonts

Google fonts are a popular library for online fonts, but it could put you at risk of violating GDPR and privacy regulations. Elementor makes it easy to avoid this risk by allowing you to disable Google fonts from your website in one click.

After disabling the fonts, only seven fonts are available in the Editor. If you’ve used google fonts on your website before, they will all be reset to the remaining local font choices. Elementor Pro users have an additional layer of protection; they can continue using locally hosted fonts with the Custom Fonts feature. With such convenience and security, more people take advantage of Elementor’s google fonts options daily.

A list of past Elementor updates

Before you go …

Before you dash off, I’ve got another piece of content that you might find super helpful. I’ve written a detailed guide called “How to backup your WordPress Website – A Comprehensive Guide to 4 Essential Methods“. It’s a must-read, trust me! It’s chock-full of useful tips and strategies to ensure your WordPress website is safe and sound. You’ve put too much work into your site to risk losing it all, am I right? So, do yourself a favor and give it a read. You can thank me later!


Affiliate Program

Any purchases made from clicks on links to prodcuts on this website may result in an affiliate commission for me

Leave a Reply

Your email address will not be published. Required fields are marked *