Ever wished that you could design your entire WooCommerce store using a visual, drag-and-drop interface?
Being able to perfect your store’s design is important – optimizing your design will have a huge effect on your conversion rates and how many products your shoppers buy.
However, unless you’re a developer, it can be hard to know where to start with customizing your theme, which is why so many WooCommerce stores rely on off-the-rack themes.
One solution is to use a WordPress page builder plugin. People love Elementor because it lets you visually design completely custom designs using a drag-and-drop interface. However, you can’t use it to design your entire WooCommerce store…by default.
That’s where WooLentor comes in – WooLentor lets you use the Elementor interface to take control of every single part of your store – even your shopping cart and checkout pages.
In this WooLentor review, I will take you through all of its features and show you exactly how this tool works.
WooLentor Review: What Does It Do?
In a nutshell, WooLentor extends the popular Elementor page builder plugin so that you can use it to design every single part of your WooCommerce store, from your product pages to your shop archive pages and even your shopping cart, checkout, thank you page, my account page, and more.
That last part is very unique, because most other tools don’t touch the cart and checkout pages, which means you need to rely on your theme for those pages. WooLentor changes that, you can control the design and layout with some pretty solid customization options.
To help you achieve this, WooLentor comes with 41+ different WooCommerce-related widgets that you can use in your Elementor designs. For example, you’ll get widgets to insert a product’s title, image, description, etc.
You’ll also get more advanced widgets for things like upsells, cross-sells, related products, etc. There are even widgets/features to go beyond the default WooCommerce features. For example, it can help you show sales notifications, display special promo banners, add “call for price”/suggested prices, and more.
While WooLentor lets you build the designs for your store from scratch, it also comes with a number of pre-built importable templates to help you get started. WooLentor Pro also bundles in access to some premium WooCommerce themes, though WooLentor will work with any WordPress theme.
As with most freemium plugins, WooLentor comes in both a free version at WordPress.org as well as a premium version with more features.
The free version gives you some extra control over the design of your store and adds 18 WooCommerce elements that you can use. However, the really unique features are in the Pro version, which is what you need to design your cart, checkout, my account page, etc.
The Pro version starts at just $29 for one year of support and updates on a single site. Or, you can pay $59 for lifetime support and updates on a single site.
Prices go up from there if you want to use it on multiple websites.
WooLentor vs Elementor Pro
If you’re familiar with Elementor, you might know that Elementor Pro already includes its own WooCommerce Builder that lets you use Elementor to design your single product and shop pages.
That might have you wondering, is there any difference between WooLentor and Elementor Pro?
The answer is yes. While there is some overlap between WooLentor and Elementor Pro, WooLentor gives you a lot more flexibility than Elementor Pro. For example, with WooLentor, you’ll be able to customize the templates of the following pages:
- Shopping cart
- My account
- Thank you
You cannot do that with Elementor Pro – you need to use your theme for those pages or manually style them with CSS, which limits your flexibility.
WooLentor also gives you more WooCommerce-related widgets. For example, there are unique widgets like a product stock status progress bar. WooLentor also has its own unique pre-built templates that are distinct from Elementor Pro.
Finally, it’s also important to note that WooLentor still works with the free version of Elementor. So if you only need the features in the free version of WooLentor, you’ll be able to keep everything 100% free. And even if you need the Pro version, WooLentor is still a little cheaper than Elementor Pro while giving you more functionality.
How to Use WooLentor
Now that you have the background information, I’ll show you how you can actually use WooLentor to design your store. For reference, I’m using one of the WooCommerce demo sites from the Astra theme (check out my Astra review) and then I will show you how to customize it with WooLentor. You could also use one of the bundled themes that you get with WooLentor Pro if you prefer.
Also, I should note that I’m using WooLentor Pro for this section – you won’t get every single feature below in the free version, though the basic features are the same.
How Templates Work in WooLentor
To set up your store’s templates with WooLentor, you’ll first use Elementor’s built-in template system to create a template (e.g. for your single products).
Once you’ve done that, you can go to WooLentor → Settings → WooCommerce Template to assign that template to a specific part of your store:
This is a little different from the regular WordPress Theme Builder interface, but is pretty easy to figure out once you understand what’s happening.
I’ll show you how to build the templates first. Then, I’ll cover some of the other options in the settings area.
How to Customize the Single Product Page
To create a template, go to Templates → Add New and create a new Page template. Or, you can also import WooLentor’s pre-built templates and edit those, which I’ve chosen to do for this example.
This should launch the regular Elementor editor. Only now, you’ll get a bunch of new options in the WooLentor Pro and WooLentor Addons sections of the sidebar.
You can use these widgets to add specific product details. For example, there’s one widget for the product title, another for the description, etc. You’ll also get multiple widgets for certain items. For example, you can choose between different types of product images by selecting different widgets.
You’ll also get very specialized widgets for things like:
- Product video galleries
- Upsells and cross-sells
- Special offers
- QR codes
You’ll also be able to use all of the regular Elementor settings. For example, want to hide a certain element from mobile visitors? Just use the regular Elementor Responsive settings. And so on for other features.
Once you’re finished, you save your changes and then go to the WooLentor settings and assign that template to your single product page:
You can also assign different templates to individual products from a new WooLentor box in the Product data box when editing individual products:
One slight disadvantage here is that you can’t use global conditions to quickly apply a template to all the products inside a certain category or tag, which would save you some time and is something that Elementor Pro allows. Instead, you would need to manually change the template for each product, which adds a little extra work if you have a large store.
How to Customize the Shop Page
You can use the same basic approach to design your shop or other archive pages. First, you’d import or create a new template and edit it with Elementor. Then, you can use the custom widgets to list your products.
It’s super easy – all you do is add the Product Archive Layout widget and you’ll have a customizable list of all your products:
You could also use the other widgets to add more content if you prefer.
Once you’re happy with how it looks, you can assign it as your shop page. Or, WooLentor also lets you assign these templates to individual category or tag archive pages. You can do this when editing an individual category or tag:
How to Customize the Cart, Checkout, Thank You, Etc.
Now for the most unique feature – the ability to customize your shopping cart, checkout, thank you, my account, and other important WooCommerce pages.
Note – I recommend adding an item to your cart before you start editing. That way, you’ll be able to see a real preview while you make your edits (otherwise it will just tell you that your cart is empty).
From there, you can start customizing using the Elementor interface. For example, in the cart table, you can choose which columns to include. If you wanted to hide a product’s image from the cart page, all you need to do is remove that column. Or, you can also add more columns if you want to display extra information:
For some widgets, WooLentor will start by just pulling in your theme’s default layout. However, you have the option to override these settings if desired. For example, if you disable the default behavior in the “Cart totals” widget, you can customize all of the text:
Switching over to the checkout page, it’s the same thing. For example, you can even modify the fields that display in your checkout form (be careful doing this, though, because you might accidentally disable something important):
You could also add other elements. For example, you could easily insert trust badges to boost confidence in your site, which is a good conversion optimization strategy.
My Account Page
Want to create a more user-friendly experience for your registered customers after they make a purchase? You can also fully customize the My Account page according to your needs.
One really powerful feature here is that you can add/remove tabs to the My Account page, including creating custom links. For example, you could add a link to your current promotions to make it easy for your shoppers to find the best deals:
Overall, I think that being able to design these pages is one of the most powerful features in WooLentor Pro and the biggest thing that makes it stand out from Elementor Pro.
How to Use Sales Notifications
WooLentor’s built-in sales notification feature is another unique option that goes beyond what you get in Elementor Pro.
You can set these up by going to WooLentor → Settings → Sales Notification.
It gives you the option between choosing between real notifications (based on actual orders) or fake ones. I think it’s better to be honest and show real orders if you want to build real social proof and trust with your shoppers. However, if you decide to use fake ones, you can also choose a template that you’ve built with Elementor (or import pre-made sales notification templates).
You can also configure other details, like how long to display them and how many to show:
How to Import Templates
As I mentioned, WooLentor comes with a number of pre-built templates that you can import. You can browse these templates and import them with just a few clicks by going to WooLentor → Templates Library:
How to Disable Unused Widgets
To keep things more lightweight, WooLentor lets you disable any widgets that you aren’t using. You can do this by going to WooLentor → Settings → Elements. All you need to do is toggle off the elements that you don’t want to use:
Overall, I think that WooLentor is a very interesting tool if you want to use Elementor to design your WooCommerce store.
The most unique thing about WooLentor vs Elementor Pro is that WooLentor Pro lets you use Elementor to design more of your store including the following pages:
- My Account
- Thank you
These are very important pages that will affect the success of your store, so you want to be able to get them right.
While Elementor Pro works well for single product and shop pages, it doesn’t let you touch these other pages, which is a huge drawback if you want to use Elementor for WooCommerce. WooLentor Pro fixes that and gives you a lot more control over your entire store.
Beyond that, it also just generally offers more widgets and other advanced features like sales notifications.
You can test it around using the free version at WordPress.org. However, I think most of the best features are only available in the Pro version. So if you want to use WooLentor, I would recommend purchasing the premium version so that you can design your cart, checkout, etc.
Keep reading the article at ShoutMeLoud. The article was originally written by Harsh Agrawal on 2020-10-22 07:26:57.
The article was hand-picked and curated for you by the Editorial Team of WP Archives.