What’s New in Elementor Pro 3.13 Update

The latest version of the premium Elementor page builder plugin is out now.

And in this article we have discussed what’s new in Elementor Pro 3.13.

This update is focused on improving the already existing features such as the Editor Top Bar and Mega Menu.

If you are looking to use these features and have current installed the free version then you will have to upgrade to Elementor Pro.

For this you can use our SPECIAL LINK or the button below

Elementor Pro 3.13 Update

Before we learn more about Elementor Pro 3.13, it is important to know that this update was released on 8th May 2023.

And below are all the topics covered.

Mega Menu Widget in Elementor Pro 3.13

The new Menu otherwise known as the Mega Menu widget was introduced in Elementor Pro 3.12.

And in this update, it has received a few changes.

Before we dive into the improvements, it is important to know that the Mega Menu feature comes disabled by default.

And it requires that enable both Flexbox Container and Nested Elements.

For this you will have to navigate to Settings under Elementor in your WordPress dashboard sidebar.

Elementor Settings in WordPress dashboard
Elementor Settings in WordPress dashboard

Doing this will show to all the Elementor Settings and here you will have to click the Features tab.

Features tab in Elementor Settings in WordPress
Features tab in Elementor Settings in WordPress

In the Features tab under the ongoing Experiments you will find both Flexbox Container and Nested Elements.

Now, to activate Flexbox Container feature in Elementor, you will have to select Active in the dropdown and then Save changes.

Enable Flexbox Container in Elementor Pro 3.13
Enable Flexbox Container in Elementor Pro 3.13

Doing this enable it and now you will find the Container widget instead of inner section in Elementor editor.

In other words, inner section widget will be missing in Elementor.

Once you are done enabling flexbox container, the next step is to activate Nested Elements feature in Elementor.

For this you will have to select Active in the Nested Elements dropdown and Save changes.

Enable Nested Elements in Elementor Pro 3.13
Enable Nested Elements in Elementor Pro 3.13

After you are done till here, the next step is to activate menu feature in Elementor or in other words enable mega menu.

For this you will have to select Active in the Menu dropdown and then Save changes.

Enable Menu feature in Elementor Pro 3.13
Enable Menu feature in Elementor Pro 3.13

Now coming to the improvements

Icons in Menu Top Level

The first improvement that you will come across in the new menu widget is the addition of icons for top menu items.

You will find the option to select icons under each menu item tab.

See the below screenshot for reference

  • Before Elementor Pro 3.13
Option to add icon in menu item missing before Elementor Pro 3.13
Option to add icon in menu item missing before Elementor Pro 3.13
  • After Elementor Pro 3.13
Add icon in menu item in Elementor Pro 3.13
Add icon in menu item in Elementor Pro 3.13

As you can see, it allows you to upload SVG or select an icon from Elementor library.

On selecting or adding, a new option known as Active Icon will appear.

Active Icon for menu item in Elementor Pro 3.13
Active Icon for menu item in Elementor Pro 3.13

Using this option, you will be able to choose an icon for the active state of a menu item.

Active State on using Anchors

If you have been using the new menu widget then you must be familiar with the fact that, it allows you to set the Normal, Hover and Active state.

You will find this option under Style Settings.

It is important to know that before Elementor Pro 3.13 update, this option would not work with link anchors.

What this means is, if you are creating a single page site or using the new menu for internal navigation then the Active state that you have selected will not work as expected.

This has changed in Elementor Pro 3.13, and to see this improvement, the first step is to add a CSS ID for the section.

And you will find this option under Advanced tab.

Add anchor to a section in Elementor Pro 3.13
Add anchor to a section in Elementor Pro 3.13

In the next step you will have to add the CSS ID in the link option of a menu item.

See the below screenshot for reference.

Add anchor link in menu item in Elementor Pro 3.13
Add anchor link in menu item in Elementor Pro 3.13

Once done, you can set the Active state and it will work as expected.

Active State for anchor links working in Elementor Pro 3.13
Active State for anchor links working in Elementor Pro 3.13

Before we move forward, it is important to know that to see the changes you will have to Preview the page as it does not work in the Elementor editor.

Display Conditions

In Elementor Pro 3.13, the new Editor Top Bar has received an improvement where Display Conditions have been added to the Publishing menu.

Before we learn more about this, it is important to know that Editor Top Bar was introduced in Elementor 3.12.

And it contains all the common actions that you perform in one place.

As of now this feature comes disabled by default and to activate Elementor Top Bar in Elementor, you will have to head over to Features tab under Elementor Settings in your WordPress admin.

Elementor Settings in WordPress dashboard
Elementor Settings in WordPress dashboard

Under the ongoing Experiments, you will come across the Editor top bar.

Activate Editor Top Bar in Elementor Pro 3.13
Activate Editor Top Bar in Elementor Pro 3.13

Here you will have to select Active in the dropdown and Save changes.

This will show you the new Editor Top Bar in Elementor editor.

Now, coming to the improvement, as discussed above, Display Conditions have been added to the Publish menu.

It is important to know that Display Conditions are generally used when creating Popups or Theme parts.

To see this, you will have to visit the Elementor Popup builder by clicking Popups under Templates in your WordPress dashboard.

Popup builder option in Elementor Pro 3.13
Popup builder option in Elementor Pro 3.13

Doing this will take you to the popup builder and here you will have to add new or edit an existing one.

On doing so, it will take you to the Elementor editor.

Here you need to click the Down icon next to the Publish button on the top right and it will show you Display Conditions along with other options.

See the below screenshot for reference

  • Before Elementor Pro 3.13 update
Display Conditions missing before Elementor Pro 3.13
Display Conditions missing before Elementor Pro 3.13
  • After Elementor Pro 3.13 update
Display Condition in Publish menu in Elementor Pro 3.13
Display Condition in Publish menu in Elementor Pro 3.13

Please note- We have covered this change in our article on Elementor 3.13 update as well.

Post Excerpt Dynamic Tag in Elementor Pro 3.13

Moving on,

The next improvement that you will come across has been introduced for the Post Excerpt Dynamic tag.

And in this a new option to choose whether you want it to be automatically populated by the first few words of the content or from the custom excerpt you have added in WordPress.

To see this change you need to add a text widget and then add Post Excerpt dynamic tag.

Add Post Excerpt Dynamic tag in Elementor Pro 3.13
Add Post Excerpt Dynamic tag in Elementor Pro 3.13

After this you need to click the wrench icon and it will show you the option to Apply to Post Content.

See the below screenshot for reference

  • Before Elementor Pro 3.13
New Post Excerpt option missing before Elementor Pro 3.13
New Post Excerpt option missing before Elementor Pro 3.13
  • After Elementor Pro 3.13
New option in Post Excerpt Dynamic tag in Elementor Pro 3.13
New option in Post Excerpt Dynamic tag in Elementor Pro 3.13

Enabling this option will display the excerpt from the post content and you will be able to control its length as well.

It is important to know that, this improvement resolves one of the top requests since the introduction of loop builder in Elementor Pro 3.8.

Another thing you will have to keep in mind here is that, when using this feature you need to empty the custom excerpt that you have set in WordPress.

This concludes everything you need to know about Elementor Pro 3.13 update.

If you have liked what you have read and want to get a Elementor Pro license key then you can do so by clicking our SPECIAL LINK or the button below.

Elementor Pro 3.13 pricing

By now you are familiar with this update, the next topic we are going to discuss is the Elementor Pro pricing and plans.

Elementor Pro has 4 plans and you can buy using our SPECIAL LINK

  • Essential (1 site)- $59
  • Advanced (3 sites)- $99
  • Expert (25 sites)- $199
  • Agency (1000 sites)- $399
Elementor Pro 3.13 pricing and plans
Elementor Pro 3.13 pricing and plans

What’s included

  • 100+ Basic & Pro Widgets
  • 300+ Basic & Pro Templates
  • Theme Builder
  • WooCommerce Store Builder
  • Landing Page Builder
  • Pop up Builder
  • Form Builder
  • Marketing Tools
  • Premium Support

And more

Now that you know how much does Elementor Pro cost, the next step is to select a plan and create a free account on Elementor

Before we move forward, it is important to know that if you are just getting started and are looking for a reliable web hosting to host your Elementor site then Elementor Cloud Website is for you.

Elementor Cloud Website or Elementor WordPress hosting is a all-in-one platform that allows you to build your site from scratch.

It has 4 plans and you can get started using our SPECIAL LINK (Elementor Cloud discount code attached).

  • Basic- $9.99
  • Business- $19.99
  • Grow- $22.99
  • Scale- $49.99
Get Elementor Pro 3.13 with WordPress hosting
Get Elementor Pro 3.13 with WordPress hosting

What’s included

  • Hosting powered by Google Cloud Platform
  • Free SSL
  • CDN from Cloudflare
  • Free custom domain connection
  • 100+ pre-designed websites
  • Hello theme and WP pre-installed
  • Automatic Backups
  • Drag-and-drop, no code editor
  • Staging Environment
  • Premium support

And more

See- How to sign up for Elementor Cloud Website

Elementor Pro 3.13

Elementor Pro 3.13 update- Video

Having said that,

I hope you will find this article helpful and are now familiar with what’s new in Elementor Pro 3.13 update.

In case you have any queries feel free to get in touch.

To stay up to date with our content we recommend you subscribe to our YouTube channel and email list.

Also, don’t forget to join our Facebook group.

Leave a Reply

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