Article updates

How to easily Hide Elementor Page Builder

WordPress Elementor plugin is a very popular drag-and-drop visual page builder, currently, the most used application of its kind. Using Elementor, guarantee to achieve impressive layouts, without any experience with programming languages like HTML, CSS, PHP etc. Hide Elementor is an essential achievement for any site, to ensure excellent security protection.

Why hide Elementor page builder?

Since used on so many sites, Elementor is a good target for hackers. Finding a breach into a plugin version, provides to the attacker the possibility to easily compromise all sites using the same code.
From the beginning, the Elementor plugin proved to be a reliable code, it hasn’t had many security problems revealed. During the time, the developers fixed all security issues found in the plugin, in a reasonable amount of time.
But there is a long list of available add-ons for Elementor, many of these plugins are poorly implemented. They include critical security problems which conclude to site exploits. That means tens of thousands of compromised sites, producing massive losses for sites owners.

But how about hiding the Elementor page builder?

Removing any Elementor traces (white label), provides the perfect security. Since hackers are not aware of the code inside, they can’t run any exploit. All these while preserving perfectly the site functionality and layout.
WP Hide PRO includes the necessary tools and functionality to achieve that goal, without changing anything on your site at the code level.

While using Elementor, the outputted HTML is full of traces with that code, it will be an easy job for anyone to visualize the raw HTML and spot common fingerprints. This is an actual output with highlighted ‘elementor’ :

before hide elementor

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

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

How to replace the traces?

As the previous HTML screen reveals, there is a common ‘elementor’ word that appears over 2600 times on our example, mainly used in HTML as classes attribute. 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 needs to be processed as a whole. The module works as a global match, so the replacements occur in any instance and derivate.

Set to Yes the CSS Combine and JavaScript Combine, to allow the plugin engine to process the code:

The other required tools to change other HTML elements:

At this point, the plugin core is aware and capable to replace everything regarding the Elementor plugin. No trace left means no identification as deployed on the site. Everything continues to works as before and the layout appears the same.

This is the new outputted HTML for our example, after optimization:

after elementor hide

A WP Hide PRO settings export file is available for download This should 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