no one talks about this Framer forms trick...
Автор: Framer University
Загружено: 2025-12-12
Просмотров: 2467
Описание:
✔︎ Framer University: https://frameruni.link/yt
✔︎ Create a free Framer account: https://framer.university/free-account
In this Framer tutorial, I'm sharing a forms trick that no one talks about. It's a secret technique for creating multi-step forms in Framer, where the email from the first step gets captured immediately, even if the rest of the form isn't completed. This clever technique lets you follow up with prospects to ensure they complete the form.
→ Remix the tutorial project: https://framer.link/k6tqzdV
00:00 – Introduction & Why Forms Lose Conversions
00:35 – The Two-Step Form Strategy
01:10 – Demonstration: Capturing Email Before Step Two
01:50 – Setting Up the Starter Project in Framer
02:20 – Building the Base Form With Form Builder
03:00 – Duplicating the Form to Create Step One and Step Two
03:40 – Editing Fields for Each Step
04:20 – Turning the Step One Submit Button Into “Next”
05:10 – Creating Variants for Step Switching
06:00 – Connecting Form Success Events to Variant Changes
06:50 – Building the Final Success State
07:30 – Adding an Animated Step Counter Component
08:20 – Testing the Multi-Step Interaction Flow
09:10 – Adding Autofocus to Improve UX
09:40 – Adding a Hidden ID Field for Submission Linking
10:20 – Copying the Hidden Field Into Both Steps
11:00 – Setting Up Component Variables for the ID
11:40 – Using Fetch to Generate Unique User IDs
13:00 – Debugging Fetch & Ensuring IDs Update Correctly
14:00 – Hiding the ID Field From Users
14:30 – Adding a Fallback Value for Missing IDs
15:00 – Publishing & Full End-to-End Form Test
16:00 – Verifying the Email Submissions & Matching IDs
17:10 – Discussing Drawbacks & Why the ID Matters
18:00 – Final Optimizations & Practical Use Cases
19:00 – Framer University Resources & Closing Thoughts
Follow me on:
X: / learnframer
Instagram: / framer.university
Повторяем попытку...
Доступные форматы для скачивания:
Скачать видео
-
Информация по загрузке: