Webflow Review: Is het het proberen waard?

Laatst bijgewerkt op 8 december 2023 door Ewen Finser

Toegegeven, Webflow klinkt in eerste instantie misschien als een behoorlijk verwarrend platform. Veel mensen noemen het al een website bouwer. Anderen noemen het liever een content management systeem zoals WordPress. Dan hebben we ook nog een groep mensen die Webflow meer zien als een alles-in-één e-commerce platform.  

Well, the truth of the matter is, they are all right- at least partly. But, the mix-up is understandable because Webflow is indeed one of those exceptionally unusual SaaS platforms with a seemingly special target market.  It might take you some time to grasp what it’s all about.  

Nu, het ding is, Webflow is heel wat meer dan een websitebouwer of gewoon een CMS. Zie het als een dynamische SaaS toolkit die fungeert als een hybride tussen content management systemen zoals WordPress, en standaard website builder zoals Wix.  

De fundamentele filosofie hier is wat het "slimme codeloosheid" noemt. Met andere woorden, het streeft naar een gunstige balans tussen het bouwen van sites zonder code en aanpassingsmogelijkheden met geavanceerde code. Je krijgt controle over veel attributen van je site zonder dat je aan de bijbehorende broncode hoeft te werken.  

Interessant is dat de Webflow website builder sluit je niet volledig uit van het codeerproces. Er is nog steeds keurige code beschikbaar waarmee je je site uitgebreid kunt aanpassen, zonder dat je per se gebonden bent aan een bepaald publicatieplatform of een bepaalde codetaal.  

Sounds like something you might be interested in? Well, stick around because this Webflow review lets you in on all the critical elements attached to this platform. Learn about Webflow’s primary features, customer support, pricing, plus the corresponding weaknesses.  

Webflow Review: Overzicht 

Webflow likes to sell itself through this mantra- als je je het uiteindelijke resultaat kunt voorstellen, kun je het tot leven brengen.  

Het hele punt is het leggen van de nadruk op het bieden van uitgebreide flexibiliteit om je onbeperkte vrijheid te geven bij het ontwerpen van een website in een websitebouwer. Daarom, nu ik erover nadenk, Webflow richt zich zowel op webdesigners als op webmasters en freelancers.  

Voorheen stonden echter vooral ontwerpers centraal. In wezen introduceerden twee broers Webflow in 2013 om vooral webdesigners te faciliteren met een set eenvoudige, maar veelzijdige tools. Het doel was hen te helpen responsieve websites en uniek gepersonaliseerde sites te ontwikkelen met minimale codering. 

But that’s not all. The site builder was also systematically integrated with a CMS framework for seamless management of the entire ecosystem.  

Well, you can bet the market subsequently took it well. And in just a year or so, Webflow had attracted more than 30,000 users, who leveraged its site builder plus CMS.  

Tegenwoordig kan Webflow bogen op meer dan 750.000 gebruikers, waaronder ondernemers, specialisten in front-end webontwikkeling, ontwerpers, andere front-end ontwikkelaars en creatieve professionals. Samen blijven zij profiteren van de volgende kernfuncties van Webflow:  

• Webflow Hosting 
• Webflow Web Designer 
• Webflow Interactions 
• Webflow CMS 
• Webflow Editor 
• Webflow Ecommerce 

As you start off, Webflow promises to handle the underlying code based on your visual creativity. That basically means you can proceed comfortably without any technical coding abilities.  

En hoewel de E-commerce functie een prominente plaats inneemt onder de belangrijkste Webflow elementen, faciliteert het platform alle soorten websites. Je kunt gebruikmaken van de tools van de sitebouwer om persoonlijke sites, blogs, online winkels, landingspagina's, zakelijke sites enzovoort op te zetten. De enige beperkende factor is schijnbaar je eigen verbeelding.  

The CMS function, on the other hand, serves as a WordPress alternative. It reportedly provides all tools you need to develop, customize, edit, format and manage every piece of content on your website.  

Interessant, Webflow beweert zelfs dat het veel eenvoudiger is dan WordPress.  

Now, the fact is- WordPress is widely recognized as one of the simplest CMS platforms on the web today. That’s why it’s so established in the first place.  

So, can Webflow possibly manage to challenge that? Let’s find out… 

Webflow Review: Belangrijkste Webflow-functies 

Algemene gebruiksvriendelijkheid 

Wat vooral indruk maakt op websitebouwers is de algehele flexibiliteit van Webflow om in principe elk gewenst webontwerp te maken met hun bouwer.  

The website designer, for instance, doesn’t come with the rigid site building framework we’ve seen on most of the other “user-friendly” options. In other words, it doesn’t force you to pick a template.  

Although that would be the easiest option, predesigned themes come with limited customization capabilities. So, Webflow allows you to alternatively start off with an entirely blank canvas, and then build your site from the ground up.  

Welke route u ook neemt, websitebouwers kunnen er zeker van zijn dat het eindresultaat niet alleen responsief, maar ook mobielvriendelijk zal zijn (meer nog dan de WordPress website zelf). Webflow is ontworpen om allround responsiviteit en mobiele aanpasbaarheid te faciliteren.  

As you continue working on your site, you’ll notice that Webflow continues to offer additional design freedom as you progress. You should be able to tweak even the tiniest website elements like typography- which, as a matter of fact, happens to accommodate a wide range of options, including Google Font, Typekit, as well as your own custom font.  

Notably, Webflow doesn’t even restrict you to its own ecosystem. You can easily export your site’s Javascript, HTML, and CSS to a third-party platform at any moment.  

Als je aan meerdere projecten werkt, moet je ze rechtstreeks vanuit het dashboard kunnen organiseren en beheren. Je kunt ze in mappen plaatsen, delen, dupliceren en bewerken via de projectopties. Elk project wordt geleverd met een reeks instellingen, waaronder SEO (zoekmachineoptimalisatie), verbinding met externe services, code-integraties, websitenaam, back-ups, enzovoort.  

The only downside to all these features is the seemingly complicated framework that comes with them. Beginners can expect to feel a bit overwhelmed by the numerous functions as they try to learn the ropes around Webflow. But, thankfully, it gets easier with each website you work on.  

And in case you face any difficulties, there’s a host of helpful video tutorials to provide the necessary guidance. But if that doesn’t pan out, you can always get in touch with the customer support staff, who I found to be quite responsive.  

Whichever option you choose, you can rely on the Webflow autosave function to hold on to all your work while you sort things out.  

Overall, users who might have the easiest time on Webflow right from the start are CSS and HTML coders. Non-coders, on the other hand, might struggle for a bit, but they should be able to find their footing well after a couple of hours on Webflow.  

Webflow Hosting Beoordeling 

The Webflow hosting function fundamentally runs on the principle “Begin gratis met bouwen, voeg hosting toe aan gaan leven." In other words, you can start off creating your website on a free Webflow subdomain, then later pay for one of the hosting packages on Webflow to link the site to a custom domain name.  

At the moment of writing this Webflow review, the cheapest option if you want to fully take advantage of Webflow’s hosting, is de Basis terreinplattegrond. Het biedt te hosten voor een eenvoudige site met minder dan 25.000 maandelijkse bezoeken-bij $12 per maand gefactureerd op jaarbasis, of $15 gefactureerd per maand.   

Apart from custom domain provision, some of the extra features you can expect with that include a free SSL certificate, CDN, advanced SEO, backups and versioning, plus 500 form submissions.  

Helaas kun je dan geen online winkel runnen. Webflow e-commerce hosting begint bij $29 per maand voor wat het standaard bedrijven noemt. En die prijs geldt, ter informatie, alleen voor jaarlijkse abonnees. Als u ervoor kiest om op maandelijkse basis te betalen, zal de Webflow Standaard e-commerce hosting plan kost je $42 per maand.  

Niet goedkoop, ik weet het. Maar gelukkig biedt het een behoorlijke reeks krachtige e-commerce functionaliteiten, die we in een ander deel van deze Webflow recensie zullen behandelen. 

For now, let’s look at the website performance benefits of leveraging Webflow hosting:  

• Webflow hosting relies on distributed infrastructures powered by reputable cloud providers like Snel en Amazon CloudFront. Hierdoor hoef je je geen zorgen te maken over het handmatig overschakelen naar een superieur serverplan in geval van pieken. Je website moet automatisch kunnen schalen, afhankelijk van je verkeersaantallen.   
• Webflow hosting provides a supplementary CDN (content delivery network) at zero extra cost, which speeds up the delivery of content to site visitors located far from your primary server’s position.  
• Webflow hosting offers SSL compliance certificate for free, as a means of ensuring each site adheres to the current web encryption standards.  
• Webflow hosting is built on more than 100 data centers spread across 6 continents, allowing you to choose a server located closest to your chief source of traffic. This alone substantially enhances your site’s loading speeds.  
• Webflow hosting is HTTP/2 compliant, wat betekent dat u kortere pagina laadtijden krijgt dan standaard HTTP websites.  

Now, let’s take a moment and think this through. Imagine combining more than 100 data center options with Amazon CloudFront and Fastly CDNs, plus HTTP/2 compliance. What do you get?  

A high performing website, I bet. And you know what? After conducting server response tests, two sites hosted on Webflow registered TTFBs (Time To First Byte) of 284 ms and 288ms. Undeniably the fastest server speeds we’ve seen so far.  

Webflow Designer Review 

De Webflow Designer is gewoon een mooie naam voor zijn websitebouwer en ontwerptool, die toevallig een vrij unieke draai geeft aan het hele proces van het maken van sites.  

In principe biedt het een balans tussen de codeerwereld en de niet-codeerwereld, waarbij de leercurve (inclusief Webflow University) wordt geoptimaliseerd met ontwerpfunctionaliteit. Gebruikers die geen technische codeervaardigheden of ontwikkelaarsachtergrond hebben, kunnen profiteren van de intuïtieve doe-het-zelf-kant van de sitebouwer. Aan de andere kant kunnen ervaren ontwerpers, ontwikkelaars en bureaus profiteren van de uitgebreide aanpassingsvrijheid die de coderingskant van de Webflow site builder biedt.  

Daarom kun je het zien als een hybride sitebouwer.  

And, to be specific, the Webflow website builder is built to handle JavaScript, HTML, plus CSS coding. Web developers are bound to like its visual designer’s code generation functionality, which saves you the trouble of writing code line by line.   

Now, another thing that sets the Webflow Designer apart from the rest of the website builders is its exceptional approach to visual editing. Don’t expect to simply drag and drop random elements onto the canvas.  

Although that has always been a straightforward way of doing things, let’s face it- web developers plus designers alike consider it a bit naïve and rigid. So, Webflow chooses not to hide the underlying coding process completely.  

The canvas here been built to grant you a user-friendly way of tweaking your site’s elements, with the flexibility offered by HTML and CSS. Placing a square, for instance, requires you to add a new “sectie" of "container", en definieer dan de positie als "vast".  

In essence, you get to add a wide range of pre-built elements, adjust their layout positions, and customize them accordingly. As the Webflow site builder continues to execute your design specifications, it prepares a neat, semantic code in the background.  

Now, get this. If you’re confident about your coding capabilities, you can as well dive into the underlying CSS and HTML. While you get busy, you’ll notice that the Webflow Designer is well-updated with HML5 and CSS3 features, including floats, custom transitions, 3D CSS transforms, and box model support.  

Well, going by the many features you get, I’d say we’ve barely scratched the surface here. However, to sum it all up, the Webflow Designer could be described as a website builder that offers the flexibility of a coder, without necessarily eliminating the functionalities you find in a typical builder.  

That said, it worth noting that the learning curve might be steep, especially if you don’t know anything about CSS and HTML. Instead of prioritizing on beginners’ needs, the Webflow Designer feels like it has been purposely built to primarily serve professional web designers and developers, plus their agencies.  

Webflow Website Sjablonen 

Fortunately, you don’t have to start from scratch. You can save yourself a lot of time and trouble by simply leveraging an ideal website template that fits your specific design needs.  

The options when it comes to this are many. By default, Webflow offers about 200 pre-built responsive website templates, 30 of which are completely free while the rest are premium. Apart from that, they cater to all types of websites- personal blogs, organizations, agencies, businesses, you name it.  

Nu denk ik dat de meeste mensen eerst zouden overwegen om een van de gratis thema's te nemen. Maar na het bekijken van de beschikbare opties lijkt het erop dat de meest dynamische een prijs hebben. Hoewel Webflow een verzameling goed ontworpen gratis Webflow-sjablonen voor e-commerce heeft, zijn gebruikers die echte diepte en veel details willen, beter af met de premium opties.  

Nou, we kunnen het erover eens zijn dat de Webflow gemeenschap van professionele ontwerpers goed werk heeft geleverd met de premium thema's. En aangezien hun prijzen variëren tussen $24 en $149, spreekt het voor zich dat ze ontegenzeggelijk veel waarde bieden.  

I’m particularly fond of working with just the template’s layout without the corresponding demo content. Choosing this option essentially allows you to eliminate the default template content and proceed with only the overall schematic design of the site. The good thing about it is that you get to focus comprehensively on every single layout aspect.  

Now, if you think that templates might not be the best option for users who want completely unique outlooks, here’s the thing- the Webflow templates have been designed to offer extensive flexibility right off the bat.   

De meeste worden bijvoorbeeld geleverd met een paar verschillende paginaschema's op één sjabloon. U hebt de mogelijkheid om te kiezen tussen bijvoorbeeld 5-10 verschillende startpagina-indelingen zonder over te schakelen op een ander sjabloon. En om u te helpen de hele structuur te begrijpen, biedt elk Webflow-sjabloon korte documentatie over de functies ervan.  

Alles bij elkaar genomen is het het sjabloonbewerkingsproces dat uiteindelijk het unieke ontwerp van de website bepaalt. Met Webflow kun je elementaspecten zoals achtergrond, kleur, lagen, ondoorzichtigheid, rotatie, effecten, positie, grootte en vele andere variabelen aanpassen.  

So, if you have an eye for designs, you should be able to combine multiple customizations, and consequently come up with an attractive site outlook in a matter of minutes.  

Webflow CMS Beoordeling 

Het Webflow CMS (content management systeem) is een sterke concurrent van WordPress. Het komt in principe met functies die geoptimaliseerd zijn voor het maken van inhoud, die de typische beperkingen van complexe codetalen, blog-centrische inhoudsstructuren en de bijbehorende sjabloonstructuren wegnemen.  

Het doel hiervan is om u te helpen vrij aan uw dynamische inhoud te werken zonder gebonden te zijn aan andere site-elementen. Het Webflow CMS probeert dus in zekere zin de flexibiliteit van de Webflow site designer te weerspiegelen.  

Hoe? 

De meest voorkomende veronderstelling over dit content management systeem is dat het alleen geschikt is voor het bewerken van content. Hoewel dat aantoonbaar een van de kernfuncties zou kunnen zijn, blijkt dat het Webflow content management systeem tot veel meer in staat is dan alleen het bewerken van tekst of media.  

The best way to describe it is this- it’s a versatile system for managing virtually everything to do with your site’s content. If you’re dealing with a large complex website structure, for instance, you can make everything easier by using the CMS to create your own content types plus their corresponding fields. 

Webflow avails such functionalities through what it calls "CMS Collecties". To put it simply, a collection here refers to a specified content type- which after creating, you should be able to define its accompanying fields and even introduce complementary items.  

Now, closely related to the Webflow CMS is the Webflow Editor. The two might seem confusing at first, but here’s the thing- the Webflow Editor fundamentally enters new content into a live site without tweaking the content type parameters.  

Het is vooral handig voor het samenwerkingsproces tussen siteontwerpers of bureaus en hun klanten. Je kunt werken aan zowel dynamische site-inhoud als statische webpagina's op een gepubliceerde website zonder afhankelijk te zijn van add-ons van derden.  

Thanks to such a holistically connected content system, the whole process of managing and editing website content through the Webflow CMS is admirably seamless. Even WordPress cannot match up to the flexible functionalities you get here.  

The only problem is this- yes, you’ve guessed it right- just like the builder, the Webflow CMS comes with a multitude of functions that might take time to get used to. But, when you finally hack it, you’ll be pleased by its diverse content management capabilities.  

Webflow Ecommerce Core Feature Beoordeling 

Webflow is geoptimaliseerd voor e-commerce websites op veel verschillende manieren. En het begint allemaal met het bouwen van de site. 

Zodra je op de themamarktplaats in het e-commerceplan belandt, zul je zien dat Webflow een flink aantal gratis en premium e-commercesjablonen heeft gebouwd. Je keuze hangt af van je budget, het type webwinkel dat je opzet en de specifieke functies die je zoekt.  

Daarover gesproken, het Webflow e-commerce framework komt met allerlei functies om online winkelaanpassing, productverkoop, klant- en winkelbeheer, betalingsverwerking en het volledige spectrum van e-commerce oplossingen te vergemakkelijken.

Als je bijvoorbeeld producten toevoegt, kun je met Webflow je eigen unieke voorraadlay-out instellen. En als je te maken hebt met een groot aantal productvarianten, is het mogelijk om gespecialiseerde subcategorieën en velden voor artikelen te maken.  

While you’re at it, you might want to take advantage of the Webflow ecommerce accent color feature. Using it helps you direct your shoppers’ towards specific products to boost their sales.  

En omdat het zonde zou zijn om al die moeite te doen om een klant kwijt te raken voordat hij heeft afgerekend, kunt u met Webflow e-commerce de online winkelervaring slim verbeteren. U kunt de winkelwagen en de afrekenpagina van uw website zo ontwerpen en aanpassen dat ze uitzonderlijk aantrekkelijk en intuïtief zijn.  

Dat gezegd zijnde, Webflow e-commerce gaat niet alleen over siteontwerp en aanpassen. Het wordt ook geleverd met een groot aantal back-end functionaliteiten voor het beheren van de inventaris, bestellingen, betalingen en fulfillment processen.  

Consequently, you should be able to track items comprehensively from the moment customers make orders, to the final shipping process. Each pending order, as a matter of fact, is listed with all the critical details, including buyer information.  

Sadly, all payments made by customers are processed through either Apple Pay, Web Payment, of Streep, which happens to be the principal payment gateway supported by Webflow.  

Goed, Streep kan betrouwbaar zijn als het gaat om het accepteren van kaartbetalingen, omdat het alle grote kaartaanbieders ondersteunt. Met andere woorden, u moet kunnen verkopen aan kopers van overal ter wereld.  

Helaas is de zaak anders voor winkeliers. Stripe ondersteunt koopmansrekeningen in slechts 26 landen. En dat alleen al sluit e-commerce handelaren in andere gebieden uit.  

En daar houdt het niet op. Webflow e-commerce past ook beperkingen toe op de landen die worden ondersteund door de tool voor automatische belastingberekening. Het blijkt dat alleen kopers uit de VS, Canada, de EU en Australië hun omzetbelasting automatisch kunnen laten vaststellen via de tool tijdens de aankoop.  

Aan de andere kant is de verzendfunctie een contrastrijk dynamisch hulpmiddel. U kunt instellen dat de verzendkosten automatisch worden berekend aan de hand van verschillende parameters, waaronder het kostenpercentage van de bestelling, de prijs en de hoeveelheid en het gewicht van het artikel.  

Dan om het af, Webflow e-commerce builder biedt tal van verzendmethoden voor het vervullen van uw bestelling.  

But, admit it. That’s still not enough to make up for Webflow e-commerce’s limited payment capabilities. We can only hope that the platform will introduce more payment processors in the near future.  

Webflow Prijzen

Webflow Plattegronden 

Webflow Website plannen 

Basis- $15 per maand maand gefactureerd, of $12 per maand Webflow prijzen jaarlijks gefactureerd 

• 500 form submissions 
• 25.000 maandelijkse bezoeken 
• CDN 
• Gratis SSL-certificaat 
• Link naar een aangepast domein 
• Webflow webhosting 

CMS- $20 per maand gefactureerd, of $16 per maand, jaarlijks gefactureerd 

• Site zoeken 
• 3 inhoudsredacteuren 
• Beperkte CMS API 
• 2.000 CMS items 
• 1.000 formulierinzendingen 
• 100.000 maandelijkse bezoeken 
• CDN 
• Gratis SSL-certificaat 
• Link naar aangepast domein 
• Webflow hosting 

Business- $45 per maand gefactureerd, of $36 per maand, jaarlijks gefactureerd 

• Formulier uploaden 
• Site zoeken 
• 10 content editors 
• Full CMS API 
• 10.000 CMS items 
• Unlimited form submissions 
• 1.000.000 maandelijkse bezoeken 
• Advanced global CDN 
• Gratis SSL-certificaat 
• Link naar een aangepast domein 
• Webflow hosting 

Webflow Ecommerce Prijsplannen 

Standaard- $42 per maand maand gefactureerd, of $29 per maand jaarlijks gefactureerd. 

• Alle CMS planken 
• $50,000 Yearly sales volume 
• 3 Personeelsrekeningen 
• Apple Pay en webbetalingen 
• Automatische belastingberekening 
• Betalingen via Stripe 
• 2% Transactiekosten 
• Geïntegreerd CMS voor blogs 
• Aangepaste productvelden 
• Aangepaste winkelwagen 
• Aangepaste kassa 

Plus- $84 per maand gefactureerd maandelijks, of $74 per maand, jaarlijks gefactureerd 

• Alle kenmerken van het businessplan 
• $200,000 Yearly sales volume 
• 10 Staff accounts 
• Apple Pay en webbetalingen 
• Automatische belastingberekening 
• Betalingen via Stripe 
• 0% Transactiekosten 
• Ongemerkte e-mails 
• Geïntegreerd CMS voor blogberichten
• Aangepaste productvelden 
• Aangepaste winkelwagen 
• Aangepaste kassa 

Geavanceerd- $235 per maand gefactureerd maandelijks, of $212 per maand, jaarlijks gefactureerd 

• Alle kenmerken van het businessplan 
• Onbeperkt jaarlijks verkoopvolume 
• 15 Staff accounts 
• Apple Pay en webbetalingen 
• Automatische belastingberekening 
• Betalingen via Stripe 
• 0% Transactiekosten 
• Ongemerkte e-mails 
• Geïntegreerd CMS voor blogs 
• Aangepaste productvelden 
• Aangepaste winkelwagen 
• Aangepaste kassa 

Webflow Rekeningplannen 

Webflow Individuele prijsplannen 

Gratis 

• • Gratis staging (ook voor klanten)
  • Klanten factureren 
  • 2 Webflow-projecten 

Lite- $24 per maand, maandelijks gefactureerd, of $16 per maand, jaarlijks gefactureerd. 

• Onbeperkte overdracht van projecten 
• Code export 
• Enhanced staging 
• Facturering aan de klant 
• 10 Projects 

Pro- $42 per maand maand gefactureerd, of $35 per maand jaarlijks gefactureerd. 

• Wachtwoordbeveiliging voor de site 
• Witte etikettering 
• Onbeperkte overdracht van projecten 
• Code export 
• Verbeterde staging 
• Facturering aan de klant 
• Unlimited Projects 

Webflow Team Plannen 

Team- $42 per persoon per maand, maandelijks gefactureerd, of $35 per persoon per maand, jaarlijks gefactureerd. 

• All-Pro plan kenmerken 
• Dashboard voor teamprojecten 
• Wachtwoordbeveiliging voor de site 
• Witte etikettering 
• Code export 
• Verbeterde staging 
• Facturering aan de klant 
• Onbeperkte projecten 

Onderneming- Aangepaste 

• All-Pro plan kenmerken 
• Dashboard voor teamprojecten 
• Wachtwoordbeveiliging voor de site 
• Witte etikettering 
• Code export 
• Verbeterde staging 
• Facturering aan de klant 
• Onbeperkte projecten 

FAQ's