9/10/24
7 min
What is Webflow & How It Works
Webflow is a visual website builder promoted as the ultimate no-code development tool.
In a nutshell, you can create websites with Webflow without writing a single line of code.
Webflow uses HTML, CSS, and Javascript as the main tools for website building, but the thing is that you don’t have anything to do with the code itself – it’s being written in the background automatically, while you’re using drag-and-drop builder.
So how does it all actually work?
Well, we’re not going to go into many technicalities such as which technologies Webflow used to build its product and services – rather than that, we’ll elaborate on its ins and outs that will help you understand how it works.
You signed up and answered a few questions related to your profile, and now what?
Webflow CMS
The first vital part to understand is Webflow’s CMS.
Webflow’s CMS is a web development tool that allows you to manage and manipulate content in a straightforward structure.
It is a starting point for using other parts of Webflow such as The Designer and The Editor, as both of those tools partially rely on the data from CMS.
There are 3 levels of CMS’s structure:
- Collections
- Items
- Fields
Fields allow you to define any type of content a particular field will have.
Items allow you to combine Fields, and form a group that serves a purpose. Successful projects in web development often include various combinations of Items.
Collections are content databases that sum up all required data (Fields & Items) for a particular project.
This structure can be used in various projects, that can later be styled in The Designer.
CMS can also be integrated with external data sources, and you can even upload your own data from a CSV file.
Here’s how it works in a nutshell:
Webflow’s Designer
The Designer is Webflow’s core product – it’s a tool that lets you visually design and develop websites.
Its drag-and-drop model works perfectly with a visual CSS interface where you can define any parameter of your design all while Webflow is translating your design into optimized code in the background.
With Designer, you can add any element to your website that you want, you can style any element however you want, and you can preview all that on different devices and browsers.
The Designer can be used as an independent tool for building design prototypes, and any creation built in it can be exported. However, it is only with other aspects of Webflow that the Designer works the best.
Webflow’s Editor
The Editor is a tool that allows you (or your clients) to make content-related changes to your website, without affecting the design.
This came out as a logical solution to the problem users experienced on other CMS platforms, so with Editor, you or your clients can adjust the content without having to worry about how will that reflect on the design setup.
When it comes to content, The Editor allows you access to any type of content – with it, you can edit and create new blog posts, change images, manipulate the text in headings, etc.
Besides content, The Editor allows you to edit basic post’s SEO settings, manipulate items and files of Collections in CMS, and manage forms (if you use them), but in order to better understand The Editor’s capabilities, make sure you check out Webflow’s Intro to the Editor or watch this video.
Using the Editor for clients and collaborators - Webflow tutorial
Webflow Hosting
You can build websites in Webflow and host them with other hosting companies, but to experience the true power of Webflow, it’s highly recommended that you choose Webflow’s hosting.
Webflow partnered with AWS and Fastly, which means their hosting is super reliable with 99.99% up-time and extremely fast, where your website can connect with 95% of the world within 50 milliseconds.
Some of the features their hosting provides for their users are:
- CDN
- Automatic backups
- Image optimization & compression
- Free SSL/TLS
- Global DDoS & WAF protection
It’s fair to say that many hostings out there have these features as well, but it’s crucial to understand that for optimal website performance, users building with Webflow should utilize Webflow hosting rather than exporting sites to other hosting solutions. Webflow hosting enhances the ultimate website-building experience, ensuring peak performance.
And yes, in order to host with other providers, you’ll need to export the website you made in Webflow – you’ll get multiple files that contain the code which you’ll need to upload, which makes entire process even more complicated.
These 4 pillars (CMS, The Designer, The Editor & Hosting) are what makes Webflow what it is, and understanding them will allow you to get into the no-code web development era!
Who Should Use Webflow
Webflow is made for designers and generally everyone who wants to build websites without coding.
Considering how The Designer looks, it makes sense that Webflow had designers in mind when creating their products, as one must understand basic design concepts in order to find its way around Webflow.
That being said, designers will definitely have the lowest learning curve, but in general, Webflow keeps improving its product and making it more intuitive, which is something inexperienced users are definitely benefiting from.
Thanks to Webflow’s structure and business model, there are many agencies out there that specialize in Webflow and make it the only technology they work with.
We, the Good Guys agency, recognized incredible quality Webflow offers and made the switch – since then, our client satisfaction level significantly improved.
However, we also saw the downsides, so if you’re a designer or agency considering working with Webflow, here are the pros and cons you can expect to encounter – they will most certainly help you decide if Webflow is the right choice for you.
Webflow Pros
There are definitely more pros than cons, and these ones would be the most meaningful to mention.
No coding required – As we already mentioned, even for advanced users, there’s no coding knowledge required. You can literally build everything visually and Webflow will take care of the rest.
However, it’s still recommended that you learn HTML and CSS properly and at least the basics of Javascript as this will serve you well when the time comes to go even level up. Webflow doesn’t require you to know coding in order to use the product, but they still offer you an option to write custom code, which is something you might need in the future.
Design Flexibility – There is literally no web development tool out there that offers you design flexibility like Webflow. We worked with WordPress, Squarespace, Wix, and a few others, and they have some amazing features that make life and work a lot easier, but none of them come even close when it comes to design flexibility. With Webflow you can create literally everything you imagine.
Business & Enterprise Partnerships – Webflow takes care of designers and agencies who work with their products and represent them as a focus service. There are levels to cross and benefits to achieve by becoming a Webflow Business Partner and Webflow Enterprise Partner. You can learn more about these programs on Webflow Experts page.
Webflow Cons
Webflow is amazing, but still, there are a few cons we encountered through the years, so it’s important you know them.
Learning Curve – We guess you could see that one coming! Webflow’s dashboard, CMS, and The Designer are somewhat intuitive, but still, there is a significant learning curve if we’re talking about the master level of building websites. Technicalities are a matter of constant exercise, which means the more you play with options and use them in building dummy websites, the easier will get over time. Bear in mind that in order to truly master Webflow’s tools and ways of working, it will take a significant amount of time.
Dependency on Webflow – The reason why many people out there prefer open-source CMS platforms such as WordPress is because they don’t depend on a single company that owns the product. If you’re starting in Webflow and you want to develop your business with it, bear in mind that Webflow is a proprietary platform and that you will be locked in with its ecosystem. If they decide to change anything (including pricing), regardless of whether you like it or not, there’s nothing you can do about it.
Limited third-party integrations – Webflow integrates with popular tools and services, but its ecosystem may not be as extensive as other platforms. However, this is definitely something Webflow is still working on and developing, so we’re quite sure that over time, this will be taken care off.
Frequently Asked Questions about Webflow
Why Types Of Websites Can You Build With Webflow?
You can build literally any type of website using Webflow, but the most popular types are:
- Business websites
- Blogs
- Ecommerce shops
- Portfolio websites
- Personal websites
- Membership websites
Webflow has two types of plans in their Site Plans – general and e-commerce.
E-commerce is pretty self-explanatory – the plan allows you to build and customize your online shop.
The general plan includes any type of website except e-commerce – you have complete freedom to customize it however you want.
Is Webflow Expensive?
Considering competition pricing, but also unique features that it offers, Webflow is not considered expensive, but affordable rather.
It’s fair to say that Webflow has a bit of complicated pricing, especially for people who are not familiar with how Webflow works. Some plans may cause confusion, but in general, any plan usually has a decent pricing that’s considered as definitely worth the price.
Truth be told, in some cases, Webflow may end up being the most expensive solution to a particular problem, but in the end, it’s all a matter of preference.
How Long Does It Take To Learn Webflow?
Absolute beginners can learn the basics of Webflow within a month. For the advanced level, at least a couple of months of dedication is necessary, and for the expert level, not only time is required, but also a significant number of projects are completed.
With Webflow University learning the ins and outs of the platform is a seamless process, so absolute beginners can figure things out within a month. Of course, learning time significantly depends on users' capabilities and previous experience – designers will have a much easier time than users without a design background.
After the beginner level, everything depends on practicing the tools of the platform while combining them with creativity. Again, Webflow has incredible design flexibility, so you can express every ounce of creativity you have.
That’s exactly how you move to advanced and in the end expert level – the more projects you complete, the more websites you build, and the more experience you’ll gain, which means that you’ll become better and better with every new website you build.
Will Webflow Replace Developers?
No, Webflow will not replace developers, but it will (along with other platforms) filter the need for web developers.
This is always a complicated question because regardless of how AI advances, need for human touch will always be necessary. This might not be a case in 50 years from now, but in time that we live in, and how fast no-code movement is advancing, it’s safe to say that there will still be plenty of front-end and back-end developer jobs.
However, it’s safe to assume that the need will gradually drop. Also, it’s safe to say that eventually, beginner jobs will perish as no-code movement will be completely able to replace them.
Saying that, Webflow and other no-code platforms will thrive as they bring a lot of benefits for businesses, but still, it will pass a long time until we lose the need for developers fully.
How Does Webflow Compare With Other CMS Platforms?
Webflow is currently the top competitor for all industry-leading CMS platforms, and looking at the trend from previous years, it’s safe to say that they will likely dominate the industry soon.
When we say dominate, we don’t mean like market share domination – it will be quite impossible for anyone to reach the peak WordPress achieved.
By domination, we mean that we believe Webflow will become a go-to tool for building websites, especially for agencies and other web development businesses.
Conclusion – Is Webflow Good?
Considering the technical abilities, flexibility, and pricing, the answer is quite simple – yes, Webflow is a great tool for building websites.
Even though they’ve been around for quite some time now, Webflow is still decently aggressive with rolling out the updates, which means that they are still developing the platform.
They truly made an amazing software that’s on the right track to be the best CMS and website-building tool out there, but to be honest, we should keep an eye on the downsides.
Integrations will be a subject of further development, learning curve will be lower, but there’s still that dependency that makes so many designers, developers and agencies out there simply walk away from the idea of switching their business to Webflow.
And that makes sense – being trapped in one ecosystem without any control over the pricing doesn’t seem like the best possible solution, which is exactly why WordPress still dominates the market.
Webflow should invest more energy and resources into lining out the future and what their clients can expect, which would definitely ease the worries potential prospects might have.
Either way, the most important thing is that there are definitely many more pros than cons, and as an agency working every day on the Webflow platform, we can verify it turned out so great for us.
Webflow is definitely one of the most powerful website-building tools out there, and if you want to learn more about it, you can do so by creating an account on the Webflow website.
See you on the other side!
Webflow
Integration
No-Code
Table of content
Ready to start your project?