Creating your first form in Framer
Вставка
- Опубліковано 28 лип 2024
- 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
🌞 Start for free: framer.link/yt
📚 Learn more at: framer.link/yt-academy
💎 Join the Community: framer.link/yt-community
🎉 Follow on X: framer.link/yt-x
It was the most needed thing ever since I started using Framer! Amazing !!!
Thanks for listening to the community. We really needed this.
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 UA-camr would do it this way! Awesome work! Thank you!
Glad it was helpful!
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
Ouch 😅
Framer has reignited my passion for web design!!
You can’t imagine how much I’ve been wanting this 🤩
great update, looking forward to the "CLIENT EDITOR" your next update
Is there really gonna be a client editor ? Because if that's the case Framer could start becoming more powerful, like having an ecommerce store, membership site and more where the client will have it's own dashboard !
Holy Christmas time! This is the highest quality tutorial ever, and the best feature possible
Very helpful! Thanks! Framer's now has its own McGuire Brannon. 😄
Framer is the GOAT now 🐐🐐🐐🐐🐐🐐🐐
Gracias en verdad, solo seria genial que hagan los tutoriales en español para los hispanohablantes. Gracias gran actualización.
Paste Style is awesome!!!
The level of timing 🥹
I don't know how ican say you thank you.
Thank you Very much.#framer helps me to Design our Profesional web.thank you🎉❤
When did Framer decide to put their content quality on steroids?
This is definitely because of Joseph. He’s one of the best teachers on the internet.
@@moatasemkharraz6086who is Joseph? Link to his UA-cam channel please.
Hey team, this is really great! How should we secure webhook endpoints and verify that requests are coming from Framer?
Great to see native form functionality, how would you go about creating a multi-page form? Is that possible?
Awesome. We do need an input for files though.
Wow, I'm really impressed, this was the missing element in Framer
Is there an upload input so users can click and select files to upload in the forms?
Dope 🔥
is it possible to do a logic filter?
Framer back at it againnnnnnnn. 😏
There is no option to make the radio buttons as required?
Hi! Is there an option for a hidden field - collecting UTM data for marketing purposes?
You can turn any input into a hidden input by selecting the input → properties panel on the right → + → hidden
@@Framer thank you , I’ll try it out 🤝
One question how can the recipient get gmails from the new letter and can you add a section where the person who’s making the form can add a document on the terms and conditions
Are they GDPR compliant?
Form data is sent to you securely and we don’t store the data anywhere. What you do with that data is up to you so you need to make sure you handle that according to GDPR guidelines. So yes, the Forms are GDPR compliant.
Many thanks 👍
Can i make a comments section by displaying form input?
how to create dropdown on this
Actually this one sends the mails for your direct email?
Game changer
Is this available in every paid plan?
Yes framer.com/pricing/
@@Framer is the limit (eg. 500 form submissions) per month?
Just need an upload input and we are all good
Does anyone know why i can't click in any text box on my form when the page is published?
Maybe something else has a Z index making it sit above the form?
gonna make a few quiz onboarding forms.
I made a form, when I press Submit nothing happens. There is also no error messages. I followed every step in the tutorial, is there something wrong? Oops my bad, the Submit Button was on a different Stack. All working now.
Glad you did not gatekeep this like cookie banner
THEY GOT THE SKETCH GUY????
🎉🎉🎉🎉🎉
Bout time
Amazing!
and how can we add an upload file field, image (png, jpg...)?
AWESOME MILESTONE!
Next step: Custom Subscription pages and ecommerce support.
Hey I did it one Price Box with Forms!
Would you mind clicking on plugins in that menu 😂
U r professional,
i would like to ask about something, HOw can i deliver a website for a client, i mean the dashboard for the client, how can the client add and change from the CMS,
Idgi why didn’t people just use Tally or Fillout or literally one of the 100 other form builders?
They did, and now you can use whatever works best for you :)
damn
amazing. wondering why this didn't come out in the first round. totally a game changer!