Sunday, January 23rd, 2022

Elementor 3.5 Pro Release Is Here – A Major WooCommerce Builder Upgrade

Elementor has just released its new Pro 3.5 update. The update aims to bring new customization features to its WooCommerce builder.

When Elementor began working with WooCommerce in 2018, its primary focus was product presentation and archiving page templates. However, since then, eCommerce has skyrocketed in popularity, a trend that is predicted to continue. In response, Elementor had to work on this latest update to allow for a more customizable user experience.

As you’ll soon see, the most notable changes to Elementor relate to its WooCommerce ‘Cart’, ‘Checkout’ and ‘My Account’ widgets. Keeping this in mind, let’s take a deeper look at this new update…

Elementor 3.5 Cart

The cart widget is a feature that is very common in most eCommerce sites. It provides visitors with an overview of all the products or services that they have added to their basket.

Elementor Pro has now added a cart widget that replaces the default WooCommerce cart page.

You can choose between two layouts and change the style of all your form fields, including their typography and colors. Through the use of this widget, you can add or remove cart buttons, adjust totals and add coupons based on your preference.

You can also decide whether your cart offers automatic or manual cart updates. This means that when customers add new items to their cart, it will either calculate their new total immediately, or they will have to press an update button to get a new total.

Once you’re happy with your cart design, you can save it as your default WooCommerce cart from Elementor’s editor.

Elementor 3.5 Checkout

The latest update to Elementor allows you to modify the design of your checkout page using the WooCommerce checkout widget (which is accessible from Elementor’s editor).

The checkout page is one of the most important pages in your eCommerce store. Enhancing its design can help your conversion rate skyrocket.

Through Elementor’s checkout widget, you can adjust colors, typography, and layout without writing a single line of code. The advantage of this is that it is very easy to make sure that the design of your checkout page is in line with the rest of your store.

This is great for building a more consistent and memorable brand, which, in turn, goes a long way towards building credibility and customer trust.

up to 50% off

element pro

Join a community of 8M+ professionals who build websites, collaborate, and grow together with the #1 web building platform for WordPress.

Join a community of 8M+ professionals who build websites, collaborate, and grow together with the #1 web creation platform for WordPress. show less

You can change the column layout from one column to two. You can also make the columns sticky so that they stay with website visitors as they scroll down the page.

On top of that, you can also change the form field labels and customize their appearance. For example, you can modify the font, background color of user entry fields and sections, field title, alignment, and field size.

You’ll also benefit from a single-click page configuration that enables you to set your newly designed checkout page as your default WooCommerce checkout page. You can handle all this with the convenience of Elementor’s editor.

Elementor 3.5 Account

You can now customize the ‘My Account’ page as well. This is the first page your customers will visit when they want to make changes to their orders, update their personal details, and check past orders. You can now personalize this page so that its design harmonizes with the rest of your shop.

Each section of the page can be styled individually, including Typography, colors and layout. But, the best part is, when you’re done editing, you can view each tab (ie, customer orders, account details, addresses, etc.) side by side to create a more consistent design. For example, in the past, each tab in the ‘My Account’ section used to have a separate page that you had to change to edit, but that’s not the case anymore.

One limitation is that, at this point, while you can view all of the tabs (ie, Orders, Account Details, etc.) at once in preview mode, you can’t actually see the contents of their section at once, causing The editing process becomes a bit slow. more laborious.

site settings

Elementor 3.5 Site Settings

Finally, you can now select WooCommerce pages inside Elementor to configure your default ‘Checkout’, ‘Cart’ and ‘My Account’ pages.

In addition, you can also create new WooCommerce pages from inside Elementor and sync updates with WooCommerce. Needless to say, this massively streamlines your workflow as you don’t have to leave Elementor to create new pages.

Elementor Pro 3.5: Our Final Thoughts

It is important to note that the widgets mentioned in this article work best with the Hello theme. Although you can use other themes, you may experience some layout and style issues.

Overall, the new customizable widgets for your WooCommerce Cart, Checkout, and My Accounts pages make it very easy to create a unified brand experience without leaving the element. And most important… no coding required!

up to 50% off

element pro

Join a community of 8M+ professionals who build websites, collaborate, and grow together with the #1 web building platform for WordPress.

Join a community of 8M+ professionals who build websites, collaborate, and grow together with the #1 web creation platform for WordPress. show less

Source link