Webflow

Expert Course

Advanced web design techniques for Webflow power users.

Secure pre-launch price
Presented by
Expert
Kit.
Learn to build any Website

Become a master in building Webflow websites that truly benefit your clients

New 2025
Online Course
70+ Videos

You’re already familiar with Webflow and now want to take it to the next level? This course will help you elevate your skills! With advanced techniques, I’ll show you how to create extraordinary websites.

5
chapters
70+
lessons
7+
hours of videos
🇺🇸 All course content in english 🇺🇸
Available in German as well →

What you learn in this course

  • CMS product and services configurator with payment functionality
  • Interactive 2D & 3D product showcases
  • Mastering advanced layouts & animations
  • Small shop system (free, not Webflow e-commerce!) with cart and Stripe checkout functionality
  • Learn to implement simple website Stripe checkouts
  • Advanced Finsweet Attributes integrations
  • Pro techniques for animations
  • Bonus Downloads

bonus

Including Figma design file download
Freely use the webflow template created in the course for your client projects.

contents

This course is packed with the best information for creating great visual websites.

Intro

00Videos

Mastering Advanced Layouts & Animations

00Videos

Interactive 2D & 3D Product Showcases

00Videos

CMS Configurator with Payment Functionality

00Videos

Stripe deep dive and setup

00Videos

Simple Shop with Cart Functionality and Stripe Checkout (not Webflow E-Commerce!)

00Videos

Bonus Material

00Videos
11
Responsive Design for Overview Page
Simple Shop with Cart Functionality and Stripe Checkout (not Webflow E-Commerce!)
2
Download Figma File
Bonus Material
1
Workshop Webflow Projekt
Bonus Material
12
Responsive Design for Detail Page
Simple Shop with Cart Functionality and Stripe Checkout (not Webflow E-Commerce!)
10
Executing and Setting Up Server-Side Code
Simple Shop with Cart Functionality and Stripe Checkout (not Webflow E-Commerce!)
9
Shopping Cart Functionality Implementation
Simple Shop with Cart Functionality and Stripe Checkout (not Webflow E-Commerce!)
8
Implementing a Shopping Cart
Simple Shop with Cart Functionality and Stripe Checkout (not Webflow E-Commerce!)
5
Finsweet Attributes CMS Filter
Simple Shop with Cart Functionality and Stripe Checkout (not Webflow E-Commerce!)
3
Building a Product Overview Page
Simple Shop with Cart Functionality and Stripe Checkout (not Webflow E-Commerce!)
6
Fetching Prices via Stripe API
Simple Shop with Cart Functionality and Stripe Checkout (not Webflow E-Commerce!)
7
Managing Discount Prices via Webflow CMS
Simple Shop with Cart Functionality and Stripe Checkout (not Webflow E-Commerce!)
4
Creating Shop Product Components
Simple Shop with Cart Functionality and Stripe Checkout (not Webflow E-Commerce!)
7
Responsive Design
Interactive 2D & 3D Product Showcases
9
Zoom on Click at a Specific Spot on the Product Image (variably definable via attributes)
Interactive 2D & 3D Product Showcases
2
Introduction to AI-Powered Coding
Simple Shop with Cart Functionality and Stripe Checkout (not Webflow E-Commerce!)
10
Responsive Design
Interactive 2D & 3D Product Showcases
8
Basic Setup of a 2D Product Demo Section
Interactive 2D & 3D Product Showcases
1
Limitations of This Solution
Simple Shop with Cart Functionality and Stripe Checkout (not Webflow E-Commerce!)
6
(Load the Spline Scene only when the button is clicked)
Interactive 2D & 3D Product Showcases
5
Open 3D Object in Fullscreen on Button Click
Interactive 2D & 3D Product Showcases
2
Prepare and Integrate a Spline Object
Interactive 2D & 3D Product Showcases
3
Popover Elements with Explanations on the Product
Interactive 2D & 3D Product Showcases
4
Zoom into Product Details on Button Click
Interactive 2D & 3D Product Showcases
1
Basic Setup of a 3D Product Demo Section
Interactive 2D & 3D Product Showcases
6
Stripe and GDPR
Stripe deep dive and setup
5
Processing Checkout Links in Webflow
Stripe deep dive and setup
4
Creating a Payment Page
Stripe deep dive and setup
3
Adding Products in Stripe
Stripe deep dive and setup
2
Creating a Stripe Account + General Information
Stripe deep dive and setup
1
Advantages and Disadvantages of Stripe Compared to Shopify or Webflow E-Commerce
Stripe deep dive and setup
10
Configurator responsive design
CMS Configurator with Payment Functionality
06:20
9
Product popover functionality with infotext
CMS Configurator with Payment Functionality
07:50
8
Position an info point on the product via the CMS
CMS Configurator with Payment Functionality
03:30
7
Custom CSS animation for CMS attributes filter system
CMS Configurator with Payment Functionality
06:50
6
Product light spot color change via CMS
CMS Configurator with Payment Functionality
02:51
5
CMS lightbox gallery with slug-based group names (bypass Webflow limitation)
CMS Configurator with Payment Functionality
02:50
4
Implementing design for radio buttons
CMS Configurator with Payment Functionality
11:30
3
Integrating filter functionality
CMS Configurator with Payment Functionality
11:50
2
Developing the configurator design
CMS Configurator with Payment Functionality
11:10
1
CMS collection structure
CMS Configurator with Payment Functionality
06:10
26
Light / Dark mode toggle with Webflow variable colors management
Mastering Advanced Layouts & Animations
12:07
25
Hero section scroll effekt
Mastering Advanced Layouts & Animations
09:40
24
CMS Grid with Dialog / Modal / Popup Functionality
Mastering Advanced Layouts & Animations
14:30
23
Numbers count animation on scroll
Mastering Advanced Layouts & Animations
03:40
20
Autoplay tabs button animation
Mastering Advanced Layouts & Animations
04:43
22
Responsive Design Tabs
Mastering Advanced Layouts & Animations
07:10
21
Autoplay Tabs Layout 2 like on the Webflow homepage with video content
Mastering Advanced Layouts & Animations
16:02
14
Box animation
Mastering Advanced Layouts & Animations
07:40
17
Simple section overscroll effect
Mastering Advanced Layouts & Animations
06:00
19
Setting up the autoplay tabs functionality
Mastering Advanced Layouts & Animations
07:10
18
Tab transition animation with CSS
Mastering Advanced Layouts & Animations
04:30
16
Fullscreen tabs sektion build
Mastering Advanced Layouts & Animations
08:20
15
Stage page load animation
Mastering Advanced Layouts & Animations
5:40
13
Stage responsive design process
Mastering Advanced Layouts & Animations
10:50
12
Stage background positioning trick and table development
Mastering Advanced Layouts & Animations
07:10
11
Create a modal/popup component with CSS animations
Mastering Advanced Layouts & Animations
17:30
10
Content stage with video teaser popup
Mastering Advanced Layouts & Animations
05:10
9
Building a 3D Box in Webflow
Mastering Advanced Layouts & Animations
16:00
8
Badge animation on scroll
Mastering Advanced Layouts & Animations
05:30
7
Gradient graphic stage
Mastering Advanced Layouts & Animations
10:00
2
Optimize main navigation responsively and important additional settings
Mastering Advanced Layouts & Animations
09:00
6
Integrate components into the main navigation and customize them with custom CSS
Mastering Advanced Layouts & Animations
07:00
5
Create a button toggle with an icon as a component
Mastering Advanced Layouts & Animations
22:10
2
Go through style guide, CSS variables and basic settings
Intro
04:30
3
Main navigation animation
Mastering Advanced Layouts & Animations
17:30
4
Design and CSS animation of link button with component variants
Mastering Advanced Layouts & Animations
22:20
1
Main navigation build
Mastering Advanced Layouts & Animations
31:40
1
Welcome with an importanten note
Intro
Through the course comment function, I can directly assist you with any questions.

insights

Implementation of advanced layouts and animations
CMS configurator with payment function
Shop and shopping cart function with Stripe Checkout

Instead of using Webflow E-Commerce, we rely on a custom solution with Stripe integration. Your clients only pay the Stripe transaction fees. Product management is handled via Stripe, while product information is integrated through the API and a Webflow app.

2D and 3D product showcase

The first glimpses of layouts are also available in this video

Inklusive Bonusmaterial

Webflow Vorlage mit allem, was wir im Kurs bauen zur Verwendung bei deinen Kundenaufträgen

Figma Layouts als Download

Your investment

Get your Webflow boost

The first videos are already online. More videos will follow.
Countdown to the next price increase:

00
Days
00
Hours
00
Minutes
00
Seconds
Webflow Expert Course
Webflow Expert Course
Super deal
  • 10+ hours of video material
  • Lifetime access and updates
  • Figma design template
  • Webflow project template with everything we build
  • Completion certificate
249
599
58% discount right now!
You save00
After payment, you will receive an invoice with VAT (if applicable). Depending on your country’s tax regulations, you may be able to deduct this course as a business or training expense.
Dennis H.
Fabian R.
Tine S.
Patricius W.
Tiffany
Aleks
Sebastian G.
+00
More than 00 people use Formburg courses for their professional development. Read feedback.

student Discount

Get 25% off
Please simply send an email with information about the name of your degree or education and which school you go to:
My assistant Lisa

How does the expert course differ from the starter course?

The **Webflow Expert Course** is designed for experienced Webflow users and requires a solid understanding of both Webflow and general website development. Instead of covering basic knowledge, the course focuses on solving complex challenges in Webflow efficiently and creatively. You will learn how to implement advanced layouts that are both visually stunning and technically sophisticated, as well as how to create impressive animations. This course is perfect for taking your skills to the next level and building websites that go far beyond the standard.

Are all future new content updates included for free?

With the purchase of the course, you get lifetime access – including all existing content as well as all future updates and new modules. One-time payment, all-inclusive: There are no additional costs for you.

How much time do I need per week for this course?

I recommend watching two lessons per day to stay on track and see quick results. Even if you have client projects or a full-time job, setting aside half an hour a day should be manageable. Most videos are 8–15 minutes long, which adds up to 2–4 hours per week.

Alternatively, you could power through the entire course in a week. But since you have lifetime access, you can also learn at your own pace.

How long do I have access to this course?

Lifetime access! You even get all future updates and learning modules for free that I will add over time.

Do you also offer personal training for agencies (online or in-person) to address specific questions and challenges?

If you're interested, please contact me via email:

I have already completed your starter course. Is the professional course still worth it for me?

The Webflow Expert Course takes it to the next level: complex layouts, creative problem-solving, advanced animations, and techniques that enable you to create unique and sophisticated projects. These topics go far beyond the starter course and require a solid understanding of Webflow. If you're still unsure about responsive design in Webflow, it might be a good idea to strengthen your fundamentals first before taking on this demanding course.

Is there a discount for students, pupils, or trainees?

You get a 25% discount. Simply send an email with the details of your course of study or training program and the name of your school to:

Do I get a certificate of completion?

You can receive a completion certificate with your name as a PDF once you have completed 80% of the course. To get the certificate, please contact me with the name you want on the certificate and your order number. I will then verify your progress.

Is there a way to talk to Jonas if I get stuck?

During the online course, you can use the comment function under each lesson at any time. I will respond to these once a week. If you encounter a bigger issue or get completely stuck, you can also contact me directly via chat.

Will I be working with the Finsweet Client First system in the course?

I have adapted the Client First style guide to my needs and derived many elements from it, though some things are named differently. However, the structure is very similar. If you understand the approach from my course, it will be easy for you to build a project entirely following the Client First principle. Many participants in the course already use the Client First approach and prefer its style guide as a template instead of mine.

Will I get my money back if I don't like the course?

Yes, there is a 14-day money-back guarantee.