web analytics

How to Fix JWT Plugin Conflicts with Elementor Page Builder

If you’re experiencing issues with the WordPress JWT (JSON Web Token) plugin conflicting with Elementor Page Builder on your WordPress site, it can be frustrating. However, there are several steps you can take to troubleshoot and resolve these compatibility issues. Here’s a guide to help show you how to Fix JWT Plugin Conflicts with Elementor Page Builder

1. Update Your Plugins and Themes

Ensure that both Elementor and the JWT plugin, as well as your WordPress theme, are updated to their latest versions. Developers often release updates to fix bugs and improve compatibility.

2. Check for Known Conflicts

Visit the Elementor’s Known Plugin And Themes Conflicts page to see if the JWT plugin is listed. If it is, the page may offer specific advice or an update that resolves the conflict.

3. Deactivate Other Plugins

Conflicts can sometimes arise due to interactions with other plugins. Deactivate all your plugins except for JWT and Elementor. If the issue resolves, reactivate the plugins one by one to identify the culprit. This process is recommended by Elementor’s troubleshooting guide.

4. Switch to a Default WordPress Theme

Temporarily switch to a default WordPress theme like Twenty Twenty-One. If this resolves the issue, the problem may be with your theme rather than a plugin conflict.

5. Check for JavaScript Errors

Use your browser’s developer tools to check for JavaScript errors in the console. A JavaScript error could be causing the Elementor editor to fail to load properly.

6. Increase WordPress Memory Limit

Sometimes conflicts and issues are due to insufficient memory. Increase the WordPress memory limit by editing the wp-config.php file and adding the line define('WP_MEMORY_LIMIT', '256M');.

7. Contact Support

If you’ve gone through the above steps and are still experiencing issues, reach out to the support teams for JWT and Elementor. They may have insights or solutions specific to your situation. Remember to always backup your website before making any changes, so you can easily restore it if something goes wrong. With these steps, you should be able to resolve conflicts between JWT and Elementor and get back to building your website.

Solution I Used to Fix JWT Bug

Those were all the generic recommended solutions on fixing the Elementor Editor not loading issue I personally found and utilized. But none of them resolved my issue. I spent so long trying to figure out why JWT broke Elementor that I consider myself an expert JWT analyzer to be honest.

Let me break down my experience and how the same JWT issue may be happening to you.

I was working for a client who used Memnet as a 3rd party software. Part of Memnet’s pipeline requires a plugin called JWT Auth – WordPress JSON Web Token Authentication which was great and all except for the fact it would break Elementor’s Editor. 

So spending hours of forum diving and google searches. I eventually figured out that I needed to add Elementor to a white list and in order to do so a filter would have to be added. The one known as ciriousjoker from this forum was my salvation. He provided the code that you will find in my plugin script below. 

Jwt image 1
<?php
/**
* Plugin Name: fix-editor
* Plugin URI: https://simplywordpress.sydney/
* Description: Fix JWT Editor Issue.
* Version: 0.1
* Author: Ethan
* Author URI: https://simplywordpress.sydney/
**/
add_filter( 'jwt_auth_whitelist', function ( $endpoints ) {
  $your_endpoints = array(
      // Without this, Elementor will not load properly.
      // Without the /v1, attenpting to edit a page will log you out.
      '/wp-json/elementor/v1/*',
  );
  return array_unique( array_merge( $endpoints, $your_endpoints ) );
});

After creating this little plugin and activating it, you can keep both JWT Auth and Elementor active and as a result restore access to the Elementor Editor. 

Here are some of my other guides:

You May Also Like…

Receive your free quote!

Receive Your Free Audit!