What’s New in Elementor Pro 3.5 Update- New WooCommerce widgets

What’s new in Elementor Pro 3.5 update

The latest update for the premium version of Elementor is here and in this article we will be discussing everything you need to know about what’s new in Elementor Pro 3.5.

First things first, Elementor Pro 3.5 comes with quite a few new widgets and features to keep the users engaged and improves the online shopping and overall user experience.

Before we learn more about this latest version of Elementor Pro, it is important to know that this update is for the premium version of the plugin.

And it means you will only get access to these features and new widgets if you have the pro version.

If you are currently not using Elementor at all or are on the free version but willing to give the Pro version a try then you can do that by clicking the button below.

Elementor Pro 3.5 – Latest update

The Elementor Pro 3.5 update was released on 1st November 2021 and it includes features such as

• WooCommerce Checkout widget
• WooCommerce Cart widget
• WooCommerce My Account widget
• Progress Tracker widget
• Scroll Snap

And more.

Below we have listed all the topics we have covered for this latest Elementor Pro 3.5 update and you can jump to the section of your choice by clicking on the links.

New Progress Tracker widget in Elementor Pro 3.5

If you are fond of reading blogs or online magazines then I’m sure you must have come across sites with reading progress bar or meter or a progress tracker on top that lets you know how much of the page you have scrolled through.

This tracker gives the users a positive reinforcement by displaying what’s left on the page and at the same time creates a FOMO which can lead to people staying on the page for a longer time.

Before Elementor Pro 3.5, to add the progress tracker you had to use another plugin or addon. However, this version of the comes with Progress tracker widget.

And this means you no longer will have to install additional plugins to add this feature to your site.

You can find the new Progress tracker widget in the Pro widgets section and you can add it to any page, post, single post or page or any other template in the theme builder.

Just like the other widgets, Elementor gives you the complete control over its styling and where it can be displayed starting with letting you select a Tracker type.

You get 2 options to choose from and these are

• Horizontal
• Circular

Following this it lets you pick if you want to track the progress for the entire page, only post content or based on some selector id or class.

Apart from this you can set the direction of its progress and if you want to display percentage completion or not.

As far as the styling of the progress tacker is concerned you can pretty much customize any aspect of it starting with

• Color
• Border
• Background
• Shadow
• Percentage color
• Typography

And more.

You can find these option under the Styling tab of the widget.

Scroll Snap in Elementor Pro 3.5

Another interesting feature that has been included in the Elementor Pro 3.5 update is the Scroll Snap.

In case you are not familiar with this then let me tell you it is a feature using which you can control the scroll by declaring specific positions.

Using scroll snap you can easily highlight what’s important on your site by taking the user to that section with just a scroll.

Often you must have seen this feature being used on single page sites or landing pages where using the scroll takes you directly to the new section.

Before we move forward and learn more about scroll snap in Elementor Pro 3.5, it is important to know that this feature is currently in Beta.

And hence it will have to be activated first by visiting Experiments in Elementor settings in your WordPress dashboard.

Please note- If a feature is in Experiments and not active by default then we personally do not suggest using it on a live site.

Keeping this in mind, once you are done activating Scroll Snap in Elementor Experiments, you need to either create a page using Elementor or edit an existing one.

After this you need to click the Settings gear icon in the Elementor panel.

And on clicking, it will show you the Page settings.

Here you need to navigate to the Advanced tab where you will find the Scroll Snap feature.

Once you activate Scroll Snap, it lets you select its Position, Padding and Stop.

You can use this Scroll Snap feature in a very creative way to give your users a unique experience.

Introduction of new WooCommerce widgets in Elementor Pro 3.5

Before we take a look at all the new WooCommerce widgets that have been included in the Elementor Pro 3.5 release, it is important to know that with every update Elementor is providing you with new tools to design and customize your online store and various aspects of it easily.

In Elementor Pro 3.4, dynamic WooCommerce tags and Mini Cart type widget was introduced and in this update, 3 new WooCommerce widgets have been released along with the ability to set store pages.

First things first, when you install WooCommerce, it automatically adds a few important pages such as

• My Account
• Checkout
• Cart

And more.

Using the new Elementor Pro widgets you will be able to design these pages as per your requirement with having to worry about code.

New WooCommerce Cart widget in Elementor Pro 3.5

After installing WooCommerce you will see that the default cart page looks something like the screenshot below.

Before the release of Elementor Pro 3.5, there was no easy way to create custom WooCommerce cart pages that would work seamlessly with your design.

And if you wanted to make changes then it wasn’t that straightforward as well.

Keeping this in mind, Elementor has made the designing and customization of cart page very simple with the introduction of the new Cart widget.

When you add this Cart widget on the page, it automatically generates an already better looking design for your cart page that can be customized as per your requirements.

The option you get is to select the layout and you will have 2 options to choose from.

• 2 columns
• One Column

By default 2 columns is selected and you can it to one by using the drop down.

Following this you get the option to select if you want the right column to be sticky, text alignment for various headings and more.

It is important to know that the Elementor Pro cart widget comes with an option to update the cart automatically.

When you enable this option, any changes to the cart will be updated automatically.

As far as the Styling is concerned, Elementor Pro lets you customize every element of the cart page such as

• Sections
• Typography
• Forms
• Order Summary
• Checkout button

And more.

You will find all these settings under the Style tab of the Cart widget.

New Checkout widget in Elementor Pro 3.5

Just like the Cart page, WooCommerce with a checkout page that looks like the screenshot below.

We all are familiar with the checkout pages and some can be more elaborate than the others depending on the information required.

Before Elementor Pro 3.5 update, creating / customizing checkout pages was a bit of a task.

However, with the new version of the Elementor Pro plugin, you can build one easily, no coding required.

To create a custom checkout page using Elementor Pro, all you have to do is add the new WooCommerce checkout widget.

And the plugin will take care of the rest.

When you add the Elementor Pro checkout widget, it will automatically generate all the essentials such as

• Billing details
• Order summary
• Coupon section
• Payment section

And more.

It is important to know that Elementor lets you customize every section of the checkout page including the layout.

And just like the Cart widget, under the General tab you will find the option to select a layout and you get 2 options

• Two columns
• One column

This setting is followed by the option to make the right column sticky.

In case you are looking to update the Billing details then you will be able to find the settings under the Billing tab.

Apart from this, Elementor Pro also gives you the option to make changes to Additional information, Your order, coupon and payment section as well.

Now coming to the Style settings, Elementor ley you design / customize every aspect of this page.

And you will find all the settings under the Style tab.

New MyAccount widget in Elementor Pro 3.5

One of the most important pages on an online store is the user’s account page and this is where people can find all the details related to previous purchases, order fulfillment and more.

With WooCommerce, you get access to a basic My Accounts page that looks like the screenshot below.

Honestly, this page looks nothing like the site or in other words, is a bit on the boring side.

Keeping this in mind, Elementor Pro 3.5 comes with a new My Accounts widget using which you can completely redesign this page with just a few clicks.

When you add this widget, it generates a very similar yet better My Accounts page than WooCommerce.

Just like any other Elementor widget, you can change the layout of the My Account page using the Tabs settings in the Elementor panel

Using this you can change the name of any of the tabs on the My Account page.

And as far as the styling is concerned, you can customize every element to fit the personality of your brand.

You can find all the Style Settings for My Account widget under the Style tab.

Configure Shop pages in Elementor Pro 3.5

If you have been reading our blog then you must be familiar with the fact that Elementor introduced Site identity settings in Elementor 3.0 using which you can add site title, description and logo from within the Elementor editor.

The site settings ensured if you are designing your site or pages using Elementor then you will no longer have to leave the editor to configure these.

Similarly, when you install WooCommerce, it lets you set up important pages under the Advanced tab in WooCommerce settings.

In Elementor Pro 3.5 update, a new WooCommerce option has been introduced in Site Settings that allows you to configure shop pages easily.

These pages include

• Cart
• Checkout
• My Account
• Terms and Conditions

You can select the pages using the drop down and once done, click Update to save the changes.

This concludes everything you need to know about what’s included in the Elementor Pro 3.5 update.

If you have liked what you have read and want to give Elementor Pro a try then you can do that by clicking the button below.

Elementor Pro 3.5 pricing and plans

In case you are wondering about the pricing of the plugin and what’s included then in this section we have shared everything you need to know.

Elementor Pro has 5 plans if you are just looking to get the plugin. Additionally, Elementor has a web hosting plan as well for in case you are have not yet started your site and are looking for web hosting.

Below we have shared all details

Elementor Pro plugin plans

• Essential- $49/ year (1 site)
• Advanced- $99/ year (3 sites)
• Expert- $199/ year (25 sites)
• Studio- $499/ year (100 sites)
• Agency- $999/ year (1000 sites)

What’s included

And more.

Before we move forward, it is important to know that the Elementor Pro Expert, Studio and Agency plan comes with 20 Expert website kits and Expert Network Profile.

Also, the Studio and Agency plans include VIP support where you receive priority responses on your tickets in under 30 minutes and access to Live Chat.

Hosted Elementor website plan

• Elementor Website- $89/ year

What’s included

• 20GB storage
• SSL included
• Automatic backup
• Secure CDN by CloudFlare
• Powered by Google Cloud
• Free Elementor Domain
• Premium Support
• Hosting, WordPress & Elementor Pro built in

And more

Kindly note- Elementor web hosting plan comes with free domain, SSL certificate and Elementor Pro license which makes it one of the most affordable web hosting plan.

See- How to Sign up for Elementor Cloud

Get started with Elementor Pro 3.5

Now that you are familiar with the Elementor Pro 3.5 plans, the next topic we are going to discuss is how can you get started quickly.

To get started with Elementor Pro 3.5, the first step is to visit Elementor and then click Choose Your Plan on the homepage.

Clicking Choose Your Plan will take you to the Elementor’s pricing page where you will see all the pro 3.5 plans.

Here you will have to select on as per your requirement and it will take you to the checkout page where you need to create a free account on Elementor and then pay.

And that’s it you have successfully bought Elementor Pro 3.5 and you can now use it to build beautiful sites and pages.

Elementor Pro 3.5 Update – Video

Having said that

I hope you will find this article helpful and now know all about the latest Elementor Pro 3.5 update.

In case you have any queries feel free to reach out.

To stay up to date with our content we suggest you join our email list and Facebook group and for videos follow us on YouTube.