Article updates

How to easily Hide Elementor Page Builder

WordPress Elementor plugin is a very popular drag-and-drop visual page builder, currently most used application of it’s kind. Using Elementor, guarantee to achieve impressive layouts, without any experience with programming languages like HTML, Css, php etc. Many popular themes are being created using Elementor, which allows the end users to easily maintain a site content.

Why white label code source for Elementor page builder?

Being used in so many sites, Elementor is a good target for hackers, finding a breach into a system version, grants an attacker the possibility to easily compromise all other existing sites which use the same code.

Since the beginning, Elementor plugin proved to be a reliable code, it hasn’t many security problems revealed. Also the found issues where fixed in a reasonable time manner. It was not the case with the long list of available add-ons, some of them where poorly implemented and included critical security problems which where easily exploited. Tens of thousands of sites where compromised concluded to massive loses for sites owners.

But how about to hide the Elementor page builder?

Removing any trace of it (white label), provides the perfect security, since hackers are not aware of the code being used, while preserve the nice functionality for page layout maintenance. WP Hide PRO include the necessary tools and functionality to achieve that goal, without changing anything on your site at the code level.

While using Elementor, the resulted outputted html is full of traces with that plugin, it will be an easy work for anyone to visualize the raw html and spot common fingerprints. This is an actual outputs with highlighted ‘elementor’ :

To replace all Elementor traces and fingerprints without breaking any functionality, require advanced tools. The JavaScript code still need to run perfectly as before, also the site layout need to remain unchanged. The WP Hide PRO provides the perfect tools to make it happen, mainly through General CSS and General JavaScript functionality.

The above tools, also combine the resulted assets into couple cached files, making site loading much faster, easy to compare through specialised sites like Decreasing the number of HTTP request is also a Google SEO boost.

As the previous HTML screen reveals, there is a common ‘elementor’ word that appears over 3600 times on our example. Mainly this is being used in elements classes. The General CSS functionality can change all those instances, without affecting the site functionality and layout. Keep in mind, this is not a text replacement, as the classes are being invoked through HTML and JavaScript code, so everything need to be processed as a whole. The module works as a global match, so the replacements occur in any instance and derivate.

The Css Combine and JavaScript Combine need to be set to Yes, to allow the plugin engine to process this code as well:

The other tools need to be also used to change other elements:

At this point, the plugin framework is aware and capable to replace everything regarding Elementor plugin. There will be no trace of it so it can’t be identified as being deployed on the site. Still, everything continue to works as before and the layout appear the same. This is the new outputted html for our example, after optimisation:

A WP Hide PRO settings export file is available for download This shold be used as starting point, as each site is unique and the settings should be adjusted accordingly.

Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedIn
Scroll to top