Hey I’m Seth!

Founder, No Code MBA
Each week I share the latest No Code MBA tutorials, interviews, and tool recommendations with 20,000 subscribers.
I'd love for you to join as well.
2 min read only
Practical lessons
Free access to content
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form...
ENDS SOON
Our Spring Sale is now live! Invest in yourself with 20% off. Ends TONIGHT at midnight →

The Complete Guide to Webflow

The only course you'll need to build beautiful and powerful websites in Webflow
4.5
rating
186
reviews

The Complete Guide to Webflow

The only course you'll need to build beautiful and powerful websites in Webflow
4.5
rating
186
reviews

The Details

During the process of building, you'll learn how to:
  • Site structure
  • Building out a database (the Webflow CMS)
  • Landing pages
  • Inserting dynamic data into your site
  • The box model (HTML)
  • Forms
  • Collecting emails with Mailchimp
  • Real time search
  • Filtering
  • Webflow layouts
  • Customizing design
  • Building a membership site
  • Integrating Webflow with no-code tools like Zapier, Jetboost and Memberstack
  • And more!

Description

This course includes everything I wish I knew when I started building in Webflow.

Webflow is an incredible and quickly-growing website builder, used by 150,000 organizations including Dell, TED, and Zendesk.

This course is for anyone who wants to go from complete beginner to building fully custom websites using Webflow.

Whether you want to start your own business, or earn money building websites for others, this course will teach you everything you need to know about building in Webflow.

By the end of this course:

  • You’ll know how to navigate the entire Webflow interface
  • You’ll understand how to visually build using Webflow’s designer
  • You’ll learn how to use the Webflow CMS to show dynamic data on your site
  • You’ll learn how to extend Webflow’s power with no-code tools like Jetboost and Memberstack

Unlike other courses that teach just through theory, in this course you’ll learn through practical, real-world examples to help you easily understand the material.

You’ll build projects like:

  • A landing page to collect emails
  • A job board like Indeed
  • A Product Hunt clone
  • A Substack clone

This course is up-to-date, and will be consistently updated as Webflow adds new features.

If you have any questions at all before signing up, please reach out to me at seth@nocode.mba so I can help make sure this course is right for you.

Show more

Pre-requisites

No prerequisites are required for this course! You don't need any coding or AI knowledge to start. All you need is a computer, an internet connection, and a willingness to learn!

This course is for...

Entrepreneurs
Freelancers
Marketers
Operators
  • Entrepreneurs
  • Marketers
  • Operators
  • Consultants
  • Beginners who want to build their first website
  • Intermediate Webflow builders who want to create advanced web apps
  • You want to earn money building websites for others
Cliche but TRUE. I'm now capable of building out MVPs 10x faster and fulfill my clients' needs easier. My work-life balance has improved and so has my social life.
Ahmed Atlas
Get full access with a 60-day money-back guarantee

Empowering 1000s of Students

Terrific way to learn No-Code
Nocode mba builds confidence bh straightaway taking you to the meaningful projects. You build your muscle by doing real life projects including those using High end AI. I even learnt more about open AI and APIs during the course than before it.
Neetish
Great practical examples and projects
I signed up for NoCode MBA a long time ago when it didn't have much content available, the value has only increased as more high quality content has been added. Great practical examples and projects.
Charlie Moseley
Very detailed and curated for all!
I’ve been in this community for the last 2 and a half years and it has been nothing but excellence. Seth is quick to recognise trends and show us how to build SaaS apps of the time.
Meddy
Show all 400+ reviews

Curriculum

1. Webflow Development Essentials: From Design to Fully Functional Website
Learn to create a stunning landing page with Webflow, mastering layout, style, interactions, and more.
3.5 hours
preview
Intro
1:50
1. Webflow Development Essentials: From Design to Fully Functional Website
Learn to create a stunning landing page with Webflow, mastering layout, style, interactions, and more.
3.5 hours
preview
Setting up your workspace
2:31
1. Webflow Development Essentials: From Design to Fully Functional Website
Learn to create a stunning landing page with Webflow, mastering layout, style, interactions, and more.
3.5 hours
preview
Getting to know the web
6:31
1. Webflow Development Essentials: From Design to Fully Functional Website
Learn to create a stunning landing page with Webflow, mastering layout, style, interactions, and more.
3.5 hours
preview
The box model
2:32
1. Webflow Development Essentials: From Design to Fully Functional Website
Learn to create a stunning landing page with Webflow, mastering layout, style, interactions, and more.
3.5 hours
preview
Dev prep from Figma
11:22
1. Webflow Development Essentials: From Design to Fully Functional Website
Learn to create a stunning landing page with Webflow, mastering layout, style, interactions, and more.
3.5 hours
preview
New UI overview
3:32
1. Webflow Development Essentials: From Design to Fully Functional Website
Learn to create a stunning landing page with Webflow, mastering layout, style, interactions, and more.
3.5 hours
preview
Setting up a style guide
16:18
1. Webflow Development Essentials: From Design to Fully Functional Website
Learn to create a stunning landing page with Webflow, mastering layout, style, interactions, and more.
3.5 hours
preview
Navigation
20:27
1. Webflow Development Essentials: From Design to Fully Functional Website
Learn to create a stunning landing page with Webflow, mastering layout, style, interactions, and more.
3.5 hours
preview
Navigation animation
10:19
1. Webflow Development Essentials: From Design to Fully Functional Website
Learn to create a stunning landing page with Webflow, mastering layout, style, interactions, and more.
3.5 hours
preview
Hero section
10:56
1. Webflow Development Essentials: From Design to Fully Functional Website
Learn to create a stunning landing page with Webflow, mastering layout, style, interactions, and more.
3.5 hours
preview
Creating a logo carousel
11:19
1. Webflow Development Essentials: From Design to Fully Functional Website
Learn to create a stunning landing page with Webflow, mastering layout, style, interactions, and more.
3.5 hours
preview
Building out sections
16:02
1. Webflow Development Essentials: From Design to Fully Functional Website
Learn to create a stunning landing page with Webflow, mastering layout, style, interactions, and more.
3.5 hours
preview
Testimonial slider
21:28
1. Webflow Development Essentials: From Design to Fully Functional Website
Learn to create a stunning landing page with Webflow, mastering layout, style, interactions, and more.
3.5 hours
preview
Form building and responsive clean up
28:05
1. Webflow Development Essentials: From Design to Fully Functional Website
Learn to create a stunning landing page with Webflow, mastering layout, style, interactions, and more.
3.5 hours
preview
Footer
9:38
1. Webflow Development Essentials: From Design to Fully Functional Website
Learn to create a stunning landing page with Webflow, mastering layout, style, interactions, and more.
3.5 hours
preview
Interactions
20:54
1. Webflow Development Essentials: From Design to Fully Functional Website
Learn to create a stunning landing page with Webflow, mastering layout, style, interactions, and more.
3.5 hours
preview
Final project settings
11:33
1. Webflow Development Essentials: From Design to Fully Functional Website
Learn to create a stunning landing page with Webflow, mastering layout, style, interactions, and more.
3.5 hours
preview
SEO and accessibility
08:10
1. Webflow Development Essentials: From Design to Fully Functional Website
Learn to create a stunning landing page with Webflow, mastering layout, style, interactions, and more.
3.5 hours
preview
Quality assurance
15:49
1. Webflow Development Essentials: From Design to Fully Functional Website
Learn to create a stunning landing page with Webflow, mastering layout, style, interactions, and more.
3.5 hours
preview
Publishing
05:07
1. Webflow Development Essentials: From Design to Fully Functional Website
Learn to create a stunning landing page with Webflow, mastering layout, style, interactions, and more.
3.5 hours
preview
Time to review
01:10
2. Build a curation site in Webflow
Build a curated tools site with Webflow, Memberstack, and Jetboost. Create unique category pages and tool details.
58 min
preview
In this lesson, start your website by adding categories and tools to your site and add categories to the home page of your site.
13:50
2. Build a curation site in Webflow
Build a curated tools site with Webflow, Memberstack, and Jetboost. Create unique category pages and tool details.
58 min
preview
In this lesson learn how to create a unique page for each category and add filtering so only the tools in a specific category will display on the category page.
7:41
2. Build a curation site in Webflow
Build a curated tools site with Webflow, Memberstack, and Jetboost. Create unique category pages and tool details.
58 min
preview
Learn how to add animations when hovering over a block. You''ll make the category block rise up and change it''s background color on hover.
11:37
2. Build a curation site in Webflow
Build a curated tools site with Webflow, Memberstack, and Jetboost. Create unique category pages and tool details.
58 min
preview
In this lesson, learn more techniques to improve the styling on your webflow site as well as how to add an individual page for each tool.
19:09
2. Build a curation site in Webflow
Build a curated tools site with Webflow, Memberstack, and Jetboost. Create unique category pages and tool details.
58 min
preview
In this lesson we''ll add styling to our site so that each page looks good regardless of screen size.
6:18
3. Build a paid membership site in Webflow and Memberstack
Craft a membership site with Webflow and Memberstack. Set up signup, login, and restrict access - no coding needed!
16 min
preview
Set up your sign up page in Webflow
7:18
3. Build a paid membership site in Webflow and Memberstack
Craft a membership site with Webflow and Memberstack. Set up signup, login, and restrict access - no coding needed!
16 min
preview
Add login/logout buttons to nav bar
3:52
3. Build a paid membership site in Webflow and Memberstack
Craft a membership site with Webflow and Memberstack. Set up signup, login, and restrict access - no coding needed!
16 min
preview
Set up membership and add sign up link to Webflow
4:49
4. Build a job board site like Indeed in Webflow
Build a fully functioning job board from scratch with real time search and filtering.
78 min
preview
Create your first CMS collections, add sample jobs to your CMS, and start building your site
11:18
4. Build a job board site like Indeed in Webflow
Build a fully functioning job board from scratch with real time search and filtering.
78 min
preview
Build out the structure of your job board site
15:22
4. Build a job board site like Indeed in Webflow
Build a fully functioning job board from scratch with real time search and filtering.
78 min
preview
Add global styles to your Webflow site
3:05
4. Build a job board site like Indeed in Webflow
Build a fully functioning job board from scratch with real time search and filtering.
78 min
preview
Set up images so they scale proportionally
5:05
4. Build a job board site like Indeed in Webflow
Build a fully functioning job board from scratch with real time search and filtering.
78 min
preview
Integrate Jetboost into Webflow to add real time search and filtering
12:20
4. Build a job board site like Indeed in Webflow
Build a fully functioning job board from scratch with real time search and filtering.
78 min
preview
Add styling to your job board
16:05
4. Build a job board site like Indeed in Webflow
Build a fully functioning job board from scratch with real time search and filtering.
78 min
preview
Learn how to add custom style to checkboxes, add reusable symbols, and finish your site!
15:20
5. Build an upvote site like Product Hunt in Webflow
Build a Product Hunt clone with upvoting, authentication, and more using Webflow, Memberstack, and Jetboost.
2 hours
preview
Set up the CMS and build initial page
8:05
5. Build an upvote site like Product Hunt in Webflow
Build a Product Hunt clone with upvoting, authentication, and more using Webflow, Memberstack, and Jetboost.
2 hours
preview
Add Upvote Buttons using Jetboost + set up Memberstack
15:10
5. Build an upvote site like Product Hunt in Webflow
Build a Product Hunt clone with upvoting, authentication, and more using Webflow, Memberstack, and Jetboost.
2 hours
preview
Configure Memberstack so only signed in users can upvote.
4:46
5. Build an upvote site like Product Hunt in Webflow
Build a Product Hunt clone with upvoting, authentication, and more using Webflow, Memberstack, and Jetboost.
2 hours
preview
Design a product page with an upvote button
5:38
5. Build an upvote site like Product Hunt in Webflow
Build a Product Hunt clone with upvoting, authentication, and more using Webflow, Memberstack, and Jetboost.
2 hours
preview
Create a navbar as a symbol in Webflow
2:43
5. Build an upvote site like Product Hunt in Webflow
Build a Product Hunt clone with upvoting, authentication, and more using Webflow, Memberstack, and Jetboost.
2 hours
preview
Create a login/logout button using Memberstack
1:59
5. Build an upvote site like Product Hunt in Webflow
Build a Product Hunt clone with upvoting, authentication, and more using Webflow, Memberstack, and Jetboost.
2 hours
preview
Build a workflow and approval process for when users submit products to push to your Webflow CMS
18:34
5. Build an upvote site like Product Hunt in Webflow
Build a Product Hunt clone with upvoting, authentication, and more using Webflow, Memberstack, and Jetboost.
2 hours
preview
Styling the home page and product page
22:23
5. Build an upvote site like Product Hunt in Webflow
Build a Product Hunt clone with upvoting, authentication, and more using Webflow, Memberstack, and Jetboost.
2 hours
preview
More styling on the product page + adding a related products section
23:29
5. Build an upvote site like Product Hunt in Webflow
Build a Product Hunt clone with upvoting, authentication, and more using Webflow, Memberstack, and Jetboost.
2 hours
preview
Add a my upvotes page on Webflow using Jetboost
6:03
5. Build an upvote site like Product Hunt in Webflow
Build a Product Hunt clone with upvoting, authentication, and more using Webflow, Memberstack, and Jetboost.
2 hours
preview
Update zap in Zapier after adding Airtable fields
6:55
5. Build an upvote site like Product Hunt in Webflow
Build a Product Hunt clone with upvoting, authentication, and more using Webflow, Memberstack, and Jetboost.
2 hours
preview
Add a unique comment section to each Webflow CMS collection page using Disqus
5:04
6. Integrate Circle with Webflow and Memberstack
Learn how to fully integrate your Circle community with Webflow and Memberstack.
20 min
preview
Embed Circle topics on Webflow CMS pages so each page has it''s own comment seection.
14:50
6. Integrate Circle with Webflow and Memberstack
Learn how to fully integrate your Circle community with Webflow and Memberstack.
20 min
preview
Enable SSO (single sign on) so users use the same login on both Circle and Memberstack.
5:19
8. Build a Substack clone in Webflow and Memberstack
Don't want to pay Substack's fees? Build your own custom paid newsletter and blog using Webflow and Memberstack.
90 min
preview
Build a landing page to collect emails
12:30
8. Build a Substack clone in Webflow and Memberstack
Don't want to pay Substack's fees? Build your own custom paid newsletter and blog using Webflow and Memberstack.
90 min
preview
Connect your landing page to Mailchimp
3:44
8. Build a Substack clone in Webflow and Memberstack
Don't want to pay Substack's fees? Build your own custom paid newsletter and blog using Webflow and Memberstack.
90 min
preview
Create a blog in the Webflow CMS and build blog home page
18:35
8. Build a Substack clone in Webflow and Memberstack
Don't want to pay Substack's fees? Build your own custom paid newsletter and blog using Webflow and Memberstack.
90 min
preview
Create blog post page
7:43
10. Build a pop up email capture form in Webflow
Learn how to create a pop up email capture form entirely in Webflow
19 min
preview
In this lesson you''ll learn how to set up a pop up form in Webflow and add animations and triggers in Webflow to show and hide the pop up.
11:29
8. Build a Substack clone in Webflow and Memberstack
Don't want to pay Substack's fees? Build your own custom paid newsletter and blog using Webflow and Memberstack.
90 min
preview
Add nav bar as a symbol on all pages
6:36
10. Build a pop up email capture form in Webflow
Learn how to create a pop up email capture form entirely in Webflow
19 min
preview
Track cookies to only show the form to users once every 7 days
7:45
8. Build a Substack clone in Webflow and Memberstack
Don't want to pay Substack's fees? Build your own custom paid newsletter and blog using Webflow and Memberstack.
90 min
preview
Summary of our progress so far
2:19
8. Build a Substack clone in Webflow and Memberstack
Don't want to pay Substack's fees? Build your own custom paid newsletter and blog using Webflow and Memberstack.
90 min
preview
Add Memberstack and create first membership
4:47
10. Build a pop up email capture form in Webflow
Learn how to create a pop up email capture form entirely in Webflow
19 min
preview
Learn how to add exit intent to your pop up, so it only shows up when the user mouses out of the web page
6:05
8. Build a Substack clone in Webflow and Memberstack
Don't want to pay Substack's fees? Build your own custom paid newsletter and blog using Webflow and Memberstack.
90 min
preview
Build page to subscribe to membership using Webflow''s tab component
11:46
8. Build a Substack clone in Webflow and Memberstack
Don't want to pay Substack's fees? Build your own custom paid newsletter and blog using Webflow and Memberstack.
90 min
preview
Make the subscribe email form a symbol on all pages
3:15
8. Build a Substack clone in Webflow and Memberstack
Don't want to pay Substack's fees? Build your own custom paid newsletter and blog using Webflow and Memberstack.
90 min
preview
Hide and show blog content based on if user has premium membership
8:23
8. Build a Substack clone in Webflow and Memberstack
Don't want to pay Substack's fees? Build your own custom paid newsletter and blog using Webflow and Memberstack.
90 min
preview
Use Zapier to add tags in Mailchimp to subscribers when they purchase or cancel a subscription
6:37
2. Webflow Design Fundamentals
Learn how to set up a design system when building in Webflow
15 min
preview
Set up Section and Container styling
3:19
8. Build a Substack clone in Webflow and Memberstack
Don't want to pay Substack's fees? Build your own custom paid newsletter and blog using Webflow and Memberstack.
90 min
preview
Review of our progress so far
2:08
2. Webflow Design Fundamentals
Learn how to set up a design system when building in Webflow
15 min
preview
Create a Design Guide page
9:36
8. Build a Substack clone in Webflow and Memberstack
Don't want to pay Substack's fees? Build your own custom paid newsletter and blog using Webflow and Memberstack.
90 min
preview
Optimize your site''s design for all screen sizes
6:26
8. Build a Substack clone in Webflow and Memberstack
Don't want to pay Substack's fees? Build your own custom paid newsletter and blog using Webflow and Memberstack.
90 min
preview
Use Memberstack to add login/logout buttons
1:49
8. Build a Substack clone in Webflow and Memberstack
Don't want to pay Substack's fees? Build your own custom paid newsletter and blog using Webflow and Memberstack.
90 min
preview
Add premium icon to article if its for paid users using visibility settings
2:34
7. Real Time Search Bar on Webflow
Build a real time search bar using Webflow and Memberstack for your website.
40 min
preview
Set up Webflow site with 2 collections to search
4:58
7. Real Time Search Bar on Webflow
Build a real time search bar using Webflow and Memberstack for your website.
40 min
preview
Set up Jetboost account
6:18
7. Real Time Search Bar on Webflow
Build a real time search bar using Webflow and Memberstack for your website.
40 min
preview
Set up a basic search using Jetboost
7:26
7. Real Time Search Bar on Webflow
Build a real time search bar using Webflow and Memberstack for your website.
40 min
preview
Makes search work on the nav bar
3:01
7. Real Time Search Bar on Webflow
Build a real time search bar using Webflow and Memberstack for your website.
40 min
preview
Add a no search results found section
1:31
7. Real Time Search Bar on Webflow
Build a real time search bar using Webflow and Memberstack for your website.
40 min
preview
Search on multiple collections at once
8:16
7. Real Time Search Bar on Webflow
Build a real time search bar using Webflow and Memberstack for your website.
40 min
preview
Update styling of the search bar and search results
6:01
9. Build a client dashboard in Webflow
Create a client dashboard to show the status of projects.
32 min
preview
Set up initial Webflow site & Memberstack login for clients
9:18
9. Build a client dashboard in Webflow
Create a client dashboard to show the status of projects.
32 min
preview
Use Zapier to sync members between Memberstack and Webflow for member-specific page
6:49
9. Build a client dashboard in Webflow
Create a client dashboard to show the status of projects.
32 min
preview
Build the dashboard in Webflow
9:33
9. Build a client dashboard in Webflow
Create a client dashboard to show the status of projects.
32 min
preview
Set up a messaging system to leave updates for clients
6:24

About the instructor/s

KC Katalbas

I’m an independent web designer and Webflow developer based in the San Fransisco Bay area. I partner with start ups and agencies to create stunning websites that are built to scale.

Seth Kramer

Hi! I'm Seth, the founder and lead instructor at No Code MBA.

I've built massive no-code automations for venture-backed startups, beautiful Webflow-powered websites (including one for a celebrity chef), and bootstrapped a 7-figure marketplace business.

No-code tools have helped me reach my entrepreneurial dreams without writing a line of code, and I'm thrilled to share everything I've learned with you through No Code MBA courses.

FAQs

What if I have zero experience with this stuff?

Don't worry at all if you have zero experience! This course has been specially designed with beginners in mind. You'll start with the fundamentals and gradually move on to more complex concepts. Every step will be explained in detail, and you'll have the chance to learn by doing, which is the best way to learn new skills!

Will I build a working app with your course?

Yes, absolutely! A major component of our course is a step-by-step guided project where you will build a working AI app from scratch. By the end of the course, not only will you have a fully functional app that you can showcase, but you'll also understand the principles behind it, allowing you to build your own apps in the future.

How long does it take to learn Webflow?
It can vary. This course is 76 lessons, with more than 9 hours of material. To fully grasp the material, I suggest spending double that time practicing. You could cram it all in a few days, but students usually find 1-2 hours a day managable and the best strategy for learning.
Do you have a refund policy?

Yes! If you're not satisfied with the course for any reason, you can request a full refund within 60 days of purchase, zero questions asked.

How long do I get access?

Once you purchase the course, you'll have access as long as your No Code MBA membership is active. We offer both annual and lifetime memberships.

Why should I purchase this course instead of learning on my own?
While self-learning can be a rewarding experience, it often involves a lot of trial and error, which can be time-consuming. The process of figuring out what works and what doesn't can take weeks, if not months. On the other hand, our course is designed to provide you with a clear, direct path to learning how to build. We've curated the course content based on years of experience and distilled it into lessons that are easy to understand and implement. This allows you to bypass the time and frustration of sorting through countless resources and making common beginner mistakes.

We break down complex concepts into simple, digestible parts, and our step-by-step approach ensures that you're never left wondering what to do next. You'll also have the opportunity to ask questions and get feedback, something that isn't usually possible with self-learning. Plus, the course is structured to keep you motivated and engaged, making the learning process not only effective but also fun! :)
Have more questions?

Feel free to reach out at seth@nocode.mba

Get full access to
The Complete Guide to Webflow
4.5
rating
186
reviews
Sign up now