Presented by
Expert
Kit.
Kit.
Enroll Now
.svg)
English version
Learn to build any Website
Become a master in building Webflow websites that truly benefit your clients
New 2025
You’re already working 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
60+
lessons
9+
hours of videos
With Webflow Expert
Jonas Arleth
English version
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
contents
This course is packed with the best information for creating great visual websites.
Intro
00Videos
•
00Hours
Text Content
Mastering Advanced Layouts & Animations
00Videos
•
00Hours
Text Content
Interactive 2D & 3D Product Showcases
00Videos
•
00Hours
Text Content
CMS Configurator with Payment Functionality
00Videos
•
00Hours
Text Content
Stripe deep dive and setup
00Videos
•
00Hours
Text Content
Simple Shop with Cart Functionality and Stripe Checkout (not Webflow E-Commerce!)
00Videos
•
00Hours
Text Content
0
Configurator – Course Chapter Preview
02:30
14
Generate Stripe Checkout page with a MAKE automation
13:40
12
Quick add to cart enable on product overview
04:30
13
Create a sales tag with percentage calculation from two prices
01:40
10
Building a Quantity Selector with Plus/Minus Buttons
07:00
8
Cart toggle and modal functionality
05:50
11
Implement total cart sum functionality
02:30
9
Building the custom JavaScript cart functionality
13:20
7
Cart design development
08:40
6
Link to other product variants
03:50
5
Product detail page design and structure
11:50
3
Building the product overview page & teaser component
11:20
4
Integrate Finsweet Attributes CMS filter and sort functionality
11:07
2
Set up Webflow CMS with AI-generated content and CSV import
05:10
1
Is this solution a good fit for your clients business?
04:30
7
Converting 3D Videos to Lotti and animating it this way
6
Lazy loading of a Spline 3D object on click with fullscreen popup animation
11:03
5
3D video animation on button click (better for performance)
07:40
4
Click-based image zoom effect via attribute coordinates with popover
09:50
3
Create 3D object video animation
05:30
1
Building the 3D product showcase section
06:40
2
Prepare 3D spline object and export as image
04:20
3
Stripe App in Webflow
2
Create products and checkout links in Stripe
07:10
1
Pros and cons of Stripe vs. Shopify or Webflow e-commerce
07:20
10
Configurator responsive design
06:20
9
Product popover functionality with infotext
07:50
11
Optimizations and bug fixes
09:10
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 overscroll effect
09:40
24
CMS grid with dialog / modal / popup functionality
14:30
23
Numbers count animation on scroll
03:40
22
Responsive design tabs
07:10
20
Autoplay tabs button animation
04:43
21
Autoplay tabs layout 2 like on the Webflow homepage with video content
16:02
18
Tab transition animation with CSS
04:30
19
Setting up the autoplay tabs functionality
07:10
16
Fullscreen tabs sektion build
08:20
17
Simple section overscroll effect
06:00
15
Stage page load animation
5:40
14
Box animation
07: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
9
Building a 3D Box in Webflow
16:00
10
Content stage with video teaser popup
05:10
8
Badge animation on scroll
05:30
7
Gradient graphic stage
10: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
4
Design and CSS animation of link button with component variants
22:20
3
Main navigation animation
17:30
2
Optimize main navigation responsively and important additional settings
09:00
1
Main navigation build
31:40
2
Go through style guide, CSS variables and basic settings
04:30
1
Welcome and an important note (plus a gift)
02:00
bonus
Including Figma design file download
Freely use the webflow template created in the course for your client projects.
Through the course comment function, I can directly assist you with any questions.
Tools, mit denen wir im Kurs arbeiten
Webflow
Finsweet Attributes
MAKE
Stripe
Figma
Spline
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
Video preview of layouts are also available in this playlist
+00
I can't emphasize enough how valuable this course is. Learning Webflow through Jonas' course completely shifted my professional focus and opened up business opportunities that had previously been out of reach.
Sven
Diploma designer, web designer
Jonas truly leaves no questions unanswered with his Webflow course. Even though I had already worked with Webflow, I was still able to take away a lot of new insights.
Alexander S.
Co-Founder VisualMakers
I really like Jonas' videos and his approach. I would recommend the course to anyone who truly wants to understand and learn Webflow.
Sabine R.
Marketing automation expert
Webflow makes it possible for me, as a designer, to fully realize my web projects from start to finish — exactly the way I envisioned them.
Miriam K.
Communication Designer
Your investment
Get your Webflow boost
All videos are online!
Webflow Expert Course (English)
Super deal
- 9+ Stunden an Videomaterial
- Lebenslanger Zugang und Updates
- Figma Designvorlage
- Webflow Projektvorlage mit allem was wir bauen
- Abschlusszertifikat
399
$
499
$
20% 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:
FAQ
Frequently asked questions about the online course
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 other webflow beginner 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.
English