Creating your first form in Framer

preview_player
Показать описание
The new Form Builder brings fully functional, interactive forms natively to Framer, without the need for any third party components or integrations. In this tutorial Joseph shows you how easy it is to build a form, style it, and publish it to the web without writing a single line of code.

00:00 Intro
00:21 Adding the Form Builder
00:35 Anatomy and layout
02:14 Input Categories
02:55 Text Input Types
04:52 Styling
05:50 Adding a Focus State
07:19 The Submit button component
08:15 Form States
08:37 Setting up a Success Redirect
08:56 Choosing Where to Send Submissions
10:17 Wrap up

Комментарии
Автор

Thanks for listening to the community. We really needed this.

Автор

It was the most needed thing ever since I started using Framer! Amazing !!!

Dodigital_
Автор

Wow I am only 2:36mins and I love the way you teach! You gave a quick overview of what the features of forms is so I am not left guessing and hoping, and you gave examples of what everything you mentioned does and looks like. For example, when you mentioned the 4 types of input options, you didn't just tell us, you showed us! Wish every YouTuber would do it this way! Awesome work! Thank you!

WERISE-ie
Автор

Framer has reignited my passion for web design!!

zen-zen
Автор

Literally spent the last two weeks building my own custom forms for Framer. And of course as soon as I launched the site, Framer releases their own lmao

brianwool
Автор

You can’t imagine how much I’ve been wanting this 🤩

AdryanV
Автор

great update, looking forward to the "CLIENT EDITOR" your next update

SethDesignStudio
Автор

Great to see you, Joseph. I've gained so much from your insights and enjoy exploring Framer. Your teaching style and clarity are truly exceptional.

abdul-UIUX
Автор

When did Framer decide to put their content quality on steroids?

sewerlamb
Автор

Holy Christmas time! This is the highest quality tutorial ever, and the best feature possible

lindltailor
Автор

I don't know how ican say you thank you.
Thank you Very much.#framer helps me to Design our Profesional web.thank you🎉❤

Yooco.
Автор

Very helpful! Thanks! Framer's now has its own McGuire Brannon. 😄

Design_Chillout
Автор

Gracias en verdad, solo seria genial que hagan los tutoriales en español para los hispanohablantes. Gracias gran actualización.

alejandrohuanca
Автор

someone is thinking about customers!! thanks!

isumitkar
Автор

Great! Now, is the form have limit in free plan?

lakingsebastian
Автор

Wow, I'm really impressed, this was the missing element in Framer

oyouness
Автор

Great video! The copy and paste property is not working as shown in the video. Any reason why?

Sneha-cfw
Автор

Hey team, this is really great! How should we secure webhook endpoints and verify that requests are coming from Framer?

itsdavidalonso
Автор

One problem: E-mail addresses that can be copied and pasted on each PC or mobile will destroy your customized "input" panel. How could Framer fix this error? Thx

itlswev
Автор

How do you clear the input textboxes after you submit the information?

gmohb