Is Elementor not working with WooCommerce? – 8 Ways to Fix!

by Azfar in How To on November 1, 2020

Is your Elementor not working with WooCommerce? I have been where you are right now. Believe me, I have. I know the feeling and whenever I think about that, it makes me sick!

In my opinion, Elementor and WooCommerce – both are great plugins. They’re seamless and come with a bunch of different functionalities. 

But, many users like you find it elementor not working with WooCommerce.

Elementor not working with WooCommerce Compelte Solution and Fix
elementor not working with WooCommerce because of 8 possible reasons

In fact, back then I was making an Elementor WooCommerce shop page for one of my most important clients, I had to tell her that Elementor not working with WooCommerce.

I spent hours searching online and dealing with tech support. At some point, I felt like hiring an expert for it. But fortunately and eventually, things worked out for me because my client is also my mentor.

So I compiled a list that contains the reasons and tweaks for Elementor not working with the WooCommerce problem. Here you go! 

Elementor is Not Working with Woocommerce – Some Possible Reasons!

Elementor and WooCommerce – both are highly appreciated by such freelancers who make online stores for businesses. For me, there’s no shame in admitting that things slip off my palms time and again. That’s the life of a freelancer

Problems occur! Sometimes due to incompatibility, lack of space, and even because of external influences!

Therefore, like a good friend, I’m here to help you walk through such a tough time! 

Life is Not About How Hard You Can Hit, But How Much You Can Get Hit & Still Keep Moving Forward – Rocky Balboa

Elementor Not Working with WooCommerce Because of Compatibility Issue After Update

Just like any real-life relationship, the interaction between Elementor and WooCommerce is heavily dependent on their compatibility!

While it is true that the manufacturer of both plugins have put an effort to ensure whether these 2 work are working together flawlessly or not, it’s also true that compatibility issues are bound to arise once in a while, especially when these plugins receive updates on a daily basis.

Note: Both Elementor and WooCommerce follow a different approach as compared to the older versions. Try to add your twist as well.

Make sure to put these 2 on automatic update from your WordPress dashboard. Otherwise, bugs would keep appearing. 

In case, if you have already updated both, it’s time to roll back to an older version of the plugin. Yeah, I know it’s a smart move, thanks 🙂 

Elementor Not Working with WooCommerce Because of Compatibility Issue After Update

For Elementor, go to Elementor > Tools and switch to the “version control” tab.

Now, if you’re using the free version of Elementor, just choose the version you would like to go back to and click on “Reinstall”.

In case if you’re rolling back to Elementor Pro, you don’t have to choose anything. Just smash the “Reinstall” button, and it will automatically roll back to the prior version.

On the other hand, things get a bit more complicated if you want to rollback WooCommerce as it doesn’t support direct rollbacks. As a workaround, you can restore the backup file of the previous version.

Tip: Download the older version of WooCommerce from any trusted third party website and install it manually. 

PHP Memory Limit Might Also Be The Reason 

Were you in the middle of building an eCommerce site, but suddenly editing with Elementor is not working anymore? If that’s the case, then you’re not alone! It is common and has quite an easy fix.

Let’s get some facts before making it work again. 

WordPress is written in PHP, which is a server-side programming language. Consequently, all WordPress websites require a WordPress hosting server. 

So just like any other computer, these WordPress hosting servers require enough memory to function correctly. When you pay for web hosting, the server admin allocates memory to different applications on your domain, including PHP.

When your WordPress code hogs up more memory than the amount allotted to it by default, you may get such an error:

Having said that, let’s get down to how you can increase the allocated PHP memory limit.

For this, you’ll need to access the root folder of your WordPress site and edit the “wp-config.php” file.

Once you reach there, scroll down to the bottom and before the line that says,  “That’s all, stop editing! Happy blogging.” paste the following code:

define( ‘WP_MEMORY_LIMIT’, ‘256M’ );

And that’s it… This code has increased the allocated PHP memory from 64MB to 256MB. Once you finish pasting the code, all you need to do is save changes and upload the file again on your server.

Now go back to the site and check if the issue has been resolved or not. 

Plugin Conflicts May Make Elementor Not Working with WooCommerce

If you’ve added a new plug-in recently, it might be the real culprit behind the spoiled Elementor WooCommerce relationship. Can you even doubt a measly plugin could mess up? 

Don’t worry, it’s not something that you can’t repair. In fact, it’s relatively simple to fix, so follow along.

  1. We need to make sure whether it’s happening because of a different plug-in or the Elementor itself?
  1. For that, you need to log into WordPress and head down to the “Plugins” section from the left-hand pane. 
  2. Once you go there, disable all plugins except Elementor and check if it’s working again. If it is, then one of your new plugins is the culprit. 
  1. If it works fine, go for a hit and trial strategy. 
  1. Enable all the plugins one-by-one and see which one is messing up. 
  1. Once you figure out the culprit, you should remove it and look for an alternative for the same task. 

Are Red Circles Preventing Elementor Drag & Drop from Working?

Did a red circle pop out of nowhere whenever you use the drag and drop with Elementor? According to the Elementor team, it’s primarily acting as an obstacle because you’re on Internet Explorer or some other older versions of Microsoft Edge.

A quick switch to any of these browsers would fix the issue:

  • Chrome
  • Opera
  • Safari
  • Firefox
  • Or any of the newer versions of Edge browser

If you’re worried that visitors using Internet Explorer won’t be able to view your page, let me tell you this… Pages made by Elementor load well in almost every browser. 

Theme Incompatibility May Cause Too Much Trouble

Please note the fact that not all themes are made equal. Even if your current theme makes your page delightful for eyeballs, there’s a decent chance that it was never made to work with tools like Elementor and WooCommerce.

Nonetheless, jumping to conclusions is still not a smart move. So, before we conclude that your WordPress theme is the culprit here, we have to be sure as changing the whole theme is not an easy task, and you know it too. 

To do that, just follow these 2 steps:

  1. Switch to the default WordPress theme.
  1. After switching, if your Elementor starts working with WooCommerce as it’s supposed to, then you know it. 

My personal experience says, if you want to work with Elementor and WooCommerce at the same time, you should go for Astra themes. 

But hey!  I’m not affiliated with them. I’ve just told what I experienced. I never had issues with them. 

Try Editor Loader Method to Make Elementor Work with WooCommerce

If you’re on a shared hosting, you might face server or hosting issues while working with Elementor.

Try Editor Loader Method to Make Elementor Work with WooCommerce

To solve this issue, navigate to Elementor >  Settings > Advanced and enable ‘Switch front-end editor loader method.”

It changes the editor loader method for Elementor and is very useful in fixing many shared hosting problems.

Permalinks Might Be the Cause of Elementor 404 Error

Another common error that most users face with Elementor is error 404. As the name suggests, Permalink stands for permanent links. They manage the critical part of URLs on a website.

Elementor and WooCommerce Conflict of 404 Error

If your .htaccess gets deleted or something goes wrong with it, WordPress permalink settings produce an error 404. To resolve this issue, you need to update your permalink settings.

Navigate to Settings > Permalinks, scroll to the bottom of the screen and just hit save changes.

Doing this will automatically update your Permalink settings and fix the Elementor 404 error.

Elementor Not Working with WooCommerce – Changes Not Visible On Pages

Among all the things that could go wrong, there might be a scenario, where any changes you make with Elementor are not reflected on your WooCommerce page. It generally happens because there’s something going wrong with caching. 

So how to fix it?

Go to Elementor > Tools > and click on “Regenerate cache”.

Once you do that, simply clear your WordPress and browser cache, and reload the page.

Is Your Elementor Working Properly With Woocommerce?

Is your Elementor not working with WooCommerce even not now? let me know in the comments section so that we both can tweak it. 

If you do so, 1 great thing would take place on this earth. Someone stuck like you would fix his or her issue faster and may end up blessing you. Isn’t that great? 

I love blessings!! 

Categories: How To


Latest Product


Share Your Valuable Opinions