HEY

Participate in the next Webflow Challenge!

WordPress vs Webflow : my complete opinion

The Swiss Army Knife of web design? They say it's Wordpress. You can indeed create all kinds of sites with it, from blogs...

Updated on

14/12/2020

WordPress vs Webflow : my complete opinion

Wordpress: The Swiss Army Knife of website creation? They say it's Wordpress. You can indeed create all kinds of sites thanks to it, from blogs to online store sites, portfolios and many others... Is it however the only tool with which you can achieve all this? To answer this question, let's take a look at its characteristics. After you have an idea of what it really offers, you can judge for yourself if Wordpress is the ultimate website creation tool, or is it in danger of being overtaken by another equally powerful tool, Webflow. Wordpress vs Webflow, let's go!

#webflow #wordpress #squarespace #shopify #wix

🌈 Survey

What do you use to create Web Sites?
Wix, Squarespace, Wordpress, Shopify, other or Manually?
Give me your opinion as a comment

Summary

Wordpress

Webflow

Other advantages of Webflow

Conclusion

Video

Anything missing?

Wordpress vs Webflow: Let's start with WordPress

WordPress : Pricing

Wordpress is open source software, meaning that it is accessible for free. If you have to pay even though you have chosen Wordpress.org (and not WordPress.com because there is a difference), it is only the price of the hosting, the domain name, the plug-ins, etc. that you have to pay. Like all open source software, it's obvious that it doesn't necessarily have full functionality. To have everything you need, you have to customize it. Either you use plug-ins, or you use your skills in HTML, CSS, JavaScript... (or you use an experienced developer who knows how to do it).

Do you even know what a plug-in is? In case you don't know, it's a mini software outside Wordpress that you would have to install to get more features on the site. They are generally designed by individuals. You can do anything you want with them, even customize them. Only, the security of the site is questioned (we will return to this later).

For the design: WordPress vs Webflow?

Most of you, my readers, are web designers. So, if you're wondering what the purpose of Wordpress really is, I can't lie to you and tell you that we can make design websites. Sure, it's possible. But it will require very advanced skills in code. Let's take the example of animations; they are very complex to make, but still expensive.

However, there are pre-existing Wordpress theme templates; there are hundreds of them that you'll find hard to choose from. For each theme discussed on the blog, there is a suitable template. Some of these templates are free while others are paid for. In any case, the choice is yours.

They are all ready to use, but you should still know that customization is possible. Unfortunately, however, these modifications are limited if you are not familiar with the codes.

Webflow Training
Webflow Training

WordPress to manage content: CMS (Content manager system)

So here, Wordpress is very powerful. WordPress was originally created for bloggers. The content management interface is very intuitive; everything is done automatically. All you have to do is click on article, then add, write your blog post, guide... Once you're done adding illustrations for the article in question and other small settings, all you have to do is click on publish. The article is automatically displayed on the blog according to the design of the WordPress theme you have chosen.

WordPress and SEO

Wordpress sites are generally well referenced, as long as the codes are well done and all plug-ins are compatible. Only, not to complicate things, I advise you to install a natural SEO plug-in, Yoast SEO being the best known. You'll have easy access to the basics: meta title, meta description, page optimization check, etc.

Site Maintenance

Whatever theme you chose for your Wordpress site, as I told you at the beginning, you will always need a plug-in. Otherwise, your site will not be fully functional. But here's a little downside: the more plug-ins you have, the harder it is. Why is that?

The site needs to be maintained on a regular basis. Most plug-ins need to be updated manually. However, I advise you not to take this step lightly. All your work depends on it!

Wordpress vs. Webflow: Important points about Webflow

Now it's time to discover Webflow! Wordpress vs. Webflow: what exactly differentiates it from Wordpress?

Pricing

Unlike Wordpress, Webflow is not free. In fact, a free plan is available, but by choosing it, you will not be entitled to a personalized domain name. You still get all the features you need, full functionality! So it's a very good choice if you're just starting out as a webdesigner. Take this opportunity to familiarize yourself with the platform. After a while, everything will be like child's play.

I talk in more detail about the rates applied by Webflow in an article I wrote about Webflow in 2020. And if you want to know what is really written in the source page, don't hesitate to visit the source page on the Webflow website. In any case, I find that for the advantages that Webflow offers, the price offered is very affordable. In addition, you have the choice between a monthly or annual payment.

Webflow for design, design for Webflow!

I told you earlier that design is not really the strong point of Wordpress. This is not the case with Webflow, because it was specially made to create design websites. The proof? The design interface of the pages is so easy, which makes the design itself simpler. It is indeed done visually, and therefore, without codes . The idea of using a developer (if you're not one or if you've been working with them for a long time because you don't master this part) shouldn't even cross your mind anymore :) As a webdesigner, you can do everything, from A to Z. What an economy isn't it?

But then, would that mean that the sites designed on Webflow are not made of code? No, you got it all wrong. No site can be created without code. It's only how the code is written that's different. When changes are made to the page, the codes are generated automatically. And they are not written in any way.

These codes are clean. Remember when I told you you could learn to code through Webflow? Whether you want to learn HTML, CSS or JavaScript, you can do it. All you have to do is export the codes and then analyze them.

You may not believe me, but when I started in webdesign, I didn't understand any of the codes. However, after several years of manipulating Webflow, I can proudly tell you that I understand them better and better. All this, to tell you that the analysis of the codes generated by Webflow is not complicated, and the fact that they are written properly has something to do with it. They are clean because they are logical and short.

But other than that, what's the point of having a clean code? We'll see him a little later, be patient. :)

Advanced design: Webflow website animation

One of the things that particularly appeal to me about a site is the animation that the designer has carefully chosen. It is precisely this animation that creates interaction with the visitors of the site. But they are not easy to design. If you had to write codes to get even a small piece of animation, they would be very long and complex. And if I tell you that this is not necessarily the case, will you believe me?

If you know anything about code, you'll have doubts about it. But it's true with Webflow! The creation of complex animations is visually possible.

Webflow Training
Webflow Training

Further customization

Let's not forget that you have a lot of choice when it comes to website templates designed on Webflow. As with Wordpress, you will still be able to customize these designs once you've adopted them, easily. In fact, just because you don't use any code in the design of a website doesn't mean you can't expect a custom site. See for yourself, happydesk.be is the result of work done on Webflow. Moreover, some templates are paid for, others are not.

There are those that are designed specifically for e-commerce sites. That's right! It's possible on Webflow! I've already tested a dozen of them for my clients. For the design in question, you will have total control: custom fonts, colors, etc..

Here's a bonus: the 404 pages are customizable with Webflow. Few CMS offer such a possibility!

Webflow, a good CMS?

Nothing can match WordPress in terms of content management, it was said. However, I don't think that's always true. WordPress vs. Webflow: With Webflow, content management is as easy as with Wordpress. Besides, that's why I can afford to write articles and guides on webdesign for you on a regular basis.

Natural referencing of Webflow

In my experience, Webflow is just as interesting as WordPress in terms of SEO.

For each page, the modification of the title and meta description tags is easily accessible, which is not necessarily the case for several CMS, including wordpress. For the latter, the installation of a plug-in is necessary to benefit from these functions. Similarly for each image, Webflow has an ALT tag that you can easily fill in.

Do you even know the importance of those beacons? Well, the title as its name indicates is the title that appears in Google's search engines, when users enter the key query of the theme addressed by your site. As for the meta tag, it is the description under this title. They are very important because the general public sees them. In order for them to be tempted to click on the link that leads to your site, the tags must be optimized. Hence the importance of having them easily modifiable. Question SEO, WordPress vs Webflow? In my opinion, Webflow is simpler!

The same goes for the Open Graph. I talk about it in more detail in this article on the Open Graph.

In addition, the sitemap of a Webflow site is also created automatically. For WordPress, you will have to install a plug-in to make this creation happen.

What about permalinks? Just like the title and meta tags, they also have an indirect impact on the referencing of your site, that's why you should give them importance. Permalinks on Webflow sites are immediately optimized. So you don't need to go to the fine tuning background to modify them. Indeed, they take the name of the post only; this is the default setting.

Natural SEO tools

2 tools are very interesting for the natural referencing of a site (both for WordPress vs Webflow) :

  • Google Analytics
  • Google Search Console

Google Analytics

It helps you to analyze the behavior of visitors to your site. Depending on the data you have collected, you can then modify the design of your site to make it more adapted to the behaviour of your visitors. Here are a few examples of this data: geographical area, age group, etc.

What I mean is that with Webflow, no additional plug-ins are required. All you need is your Google Analytic ID. Just paste it into the Webflow platform.

Search Console

It helps you identify any problems your site may be experiencing. Just like Google Analytic, it is also native on Webflow. Here again, you are simply invited to enter your Google Site Verification ID on the platform. Nothing could be easier!

In short, the simplicity of Webflow always sets it apart from other website creation tools. I say this because with it, I don't need to install anything extra for the basics of a website, natural referencing among others. This function is integrated into the tool itself.

Site Maintenance

As no plug-ins need to be installed on Webflow, maintenance is not a problem. You are spared a lot of worries and headache because maintenance is automatic.

Webflow Training
Webflow Training

Other advantages of Webflow

Speed

With clean codes, the loading of a site is done quickly. And a fast site has so many advantages, if not a pleasant user experience.

Also, Internet users are not known for their patience. If they don't get a glimpse of a site after only a few seconds, they may leave the site in question. A study has been carried out on this subject: more than 3 seconds of waiting time, 40% of Internet users leave the site.

Having a slow site is not just a matter of being deprived of the advantages I have just mentioned. Worse still, the site in question will be penalized by Google. Your SEO efforts are in danger of going up in smoke.

In the face of all this, how can we remedy very slow page loads? It's simple, you just need to have your own codes, which Webflow does very well automatically.

Facility

I've had the opportunity to test various CMS, but so far I've found Webflow to be one of the easiest to handle. If you've been following me for some time, you probably know that I often talk about nocode and the advantages it offers. Well with Webflow, you can create sites without having to touch any code.

Also, if you're new to web design, Webflow will teach you quickly. He is very easy to handle. A few days or hours (depending on your speed) are more than enough time to learn. After familiarization, I promise you that everything runs like clockwork! Nothing can stop you then; as they say: "Sky is the limit".

If you're here, maybe it's also because you're looking for another tool just as powerful as Wordpress? Did you know that Webflow is by far the simplest? WordPress vs Webflow: all the technical side you had to manage on Wordpress will be gone, except the MySQL database manipulation...

Marketing management included

Some people base their choice of site creation tools on the performance of the tool in terms of marketing. If you're one of them, you'll be happy to hear that the marketing side is not a problem at all with Webflow. Again, plug-ins are useless. The marketing side is included in the website: landing page, popup...

Here are also other features previously integrated into Webflow.

Native Webflow functions

1. HTML, CSS and JavaScript minimization

No external software is required. All the basic functionalities are pre-installed in the CMS. Note for example the minification (minifying in English). This function consists in automatically deleting unnecessary codes such as comments, blank spaces, etc. This is what makes the codes clean.

2. Caching

The caching function is also of paramount importance, yet other CMS are not able to do this without external intervention. Wordpress will need these plug-ins: WP Rocket, Total Cache, Fastest Cache... If we have to do it manually, we have to follow a whole process and modify the htaccess file of the site. This is not the case with Webflow. With Webflow, everything is done automatically.

Important data is loaded into a cache (a kind of buffer memory). This makes it possible to quickly display web pages that users have recently viewed in their browser, without having to re-download anything.

This example will certainly enlighten you: let's suppose that your style sheets are on a file called feuillestyle.css. When the user arrives on the site, he downloads it and stores it in his browser. The next time he comes back, he doesn't need to do it anymore. The site is ready to be visited.

3. CDN (Content Delivery Network)

I focus on local clients. So the SSC doesn't really serve me. However, I consider the fact that it is integrated with Webflow to be an asset for the tool. I will then be able, one day, when I want to or when the opportunity arises, to target international clients.

Indeed, the CDN is a collection of locations around the world . Its mission is to redistribute locally the contents of your site's servers. For the files that do not require regular updates, it keeps them in cache.

The CDN used by Webflow is one of the most powerful in the world: Amazon Cloudfront's CDN. It is known to never break down. What more could you ask for a CDN?

Are there other interests in having all these internal functions?

Webflow Training
Webflow Training

Better management of a site

Since I've been using Webflow, I've never used any plug-in whatsoever, simply because it's complete. So I was spared all those distracting ads you often see with free plug-ins.

Also, the less plug-ins are used, the less risk of incompatibility. Indeed, each plug-in has its own code. Different developers design different plug-ins in their own way. They don't necessarily talk to each other. So there are no specific standards that are followed. Some developers may write lines that are not compatible with other plug-ins. Especially since there is not enough time to test all the new plug-ins with the existing ones.

With plug-ins, you will have to recruit other people to maintain the site.

Easy accommodation

Let's get something straight first. You have a choice between:

  • host your website designed on Webflow on Webflow itself
  • host it on another host.

For this second choice, you will have to go through a few more steps. Don't worry, they're not as complex as they might seem. Just export the codes automatically generated by Wordpress, and import them in the host you have chosen. Now that you have clearer ideas about the choice between WordPress vs. Webflow, I think you're at a stage where it's easier for you to make a decision. Switching to WordPress or Webflow.

But let's come back to the first choice which is none other than, I think, the best: hosting the site on Webflow. The hosting of all sites created on Webflow is provided by Amazon Cloudfront.

Guaranteed security

As long as you use Webflow for the creation of your sites, you automatically receive an SSL certificate (as I explained earlier, it is integrated into the Webflow offer). If I want to clarify this detail, it's simply because I know hosting providers who do not do it.

With these hosts, you will have to buy a separate SSL certificate (unless you use a free one). That's not all, installing this certificate still takes a lot of time, especially if you are new to the web world.

Conclusion: WordPress vs Webflow

Here's my personal conclusion. My choice today is 200% Webflow, because it brings both the designer and the customer freedom, ease and security. So I think that creating a site with Webflow now is a long term advantage. It also allows easier adjustments and an incomparable possibility of evolution. In short, between WordPress vs. Webflow: Webflow is in my opinion the new world of intelligent website design.

Anything missing? Do you have a specific question?

Webflow Training
Webflow Training

Comments

Coffee break

4 items you might like

FREE TRAINING

Register here to receive the free Discovery Training
.

Start by taking the Discovery Training, where you will learn the basics of Webflow and a taste of what to expect in the Start Weblow training.

Start the free training