Ever since the release of Visual Composer in 2011, page builders have exploded in popularity and emerged as one of the most noticeable design trends. They are the most common all-in-one platform for DIY websites created by people with no HTML and CSS coding skills. Some of the most popular page builders today are:
- Visual Composer
- Beaver Builder
- WP Page Builder
- SiteOrigin Page Builder
Our web design agency has taken over the maintenance of numerous websites built with the majority of these popular builders. The experience we had so far only solidified our company policy: Page builders are not a good solution for professional companies.
Main problems with builders:
Page builders are way too complex
One of the most widely spread misconceptions regarding page builder plugins is that they are intuitive and easy to use drag and drop interfaces. Well, this can’t be further from the truth. Each and every one of them comes loaded with an array of elements. While this may look like a positive trait at first glance, once you scratch the surface, you conclude that most elements serve for creating the same or very similar types of output. Furthermore, they come with countless screens of layout and styling configuration options, as well as those for controlling content. And all the add-ons Elementor Pro provides increase the confusion even more. With this large number of elements, you’ll never use overcrowded menus, and right from the get-go, you find yourself scanning through so many redundant options in search of those you actually need. Also, most page builders have a pretty steep learning curve, and it takes a lot of time to get familiar with their way of doing things. Not intuitive at all.
But even if you quickly manage to get comfortable using WordPress website builder plugins, it does not necessarily mean that you will be able to implement desired elements on your website without any trouble. Many users have already reported numerous problems with sample data imports or setting up shape dividers, color schemes, portfolio page grids, drop-down menus, property booking systems, account payment methods, and other important elements on their Elementor websites. What is even worse is that one mistake could lead to the exposure of your customer’s personal information.
That’s the kind of trouble you want to avoid – especially if you are building, for example, a vacation rental website where users have to connect their credit cards in order to use a service. Another issue some companies ran into is Elementor Pro Contact Form not working, which cost them potentially valuable leads. That allows us to conclude that Elementor Pro and other page builders are not as efficient as is often believed.
Page builders use non-standardized code
Websites built with Elementor and other builders don’t allow you to edit their pages natively through WordPress. There is no standardization between them whatsoever. Once you build your website using a page builder, you are stuck with it, and you can not revert to another builder. Another problem is that most web creation platforms don’t allow you to export website code or make any adjustments to HTML files.
Also, in case anything goes wrong, you will have to rely on the page builder provider’s help. If your company is aiming to target a new type of customer or you’ve recently expanded and added new offers, these limitations won’t allow you to redesign your website in any meaningful way. When you lose access to your code, you lose the ability to make adjustments quickly. During such moments of necessity, in the blink of an eye, the ease of use people often associate with page builders turns into a nightmare. On the other hand, websites coded from scratch provide complete control over your marketing content and flexibility valuable for growing online businesses.
Builders support bad practices of in-line styling
A web developer is proficient in constructing style sheets that allow for consistency, re-usability, and efficiency. With page builders, you get quite the opposite. Each element provides multiple styling options giving you pages with sloppy output full of in-line styles. This results in the broken styling consistency of the site. If branding is important to you, this should be a massive drawback as inconsistency is the number one brand identity system’s enemy. Implementing all the add-ons Elementor Pro offers will not help you make your website unique and ready to tackle challenges in competitive industries. As opposed to those built with a Sage theme for WordPress, Elementor websites and those created with similar page builders are a nightmare for developers that aim to make styling changes across an entire site.
Even the slightest adjustment in color scheme might prove complicated, as oftentimes the only solution is to edit every page individually in multiple spots. We thought that the days of WYSIWYG (what you see is what you get) editors are far behind us, but it seems that websites built with Elementor and builders alike are bringing those bad old days back with their bloated and inconsistent code. So, if websites built with Elementor are something you pride upon, do us all a favor and stop calling yourself a developer. Whether you are using the free Astra Starter Templates plugin or you paid for Elementor Pro – it doesn’t make a significant difference. There are multiple solid reasons experts’ website creation process involves more than a simple drag and drop method used for the creation of Elementor websites.
Page builders are slow and inefficient
As we have already mentioned, while we use clean code to develop websites from scratch, our web development company in Chicago does manage some of our clients’ websites built with Elementor and builders alike. We concluded that making content updates on those types of websites is much more laboring and time-consuming. This is mainly due to the fact that page builders take more time to load as well as to save changes. But, that added time aside, once the page builder actually loads, the real pain begins.
You have to suffer through all the multiple clicks, extra page loads, dialogue box opens, tab switches and the list goes on and on until you have finally got to what you want to change. Elementor websites might require less knowledge to build than learning HTML coding, but choosing this approach will cost you a lot of time and nerves down the road. Whether you own a B2B retail tech company or provide B2C services in any other industry – you need a high-quality, long-term website solution page builder plugins can’t provide.
Each page builder has its own ways of working with content
In the ultimate website builder vs coding battle, the second option wins. Hard-coded websites are superior when it comes to content management too. No page builder supports the standard WordPress way of working with content, and instead, they replace it with a completely different interface and process. Since each builder-developer has his own ideas on editing content, websites built with Elementor or any similar drag-n-drop platform have various capabilities and limitations. This makes working with different page builders almost impossible and presents new challenges for companies.
You could be training your staff to manage a certain type of WordPress website, but as soon as they switch over to another website created on a different page builder, all that hard work proves to be in vain since they have to be trained all over again in how to work with that one.
Page builders are terrible for SEO
Page builders not only slow down the back end and content editing process but the front end as well. They come bundled with multiple stylesheets, scripts, font files, and so on, which significantly increases load time. These files exist to support all the widgets and options that the builder provides. Although you won’t be using most of them, they still have to load, and we all know that site speed and SEO are inseparable.
Page speed is crucial for generating a positive user experience since it significantly impacts:
- How much time people spend on your website
- Your conversion rate
- The amount of money you pay for each click in paid search
- Your ranking in organic search
When optimizing for page speed, people often prioritize image size, media formats, and the number of scripts. Without any doubt, optimizing images on an image-loaded hotel booking website will improve page speed to some extent. However, while these features do play a significant role, the impact that HTML markup has on page speed is usually overlooked. The truth is that every single byte increases the load time, and they add up very fast. Codes page builders use are usually lengthier than they need to be.
It goes even further. Every element represents an individual node. The more nodes the website contains, the more time it takes for a browser to render it after it has been loaded.
Nested elements only add to the problem. Websites built with Elementor and builders alike feature a particular layout due to multiple inefficiently nested elements. As the number of these elements increases additional processing power is required for a page to be rendered appropriately, further damaging the performance.
The drag and drop interface prioritizes the appearance of the front end but ultimately lacks the ability to streamline the HTML. A design that requires thousands of elements when produced by builders can usually be achieved by a couple of hundred elements by the hands of a professional developer.
A web page with valid HTML has a better chance to function properly. Also, your HTML markup sends signals to search engines that help them better understand your content. This makes your pages rank higher on SERP and attract more organic traffic. Though there are some cases where HTML errors are insignificant and simply not worth the time invested in fixing them, popular page builders take HTML validation errors to a whole new level. Your company mustn’t allow itself to be represented by a website that has nearly 600 HTML validation errors.
Most of these errors are likely to cause problems with appearance and functionality and hurt UX and ranking. What’s even worse, you won’t even be able to fix a large number of these errors since you have no access to builders’ code. The only thing you have access to is their front end and WYSIWYG editor. Yes, you can add HTML to a page, but you can’t edit the one that’s already there. That is a big problem for any successful company, and an important factor to consider before building an Elementor website.
If you are serious about your technical SEO and your company’s future, stay clear of websites built on Elementor Pro and other page builders, since they offer no SEO advantage whatsoever. The real opportunity lies in custom WordPress websites, as professional web developers know how to write SEO-friendly code that ensures speed and strong structure while also providing unique features specifically built with your business needs in mind.
As you can see from today’s article, there are too many drawbacks to websites built with Elementor and other page builders. In our opinion, any serious company that cares about its image and the way it’s represented online should stay clear of these platforms. We suggest you choose an open-source platform such as WordPress. In case you are a developing company, there is still no need to worry. There is an abundance of free or inexpensive themes online. Or even better, in case your budget allows, you can hire an agency to manage your online presence. As we have stated numerous times – your website is an investment. Today, people search a company online before they decide whether to interact with it or not. What they find there determines their next step. Page builders are a waste of time and money gobblers. Once your company or business aspirations change, they’ll make you start all over again with your website. Do yourself a favor, not your competitors, and avoid these like the plague.