Fundamentals of Forms in Webflow - Webflow tutorial

[@Jaads18]

"Now hydrate" - so unexpected. love it

[@GABLAUREN]

Love the hydration part and the jokes make learning at home entertaining! Thanks

[@GenDipDipper]

no one does tutorials like webflow, bravo team

[@Elle_M717]

Great video. Having a side-kick that interrupts had me laughing. 😄

[@Webflow]

😁

[@PhilippeduPayrat-rh6qq]

Very good training: both professional and enjoyable. Great job guys

[@jdc-03]

Haha, these training videos are useful, fun, and funny! Kudos to the team!

[@giovannirenzocharcafernand5935]

I really like these tutorials. You're amazing guys. I am a fan of you.

[@hasnatalislam6109]

thank you soo much for this your page is a gem

[@oleww50]

Finally know how to focus state edit! Every day is a school day. Thanks again

[@sessiontaken2413]

Guys, this is so funny! Keep up those brilliant tutorials haha

[@hemiphillips786]

Can you please add input-type: date so we can have a native date picker. Native html elements have better accessibility than JS solutions.

[@aaronmoroney2066]

Damn. That hydrate was great, thanks.

[@DHMakin84]

I love when you're watching comedy improv and they take quick breaks to teach you something technical

[@rustopher65]

Thanks. I inherited Webflow. These videos are getting me through.

[@StillOnTrack]

Grimur and Miguel are great together, haha!

[@leahbohr4130]

Great video! One question: Is there a way to clear/reset the form as well when using a submit button? Thanks!

[@BeaviMonart]

Thank you this was very helpful! ;-)

[@taliadmytruk4634]

guys, is there any chance a date picker form element is going to be added any time soon? need it badly

[@Webflow]

This clonable might be able to help: webflow.com/website/Webflow-Date-Picker

[@hemiphillips786]

@@Webflow date is now a native html form element with wide cross-browser support . It would be better if webflow gave us this option since the native html element has accessibility benefits built in.

[@ChiragJoshi-p5x]

Thank you sir!

[@karan.k]

What if I have multiple forms and want form data from a particular page going to particular person?

[@markpatterson3920]

I’m trying to figure out how to do this as well. Did you ever learn if this is possible?

[@pfever]

Thank you Miguel!

[@marnixgarner2749]

What about creating an HTML 'email template' as the standard version is basic email is just text without any formatting?

[@serenitytranquility3536]

Off topic but how do I create a nav bar like that? Beginner here

[@radiusdesignstudio]

How do you configure a form field so that the placeholder text breaks into two lines? I have a contact form similar to the example, where the last field is a text field for users to give more detailed information. The placeholder sentence becomes too long when viewing the page in mobile portrait, and gets broken off. I'd like the field to change to have a vertical scroll instead of a never ending horizontal one, so this placeholder will show up on two lines.

[@AminaKhatun-t8m]

I have a question about whether the information given in this form like email and phone number will be auto-saved. And all the submitted data will be saved? If there is auto-save, where will it be?

[@DanRizzuto]

question.. what if you want the filled in form information to be automatically added to a CMS page for review.... we have an event page on our website and are looking for a way to have the visitor fill out the information, press send for us to review but hoping to have it auto populate in a CMS page so we can review click publish and it's on the site. is that possible without creating some big automation using API's...etc?

[@alwayjohnrallos7359]

But how do you style the field after you click the suggestions from previous inputs?

[@seenuz1]

Good tutoring 👌

[@bisbireto303]

Hello everyone! Does anyone know why emails in Gmail are not showing the submitted content of a form? Just the very first email showed the content, but subsequent emails show a dotted line instead.

[@AndersLund-gq3xp]

So I cant send an email to the person filling in and submitting the form, I've would have to use something like Zapier for that?

[@emaeshka]

Hello. Tell me, if I have more than one form of shipment planned on my site? One form of sending is for mail, and the second, for example, should send a message to Trello Is it possible to do something without using Zapier?

[@naleefnisthar44]

Is there a way we can give a custom error message if someone inserts an incorrect email? Or a personal email instead of business email?

[@Webflow]

I found this video from the wonderful team at Finsweet: kzbin.info/www/bejne/gGKpXpZmg61gmNU Hope this helps :)

[@milktea4465]

Is there a way to make the form block into a grid layout rather than a default div block?

[@israellondah5886]

How to prevent the form submissions from going into spam folder inbox? That's current issue i have right now with one of my clients

[@shereedillon743]

How can I create a button that allows the user to clear/reset the form if they need?

[@Webflow]

You'll need to add javascript to your page. Here is an article that may help you: www.w3schools.com/jsref/met_form_reset.asp

[@xakaltd4442]

I've searched everywhere but can't find how to only send checked items through in the form??? Please help? Currently it sends all items that are check boxes with true or false assigned but I don't want 30 items returned every time, just the checked items. Pleaseeeeeeee

[@kevinlopez287]

I'm a full stack engineer and I thinking about using this tool. Is it possible to send the form data to an external API endpoint? I'd like to collect data directly in my database.

[@Webflow]

Hey Kevin, you can send data submission to an external service using Webhooks or Webflow Logic. Moreon Webhooks here: docs.developers.webflow.com/data/reference/webhooks

[@kevinlopez287]

@@Webflow great! Thanks

[@aj0408aj]

What is the limit on the no. of rows that can be stored? Thanks.

[@Webflow]

Each site plan has a monthly form submission limit (check out the comparison chart on our pricing page: share.getcloudapp.com/2Nu66qEG ). Enterprise hosting allows unlimited form submissions. The count will reset each month, except for Free staging (e.g., an unhosted site on a free account), which has a maximum of 10 submissions total. If you exceed the limits, on hosted sites (e.g., sites with an active site plan), you’ll be charged $1 per 100 extra submissions over the limit on your next monthly invoice. On unhosted sites (i.e., sites without an active site plan), forms will not be submitted after the limit is reached. The count will reset each month, except for unhosted sites on free accounts, which have a lifetime maximum of 10 submissions total.

[@Irishka_Vinni]

Hello, is form working just on custom domain?... Or in default webflow also?

[@jamilahmad1277]

Can we add payment methods to this form like accept payment using webflow form? anyone can answer, please?

[@SevereSystems]

Great Video! I have a question: Is it possible to qualify Leads with Webflow Forms? F.e. I have a question with 3 different answers to choose from... Is it possible to show the Lead on submit different thank-you pages based on the answer they've chosen?

[@infiltretor287]

Does anyone cover the multiple select options in the Select Fields?

[@darenzd4939]

What if I have 2 different forms on the site? One is a lead generation form, the other is careers form? How can I have the forms go to separate domains?

[@Webflow]

Good question! Each form as their own form-id, so provided that you set them up as different elements on page, you'll be able to direct them to different locations or actions.

[@darenzd4939]

@@Webflow do i need to use logic for that or is it in basic settings?

[@darenzd4939]

@webflow can you provide more clarification on this?

[@darenzd4939]

can you provide more clarification on this?@@Webflow

[@Webflow]

@@darenzd4939 hey! it depends on how you've setup your forms and whether you want to use a third party tool or logic, I'd recommend reaching out to support with more details on your usecase or dropping a question in the forums. Thanks!

[@M1NTFR3SH]

How do you style the drop down? It looks very generic when I use it..

[@Webflow]

This old forum post may help: discourse.webflow.com/t/styling-dropdown-forms/53836 Also, this community made video may help: kzbin.info/www/bejne/jonWknyYiL2Yfs0

[@resyncmedia]

What about loction selectors and file uploads?

[@resyncmedia]

What about disabling autocomplete?

[@riverparker429]

Hey, How do you get the text area to do paragraphs (Shift+Enter) ? I only get one big line of written text.

[@Webflow]

I searched around the Webflow forums and found this article: wfhow.com/2019/07/06/render-collection-custom-code-webflow/ You may have to use custom code to make this happen.

[@riverparker429]

@@Webflow I'll check that, thanks for the link

[@omerats96]

How can I add a placeholder *that is not selectable* to the drop-down? The video leaves that part out, for some reason. I need a placeholder in my drop-down, but I don't want users to be able to select it as if it's one of the choices in the drop-down. In the video, the "Select one..." placeholder in the drop-down looks like it is actually one of the selectable choices, given that its color changed to red when you styled user input text.

[@Webflow]

You may need to add custom code for that to happen. Here is a forum thread that may help: discourse.webflow.com/t/disabling-select-field-option/126517

[@steve_aventura]

How does from name work if there are multiple different forms

[@Webflow]

You'll need to change the form name per form on the page to help differentiate them in the code and in your Form settings page: university.webflow.com/lesson/form-submissions

[@muhammadahsan3854]

Can you tell me or anyone tell me how we add a country code in webflow???

[@Webflow]

This community created clonable may be able to help you: webflow.com/made-in-webflow/website/international-telephone-input

[@the-secrettutorials]

4:45 Favourite moment xD

[@ansarelimuhammad4392]

When I publish my website, the submit button disappears. How do I prevent that?

[@Webflow]

Can you post this question and your project's read-only link on our forum? discourse.webflow.com university.webflow.com/lesson/share-your-site

[@maxh.2293]

Happy birthday!

[@Saasou]

😂 the "bruk" got me

[@ihajo]

I really dont understand why we cannot have the form submissions in a CMS, without using third parties services... you are asking me why do you need the form entries in your website CMS, well like that I can give access to our customer service to follow up on the entires without sending them emails for each entry and its always updated, for now we have it connected to a spreadsheet :|

[@aniharutyunyan7965]

how to change W and H?

[@Webflow]

This tutorial may help you learn how to change the sizes of elements: university.webflow.com/lesson/size-settings-width-height

[@njengathegeek]

Hello, you need to show how information captured in that form is routed to destination i.e sent to email

[@Webflow]

Hi Chris, You can set an email address where form notifications will be sent and customize what form data is included in your form notification emails in the Forms tab of your Site settings. There’s more information on that on Webflow University → university.webflow.com/lesson/form-submissions-wf#how-to-set-form-notification-settings

[@njengathegeek]

@@Webflow Thank you

[@njengathegeek]

@@Webflow My second question is, how can I build a custom domain email from my webflow site domain?

[@Webflow]

@@njengathegeek While Webflow provides hosting for sites built in Webflow, we do not provide email hosting or replace your domain registrar or DNS provider. You can set up a custom email domain outside of Webflow with your domain registrar or a third-party provider (e.g., GoDaddy, Namecheap, Google Workspace).

[@seanc6193]

Hydration _is_ important.

[@grougroune]

Is there any way to ask for a password ?

[@the-secrettutorials]

If somebody would have sent you a password, don't you already have the contact then?

[@Webflow]

Due to security concerns, we do not allow password fields in Webflow projects. However, if you do need to use a password field, you can do so by exporting your Webflow project and hosting it in another environment. Here is how to export your Webflow project: university.webflow.com/lesson/code-export Hope this helps :)

[@BLACKWATCHfx]

Uhhhh- Can we just talk about the Nav bar? Gunna have to work that one out

[@StillOnTrack]

Hopefully you saw this kzbin.info/www/bejne/aqemaXqbm62HZ7c. It's the next video if you're watching these from the 101 Crash Course at Webflow University .

[@serychristianrenaud]

Thankd

[@shaolin60]

Radio buttons 😿😿

[@sonoftroy8572]

Idk… I like HTML way better, I have total control of customization and auth in my opinion.

[@luqmannruth9380]

You can edit all of the HTML and code under the hood of the GUI.

[@joeygarner1636]

Would prefer there to be no jokes, it wastes time and kind of cringe. Just want the info.

[@jessicaanyanwu9107]

Thanks a LOT! This finally helped me redirect my form submissions! However I got a notification when I tested to use the form myself, that said I've received 4 already in november. Is there a way to read old form submissions? I hadn't redirected it yet, does it mean they are gone? 🥲