Kit.
Presented by
Expert
Kit.
Kit.
Learn to build any Website





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







+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 LisaCommon questions
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.