Webflow vs Wordpress in 2021: 7 reasons why Webflow is better than Wordpress

Find out what is the difference between Webflow and Wordpress, and why I moved my entire site from Wordpress to Webflow and have no regrets.

Updated:
February 6, 2023
Find out what is the difference between Webflow and Wordpress, and why I moved my entire site from Wordpress to Webflow and have no regrets.
Lucian Wu
Lucian Wu
"Sorry, we're going with another developer for this project"

She said, over the phone.

"What's the reason?"

I asked.

"It's because we really wanted to use Wordpress, but you wanted to use Webflow."

She explained.

After a few pleasantries, I thanked her for the opportunity to provide a proposal, and we hung up.

I had lost the project.

I couldn't believe it.

My price was more cost-competitive, Webflow as a platform had satisfied their technical requirements, and ongoing maintenance would’ve been easier. 

I had still lost.

In other words, this is what happened.

Suggesting Webflow meme
I'm the one being metaphorically kicked out the window

I came to the conclusion that they didn't choose me for the project because they were unfamiliar with Webflow.

They weren’t aware of it, and obviously, didn't trust it.

Hence I don’t blame them for not believing in a product they didn’t trust.

This is the reason I decided to write my thoughts and opinion on Wordpress vs Webflow. 

If you are firmly in the Wordpress camp, perhaps what you read below may sway your mind.

In other words, if this is you, then you’re at the right place.

Wordpress is the best website builder, change my mind

Well, what qualifications do I have in being able to judge both platforms?

Well, the first 5-10 websites I built were created in Wordpress. I regularly maintain websites for some clients of mine that are still on Wordpress. I also purchased a few custom themes before I also invested in Elementor Premium. 

But then I found about Webflow, how to create a blog with Webflow, and everything changed.

I moved my main site over to Webflow, and all my clients sites are created with Webflow since then. 

I have not looked back. 

All the following comparisons will be made for Webflow vs Wordpress with the Hello Theme and the Elementor Pro plugin. Elementor looks to be the runaway winner in terms of a page builder, and their suggested theme is the Hello Theme.

Let’s dive in on why I think Webflow is better.

Webflow generates cleaner HTML

Webflow generates clean code.

What is clean code?

It is code that is logical and easy to understand, yet is as small as possible.

Why is this important?

Website Speed. The faster the better.

Why is speed important?

  • User Experience. We all live in the digital age where we expect an answer as soon as we think of the question. The slower your page is to load, the more likely your user will leave.
  • Google Rankings. Google announced they will penalise websites that take longer than normal to load. 

How can we have a faster load time? 

One way is to use good quality, clean HTML and CSS. 

This is what Webflow generates for a simple section:

Webflow clean code

Exactly as you would expect.

This is what Elementor generates:

Elementor bad code

If you don’t believe me, just check their respective homepages https://webflow.com/ and https://elementor.com/. (This is effective as of at 27/02/2020)

As you can see, the HTML generated by Elementor contains unnecessary elements. 

This adds bulk to the site and reduces site speed.

Hosting with Weblow faster with built-in minifying, caching and CDN

As we established earlier, site speed is critically important for a number of reasons.

It is not just code quality that impacts site speed, there are some other factors that we need to be aware of.

Minifying

Minifying is the process of removing all unnecessary code from the file such as comments, and blank space. 

Once again to increase speed.

How minifying works
Courtesy of https://codeless.co/5-tips-minify-css-js/

With wordpress, you’re going to need a minifying plugin such as W3 Cache.

W3 Total Cache

Caching

Caching is the process where your browser downloads a file and doesn’t need to download the same file again.

For example, you have all your stylesheets located on company.css. 

Your visitor will download company.css on the first time they visit your home page. If you have caching enabled, they won’t need to download the same file again if they visit another page on your site.

Download twice meme

Once again, Wordpress doesn’t offer this natively. 

You’re going to need a separate plugin such as W3 Cache. 

Content Delivery Network (CDN)

A CDN will serve your website files to your visitor’s device from a server that is closest to them. 

This is not important if you only serve local customers. 

But if your visitors are likely to be from all over the world, a CDN will significantly improve your website experience with them.

Webflow has natively integrated Amazon Cloudfront CDN. It is unlikely to ever be down.

Wordpress doesn’t. If you need it, it will be another invoice, another payment, another thing to worry about.

Webflow has built-in SEO integrations without 3rd party plugin

I have to admit that SEO is done quite well with Wordpress. 

Quite well when you compare it to Wix.

Most websites do not suffer ranking penalties from using Wordpress.

But of course, there could still be improvements. 

Meta Description

Being able to change the page’s meta description should be vital for any content management system.

What is meta description?

It’s the description under the Page title in the search results.

Tesla SERP

As of the date of publishing, you still can’t edit the meta description without a plugin like Yoast or Elementor.

You certainly need a dedicated SEO plugin (like Yoast) to be able to update the opengraph settings.

Yoast SEO

With webflow, this can all be done natively.

Webflow SEO Settings

Permalink structure

On Wordpress’s article on their permalink structure, they say:

By default, WordPress uses web URLs which have day and name in them

I still scratch my head thinking why. 

Your posts should be updated regularly to reflect latest trends or standards.

Outdated posts do not rank well on Google.

What is the best post structure then?

If you search for the term “Wordpress Permalink Structure”, the first post you see is Rob Powell Big Blog

What’s their 1st tip?

Change the permalink structure to post name only.

Wordpress Permalink Structure

Google Analytics

Google Analytics is a tool developed by Google that gives you information on the behaviour of visitors on your website.

If you care growing your website, you’ll probably want to have Google Analytics installed.

It looks a bit like this:

Google Analytics Dashboard

Almost every website should have it installed.

On Webflow, no additional plugin is required. All you need is your Google Analytics ID. Paste it in, and off you go.

Webflow Google Analytics Integration

With wordpress, you will need to download one if you’re not sure how to create a plugin yourself. There are dozens to choose from.

Google Analytics wordpress plugins

Google Search Console

Google Search Console (previously known as Webmaster Tools) helps you find website issues, check backlinks and fix issues. 

But most importantly, it’s a tool that tells Google what pages exist on your site and how they relate to each other.

Once again, Webflow has it natively enabled, so all you need to do is put in your Google Site Verification ID.

Google Site Verification

And once again, for Wordpress, you will need another plugin.

If you’ve previously installed the Yoast SEO plugin, you’re in luck, because that has the Google Site Verification tool built in. If not, you’re going to have to find one from this list.

Google Analytics Plugins for wordpress

Don't make the same website mistakes as the other solar companies. Learn from them instead.

Download the FREE PDF, implement these changes, and you may increase your solar installations by 5-10%.

Get the book

Designing pages is faster and adheres to CSS standards

Classes

Classes are a term used to group similar looking elements together.

When we make changes to one item, the properties of the other item follow suit.

Wordpress classes

Elements not only look similar on the same page, but they should also look identical across pages. This creates consistency and a better user experience.

The use of classes is encouraged across all of web development. That is why cascading stylesheets (CSS) were created in the first place.

Unfortunately, Wordpress and Elementor seem to have pushed that aside.

Changes that are made on single elements don’t affect other items in the same class. 

Every time a new element is created with its own parameters, a new class or new ID is created.

This makes design difficult and time consuming.

Preview and Update

I didn’t realise my frustration with Wordpress until I started using Webflow.

To review a change in the backed with Wordpress and Elementor, we need to complete these steps:

  1. Press the “save draft” button.
  2. Click the “preview” button to the left.
  3. Navigate to the new preview tab that was just created.
Webflow preview and update

In my experience, I found multiple tabs were appearing and I started to lose track of pages.

With Webflow, what you're designing is shown on the screen is almost exactly what is shown in the live browser.

Webflow toggle preview

There is no additional tab. Just click on the “Toggle Preview” button, and without reloading the page, you can see the result of your creation immediately.

Autosave

I love that I don’t need to worry about constantly pressing the save draft button. 

Everything that is created in Webflow is automatically saved.

Webflow last autosave meme

Easy Staging

Making minor changes on Wordpress is simple. 

But when large scale changes are needed, what do you need to do? 

  1. Make a copy of the files, 
  2. Make a copy of the database table, 
  3. Create a subdomain within cPanel called test.domain.com. 
  4. Make the necessary changes.
  5. Copy files back to the main directory.
  6. Copy table contents back.

This is far too complicated and not a task we would typically allow our client to perform by themselves. 

One wrong step and it could bring their entire site down.

With Webflow, you can publish the content to yourdomain.weblow.io. This becomes your staging server. 

You can review all changes before publishing to the main domain.

Webflow easy publishing

This is a simple enough task that any client would be able to do themselves. 

Animations

Webflow can help create impressive animations without custom code. 

Here is just an example:

Webflow animations easy to use

For those aspiring designers who don’t know how to create effects like this, they may need to use another plugin or spend the time to learn the craft.

For web developers who know how to do this, Webflow will cut development time.

Webflow does not have 3rd party plugin conflicts

Wordpress boasts the largest 3rd-party developer marketplace in the world. 

And it is something to be proud of. 

Some amazing plugins:

  • Elementor
  • Smush
  • Advanced Custom Fields
  • W3 Cache
  • Contact Form 7
  • Yoast 

All above plugins have a free version for you to use indefinitely. 

You can’t beat that kind of value.

Plugins with value

Okay, let’s talk about the downside of using so many plugins.

Advertisements

The Wordpress community was all in an uproar last year when Yoast decided to put this banner in your wordpress backend if you haven’t paid for their premium version.

Now, the Yoast plugin has been helping millions of websites, for free, for years with their SEO.

So I don’t blame Yoast for wanting to use Black Friday as a way to boost their revenues. They are a for-profit organisation in the end.

Yoast advertisement

Whilst I don’t disagree with the principle, seeing ads pop up in your website backend is not good user experience.

The backlash lead to many developers removing Yoast and installing one of their lightweight SEO competitors, SEO-Framework

Plugin Compatibility

Both Free and premium plugins are developed by a 3rd party. 

If you don't understand the code, you don't know how it affects the rest of the site. 

Especially with free plugins, you are placing your trust on the developers. As well as other users who have downloaded their plugins and reviewed them in the past.

There's no responsibility for a 3rd party plugin developer to test their plugin against all other available plugins in the wordpress plugin repositority. 

Of course, that would be ridiculous. 

So it would be up to the website maintenance personnel to do that. 

There is a chance that every time you press this button, your site may not look right.

Wordpress updating plugins

What this means is that there can be, and often is, a compatibility issue that occurs. 

This is why you see 16 out of date plugins, you still refrain from pressing the Update Plugins.

Wordpress 16 plugins to update

CMS and client handover is quick and easy

I recently finished a project and conducted a project handover to my client. They needed to know:

  • Edit text
  • How to add new / remove staff members
  • Add projects
  • Add blog articles
  • Download form submissions in CSV.

How long did all of that take?

15 minutes.

That’s all it took.

A similar training session would’ve taken an hour or more on Wordpress.

Webflow has a front-end system for the client called the “Editor”, which gives clients the ability to make changes on their end without affecting much of the backend.

Here’s an image of adding them to be a collaborator. 

For any page that they need to edit, just put a 

?edit 

at the end

And you should see this on the bottom left hand corner:

Edit text

To make edits to any text, hover over the text that you want to edit

Adding staff members

Because we’ve created each staff member as a CMS collection item, adding and removing was simple.

Adding projects

Adding a blog article

Getting form submissions

Client satisfaction

All these in-built capabilities give our clients power over elements on their website. It gives them *just enough* rights that they feel like they are in control, but not enough such that they can break the whole site.

And just to give them a sense of security, Webflow provides automatic backup.

Because they are able to do all of this by themselves, they don’t need me to hold their hands every step of the way.

With Wordpress, in order to do all of this requires a separate plugin called “Advanced Custom Fields”. None of this functionality is built-in.

Webflow is ideal for informational or service based websites

My final reason is personal. Webflow is best for the type of customers I want to help - solar companies.

Website builders started off in a specific niche and catered for their own audience.

Wordpress was originally built for bloggers.

Shopify is built for eCommerce websites.

Wix is built for amateurs.

Wix is built for amateurs meme

Okay, I’m being mean.

What I actually mean is that I believe each website builder has their own special niche in the market. They serve a specific sector and did an excellent job at all.

The popularity of Wordpress accelerated and they started to cater for non-blogging websites. 

One of Webflow’s main features is that you can create anything you want *without coding*.

Now, we can all agree that it’s not possible for the time being. 

So I believe the websites Webflow are fantastic at creating are information type websites without much deep custom code or integrations. 

This is perfect for the websites I want to create for my customers - Solar websites that need information to be presented clearly and simply.

Very rarely do they need eCommerce, payment platform integration, extensive blogging, large portfolio. 

Custom code is also unlikely to be needed.

Conclusion

In terms of capabilities, any website built by Webflow can be built with Wordpress (with custom code).

But you can’t do the opposite.

This makes Wordpress a better solution if a website is complex.

But what Webflow does well is unmatched in the marketplace. 

Speed of designing, convenience of integrations, and easy staging makes this a tool that is incredibly hard to beat.

It allows us designers and developers to focus on delivering the project for our customers instead of focusing on the unimportant admin work.

What are you waiting for?

Book a Free Strategy Session and find out how your solar company can be more profitable