Webflow Tutorials for all of your projects (Beginner to Advanced)

Definitely, one of the most common questions I receive on my Instagram account @miksadev is, "Do you have any good Webflow tutorials for XYZ to recommend?" Given this, I'm thrilled because I'm writing a blog precisely on this topic. It will be great to compile everything in one place so that people can choose courses as they wish, and it will also free me from the endless task of responding on Instagram. Jokes aside, I'd first love to remind people once more, why they should learn Webflow and why it's a "goldmine" in the NoCode world. So, with that said, let's dive deeper into this meticulous blog.

Why should you learn Webflow?

As time progresses, you yourselves notice that the whole world is becoming more dynamic, and the big players in marketing, SAAS, and generally in the IT world mostly reach for faster development solutions to stay a step ahead of their competition. These solutions, apart from needing to be faster than traditional development, must also be scalable, secure, and capable of offering a high level of flexibility and customization. Webflow is exactly one of such tools.

Since its creation in 2012 (or 2013 as said on Wikipedia), Webflow has managed to amass a user base of over 3.5 million people, a figure that, you'll agree, is not to be underestimated. This number is fully justified thanks to the capabilities that Webflow provides as a Visual NoCode Development platform. The advantages of Webflow over other platforms like WordPress have been recognized by some of the world's biggest platforms like Upwork, Amazon, Memberstack, Michael Kors, Bonsai... If these large enterprises, which have annual revenues exceeding $100+ million, have seen what advantages Webflow has to offer, you'll agree that learning Webflow is indeed not a mistake.

Job market

How could I discuss "why you should learn Webflow?" without mentioning jobs and job opportunities? Without this, the blog wouldn't be complete. I can confidently tell you that if you learn Webflow, there is work available, even more than you might think. Recall the previous paragraphs where I talked about how large enterprise companies are looking for fast and scalable solutions for websites; learn Webflow, and you'll be able to offer them just such a solution. If you're interested in learning more about what you can specifically do as a Webflow Developer, I highly recommend reading my Webflow Careers blog.

Precisely because Webflow has been recognized by large enterprise firms and entrepreneurs who mainly generate income through websites, I wrote this blog to guide you on how and where you can learn Webflow. And one more thing, each of the tutorials mentioned is COMPLETELY FREE. 

Web design and HTML5, CSS3 tutorials for beginners

Okay, I said I'd talk about Webflow tutorials, and this title definitely doesn't include Webflow in it, why is that? Well, first of all, to even start discussing Webflow itself, we first need to understand how it works in the background, what it exactly manipulates, on what basis we're creating pages, and why design is an inseparable part of Webflow?

‍

HTML & CSS Full Course - Beginner to Pro

Link: HTML & CSS Full Course - Beginner to Pro

Short Summary: This course provides us with that knowledge, and even more than necessary. With the course from SuperSimpleDev, you will fully understand HTML and CSS, gaining enviable knowledge of these technologies. From the basic HTML structure of a webpage to recreating the YouTube homepage, that's exactly what you'll see in this course.

Recommended for: People who are at the very beginning of their Webflow career, those who skipped the part about HTML and CSS, or those who wish to complete their knowledge through project-making.

‍

Webflow University: Ultimate Web Design Course

Link: Webflow University: Ultimate Web Design Course

Short Summary: The Ultimate web design course includes over 100 videos. It starts with everything you need to know to get started with Webflow and gradually moves into more advanced design concepts. You'll learn the basics of HTML, how CSS classes and subclasses function, how to design a page using elements like containers, divs, flexboxes, and grids. As an addition there is also a set of videos covering CMS. The CMS part can be skipped if you're just starting with Webflow, but it will definitely come in handy later. 

Recommended for: People who know what HTML and CSS are and what these technologies are used for but wish to get better acquainted with Webflow itself.

‍

Learn Web Design For Beginners - Full Course (2024)

Short Summary: This is a YouTube playlist from Flux Academy. It consists of 20 videos where you can learn how to use Figma, understand the basic principles of design, and how to sketch out a site in Figma and then transfer it all into Webflow.

Recommended for: People looking to bolster their web design knowledge and beginners just getting acquainted with web design.

‍

‍

Webflow tutorials for beginners

Here, you can see some of my favorite tutorials when it comes to the whole of Webflow. Through these selected courses, you can learn Webflow from zero to hero, literally. Without further ado, it's better to check it out for yourself to see what it's all about.

‍

Webflow University: Webflow 101

Link: Webflow University: Webflow 101

Short Summary: In this course, you’ll get a refresher on what HTML and CSS are, as well as Webflow itself. You’ll learn how to use this powerful visual tool through practical application, namely, by creating a website. This really is the ultimate course where you can learn the fundamentals of both web design and web development with Webflow.

Recommended for: Absolute beginners and those preparing to take the Webflow 101 Exam

‍

Lear Webflow in 45 min.

Short Summary: This video breaks down each of the tools within the Webflow Designer and also shows you how to choose a Webflow hosting plan, connect your domain, and launch.

Recommended for: Beginners and people who are limited by time but also want to see what Webflow is all about.

‍

Webflow Tutorial: Build Your First Website!

Short Summary: The instructor of this free Webflow course is Daniel Walter Scott, a man who has taught over a million people on Udemy. Given that, the knowledge about Webflow's functionalities that you'll gain is not to be overlooked. In this YouTube video, the focus is less on the web design aspect and more on Webflow's functionalities and the ways in which elements within Webflow can be manipulated.

Recommended for: People looking to solidify their technical knowledge of Webflow and beginners just stepping into the world of Webflow.

‍

‍

Webflow portfolio tutorial

In today's world, having a portfolio is essential. It's a necessity that helps you highlight your expertise and showcase your problem-solving skills. With that in mind, I couldn't have written this blog without including this subtitle. I've listed some of the most comprehensive tutorials on how to effectively build a portfolio site and what the actual selling points of a portfolio site are.

‍

21-day design portfolio course

Link: https://university.webflow.com/courses/21-day-portfolio-course

Short Summary: This course will teach you how to build and visually design a full portfolio website within the span of 21 days. It covers everything from the basics of grid and flexbox to advanced interactions and accessibility work, this course will take you through each and every step of building and launching a site in Webflow.

Recommended for: Absolute beginners, people that have never built a portfolio site, and those looking to create a well-optimized starting portfolio site.

‍

Ninja Tutorial - Webflow Portfolio Template, Episode 1/6

Short Summary: This YouTube playlist will show you how to quickly create your portfolio site by relying on templates and how to personalize and optimize them effectively. You'll learn which fonts to choose, how to arrange your homepage, how to design the template you select, and much more.

Recommended for: People who need a portfolio site quickly, and those who already have some experience with Webflow.

‍

What do companies look for in a design portfolio? How do you show passion?

Short Summary: Although it's shorter than the other tutorials, in this video, you'll learn what the main selling points of your portfolio site are, what a portfolio site must contain, and the kind of approach you should have when creating a portfolio site. And one more thing, whatever your field may be - graphic design, motion design, web development, bricklaying, dog grooming—it's crucial to present your work in the right way. That's exactly why I included this video.

Recommended for: People who already have experience in Webflow and web design but want to learn what a perfect portfolio site should look like.

‍

‍

Webflow CMS tutorials

Many people aren't aware of how powerful Webflow's CMS actually is and how much it can save clients from potential headaches and additional costs. Although Webflow's CMS has certain limitations and is on average more expensive than, say, WordPress, Webflow as a CMS solution doesn't require any plugins. This is important for two reasons: first, you don't need to spend extra money to get a quality plugin for your CMS system; and second, since there are no plugins, there are no additional security threats that come with their use, so you don't need to constantly watch out for them, update them, and so on.

‍

Webflow University: CMS & dynamic content

Link: Webflow University: CMS & dynamic content

Short Summary: In this course, you’ll learn how to create completely custom websites powered by Webflow’s amazing CMS, focusing on dynamic content. You’ll master everything from creating an optimized collection list to filtering specific CMS items.

Recommended for: Beginners and those needing to refresh their CMS knowledge.

‍

Better ways of structuring a Webflow blog collection - Workflow series

Short Summary: Aaron covered how to transition from blog design to a CMS structure in Webflow that will work whether you have one blog post or a thousand. In this video, Aaron also dives into SEO and workflow tips that you should use when creating a blog on Webflow. From planning your build to adding tags to multi-reference fields, this video has got you covered. What I personally like and find very useful is the fact that, besides the helpful video material, you also have a transcript of the entire comment section, where you can see how Aaron solved certain problems and generally what issues people struggle with the most.

Recommended for: People that are already familiar with Webflow CMS features and those who want to improve their CMS workflow.

‍

8 Tips You Didn't Know About the Webflow CMS

Short Summary: Whether you're new to using Webflow or an experienced Webflow developer, here you will find 8 tips that you may not know regarding Webflow’s CMS. From embedding video link fields, posts from networks like X and threads, to adding dynamic content tags in embedded code fields, this short tutorial has got you covered. In this tutorial, you'll learn many things that can help when real projects are in question.

Recommended for: People who already have experience with Webflow and its CMS, those who have a site with CMS but want to enhance it.

‍

‍

Webflow eCommerce tutorials

What I'd like to mention once again is that, while Webflow might not always be the best solution for e-commerce stores that see huge traffic and have a lot of products (something like BestBuy, Walmart, Amazon, etc.), for e-commerce that sells products from a specific niche or one-product page stores, Webflow dominates with its customization capabilities. Given this, I've selected for you tutorials that I personally watched when it comes to e-commerce.

‍

Setting up an Ecommerce store | Webflow Ecommerce series

Short Summary: I chose this video because Charli explains very nicely how to create an entire e-commerce store from scratch. If you build an e-commerce store alongside Charli, it's impossible not to grasp Webflow's e-commerce.

In this tutorial, you’ll learn how to use the e-commerce CMS, how to create a good user experience through design when someone enters the webshop, how to design the shopping cart, checkout page, and finally, how to handle confirmation emails that go out to people who purchase a product from that webshop.

Recommended for: People who haven't worked with Webflow e-commerce before and those who want a practical refresher.

‍

Webflow E-Commerce | What to Know Before You Start!!

Short Summary: I can't describe how much this video helped me and saved me from potential headaches when it comes to Webflow e-commerce and its limitations. Here, Cullen primarily discusses the limitations of Webflow's e-commerce CMS but also covers topics like what kinds of products are suitable for selling through Webflow and which ones aren't really.

Recommended for: People who have already worked with Webflow e-commerce and those who are about to build an e-commerce site using Webflow.

‍

Is Webflow Good for Ecommerce? (Expert Examples)

Short Summary: For anyone seriously getting into creating e-commerce shops, this video is a gem that can't be missed. Uroš specifically discusses how Flow Ninja, the Webflow agency of which he is CEO and founder, approaches e-commerce. The video details examples of when it's beneficial to use Webflow's e-commerce capabilities and when it's better to use Webflow only as a frontend.

Recommended for: People with pretty good experience in Webflow's e-commerce and those who aim to specialize in working with Webflow's e-commerce.

‍

Webflow Users tutorials

Membership allows you to create gated content, and with Webflow memberships (User Accounts feature), we can create incredible experiences for users and boost conversions. Why do memberships matter? Well, let's say you're selling an educational program or your services through a monthly subscription. Wouldn't it be better if you could create gated content that only shows to users who've paid for a membership? Also, the whole membership and credit-based services have been gaining popularity in recent months,ss so it's your duty as a Webflow developer to stay on track and follow the dominant trends in the no-code world.

‍

Membership Site in Minutes With Webflow

Short Summary: One of the shorter tutorials that Flux Academy offers, but despite its length, it provides an excellent insight into the benefits offered by Webflow User Accounts, or the Membership program. A concise video covering the main points of the Webflow Users feature, including paywalls, specialized gated CMS collections, login pages, and Webflow's mailing system.

Recommended for: People who have experience with Webflow but want to quickly grasp the Users feature that Webflow offers.

‍

Building with Memberships beta on Webflow

Note: What I first want to emphasize is that this tutorial isn't the freshest and it actually explains the User Accounts Feature while it was still in its Beta version. However, the main role and the idea of how the membership feature functions within Webflow is explained. 

Short Summary: In this saved Live session, you’ll learn the basic functionalities of the membership feature in Webflow. From the initial concept to what can be achieved with the Webflow membership feature. It also covers parts about login options, creating gated content, GDPR compliance, and many other aspects seen in membership sites.

Recommended for: People who are well-acquainted with Webflow and want to understand how to properly use the Membership feature

‍

Should You Use Webflow Memberships for Your Next Project?

Note: It's important to mention that this video was made when the Webflow Membership feature was still in Beta and that some of the restrictions have been lifted since then.

Short Summary: Nikolai explains which types of business models are suited for using Webflow’s Membership Feature. Examples include sites that offer certain digital assets (like design assets), certain types of courses and tutorials, and businesses that provide services based on membership.

Recommended for: People who are already well-acquainted with Webflow, its CMS, and the User Accounts feature (Membership feature).

‍

‍

Webflow Logic tutorials

Every platform that offers web development capabilities aims to have its own solution for automations, and Webflow is no different. Thanks to the Logic feature, you can perform simpler tasks without using external automation platforms, such as creating and updating certain CMS items, interacting with external APIs, and sending email notifications. However, it's important to mention that this isn't an all-in-one solution for all automations, but rather for the most straightforward ones. For more complex automations, you'll still need to use an external automation platform like Zapier or Make.

‍

Webflow Logic - What is it? Full Overview

Short Summary: Just like the title suggests, this is a full overview of Webflow's Logic feature. It covers almost all aspects crucial for the functioning of this newer Webflow feature, plus the video answers the most common questions about Webflow Logic. You'll learn how to handle form submissions, automatically update CMS items, and work with external APIs.

Recommended for: People with solid experience in Webflow and its CMS who want to supercharge their service by offering clients more, like automations.

‍

Connect Webflow to Airtable, Mailchimp, and Slack with Webflow Logic - Workflow series

Short Summary: This is quite a complex tutorial that will show you how to use Webflow logic with external services like Airtable, Mailchimp, Slack, and more. It thoroughly covers what I consider one of the most crucial parts: a complete guide on how to use HTTP requests within Webflow logic.

Recommended for: People with excellent knowledge of Webflow who want to upgrade their service by learning to integrate Webflow with external platforms using APIs.

‍

Manage leads using Webflow Logic and Hubspot - Workflow series

Short Summary: This is yet another one of the more complex Logic tutorials that will show you how Webflow can be used in real-life scenarios, specifically through connecting with HubSpot. The main focus is on styling forms and communicating with HubSpot's API through Webflow Logic HTTP requests.

Recommended for: People with excellent knowledge of Webflow who want to upgrade their service by learning to integrate Webflow with external platforms using their APIs.

‍

‍

Webflow SEO tutorials

Today, when approximately 90.72 million websites are being created each year, averaging about 252,000 new websites every day (according to Themeisle), it's crucial to have perfect SEO to stand out from the competition and increase conversions. That's why I've prepared the following videos that have personally helped me enhance my SEO knowledge.

‍

The Ultimate Guide to Technical SEO in Webflow

Short Summary: One of the most comprehensive technical SEO Webflow tutorials I've found and watched. Emanuel Skrobonja, the instructor in the video, has explained all the crucial aspects of technical SEO in Webflow, including optimizing images, adding alt tags, writing meta descriptions, title tags, linking sitemaps, and optimizing the web vitals of the site.

Recommended for: Beginners who have just learned how to create a site in Webflow, people who have not yet encountered SEO optimization in Webflow.

‍

Advanced Technical SEO in Webflow [Pro Tips]

Short Summary: This is an add-on to Finsweet's tutorial "The Ultimate Guide to Technical SEO in Webflow". Here, you'll learn how to optimize advanced concepts such as schema markup, reserving space on the site for ads to improve CLS (Cumulative Layout Shift), and using href tags for multilingual sites.

Recommended for: People who are well-versed in technical SEO but want to perfect their technical SEO knowledge.

‍

Webflow SEO Full Step-By-Step Guide to Rank #1

Short Summary: What makes this video stand out is the fact that Payton demonstrates how to manage the entire SEO on Webflow with the help of Webflow's Semflow integration. In addition, you can download a written guide on how to fix SEO on your Webflow site and how to build good backlinks.

Recommended for: People who know how to create websites but want to learn how to manage SEO on their site in the easiest and most effective way.

Duration: 16 minutes

Knowledge level: Beginner

‍

‍

‍

BONUS: Webflow Freelance tutorials

This wasn't initially in the plan when I was writing this blog, but I believe it can definitely help you in building your Webflow career. I've selected videos that will undoubtedly assist you in presenting yourself in the best light as a freelancer, teach you how to communicate with clients, and how to adequately charge for your work.

‍

Webflow University: Freelance Web Design Boot Camp

Link: Webflow University: Freelance Web Design Boot Camp

Short Summary: This course covers every phase of the standard freelancing path. You'll learn how to recruit high-paying clients, write exceptional proposals, price your job, and connect with them to build trust and authority. Aside from that, you'll master important content planning skills, design concepts, and how to create, construct, and launch a professional bespoke client website. The Freelancer's Journey provides the support, information, and tools you need to establish a rewarding and successful independent career.

Recommended for: Absolute beginners who are just entering the world of Webflow and freelancing. This tutorial is essential if you truly want to learn how to find clients as a Webflow freelancer.

‍

How to price my Webflow project

Short Summary: Although no one can tell you exactly how much to charge for your work, as that pay rate usually comes with experience, Payton has listed all the items by which he charges for his work. In my opinion, this is one of the better billing models you can practice.

Recommended for: People who know how to work with Webflow and possibly those who have had a few real projects but are still unclear on how to model pricing for their services.