Fundamentals of Forms in Webflow - Webflow tutorial

Поделиться
HTML-код
  • Опубликовано: 8 сен 2024

Комментарии • 90

  • @dond3lta
    @dond3lta Год назад +5

    "Now hydrate" - so unexpected. love it

  • @Elle_M717
    @Elle_M717 Год назад +4

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

  • @m4_thednblab397
    @m4_thednblab397 10 месяцев назад +3

    no one does tutorials like webflow, bravo team

  • @DHMakin84
    @DHMakin84 26 дней назад

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

  • @PhilippeduPayrat-rh6qq
    @PhilippeduPayrat-rh6qq Год назад +10

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

  • @jdc-03
    @jdc-03 Год назад +3

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

  • @oleww50
    @oleww50 2 года назад

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

  • @hemiphillips786
    @hemiphillips786 2 года назад +11

    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
    @aaronmoroney2066 Год назад

    Damn. That hydrate was great, thanks.

  • @giovannirenzocharcafernand5935
    @giovannirenzocharcafernand5935 6 месяцев назад

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

  • @hasnatalislam6109
    @hasnatalislam6109 5 месяцев назад

    thank you soo much for this your page is a gem

  • @sessiontaken2413
    @sessiontaken2413 2 года назад +1

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

  • @rustopher65
    @rustopher65 Год назад

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

  • @StillOnTrack
    @StillOnTrack Год назад

    Grimur and Miguel are great together, haha!

  • @pfever
    @pfever 4 месяца назад

    Thank you Miguel!

  • @the-secrettutorials
    @the-secrettutorials 2 года назад +1

    4:45 Favourite moment xD

  • @radiusdesignstudio
    @radiusdesignstudio 14 дней назад

    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.

  • @seanc6193
    @seanc6193 2 месяца назад

    Hydration _is_ important.

  • @leahbohr4130
    @leahbohr4130 5 месяцев назад

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

  • @BeaviMonart
    @BeaviMonart 8 месяцев назад

    Thank you this was very helpful! ;-)

  • @AminaKhatun-t8m
    @AminaKhatun-t8m 26 дней назад

    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?

  • @ihajo
    @ihajo 2 года назад +4

    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 :|

  • @Saasou
    @Saasou Год назад

    😂 the "bruk" got me

  • @seenuz1
    @seenuz1 2 года назад +1

    Good tutoring 👌

  • @DanRizzuto
    @DanRizzuto 5 месяцев назад

    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?

  • @bisbireto303
    @bisbireto303 16 дней назад

    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.

  • @serenitytranquility3536
    @serenitytranquility3536 7 месяцев назад

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

  • @alwayjohnrallos7359
    @alwayjohnrallos7359 8 месяцев назад

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

  • @taliadmytruk4634
    @taliadmytruk4634 2 года назад +3

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

    • @Webflow
      @Webflow  2 года назад +1

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

    • @hemiphillips786
      @hemiphillips786 2 года назад +5

      @@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.

  • @karan.k
    @karan.k Год назад +2

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

    • @markpatterson3920
      @markpatterson3920 Год назад

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

  • @SevereSystems
    @SevereSystems 11 месяцев назад

    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?

  • @AndersLund-gq3xp
    @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?

  • @serychristianrenaud
    @serychristianrenaud 2 года назад

    Thankd

  • @emaeshka
    @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?

  • @xakaltd4442
    @xakaltd4442 2 года назад

    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

  • @israellondah5886
    @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

  • @user-ce9mh7ij6o
    @user-ce9mh7ij6o Год назад

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

  • @milktea4465
    @milktea4465 Год назад

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

  • @infiltretor287
    @infiltretor287 Год назад

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

  • @jamilahmad1277
    @jamilahmad1277 Год назад

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

  • @maxh.2293
    @maxh.2293 Год назад

    Happy birthday!

  • @nakedtech1865
    @nakedtech1865 Год назад

    What about disabling autocomplete?

  • @kevinlopez287
    @kevinlopez287 3 месяца назад

    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
      @Webflow  3 месяца назад +1

      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
      @kevinlopez287 3 месяца назад

      @@Webflow great! Thanks

  • @nakedtech1865
    @nakedtech1865 2 года назад

    What about loction selectors and file uploads?

  • @omerats96
    @omerats96 2 года назад

    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
      @Webflow  2 года назад

      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

  • @naleefnisthar44
    @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
      @Webflow  Год назад

      I found this video from the wonderful team at Finsweet: ruclips.net/video/J1F-c0NH-bs/видео.html
      Hope this helps :)

  • @shereedillon743
    @shereedillon743 Год назад

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

    • @Webflow
      @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

  • @aj0408aj
    @aj0408aj Год назад

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

    • @Webflow
      @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.

  • @BLACKWATCHfx
    @BLACKWATCHfx 2 года назад

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

    • @StillOnTrack
      @StillOnTrack Год назад

      Hopefully you saw this ruclips.net/video/4vC8GefHT1U/видео.html. It's the next video if you're watching these from the 101 Crash Course at Webflow University .

  • @ansarelimuhammad4392
    @ansarelimuhammad4392 Год назад

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

    • @Webflow
      @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

  • @Coolers1993
    @Coolers1993 2 года назад

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

    • @Webflow
      @Webflow  2 года назад

      This old forum post may help:
      discourse.webflow.com/t/styling-dropdown-forms/53836
      Also, this community made video may help:
      ruclips.net/video/XXsaIbSXeHk/видео.html

  • @steve_aventura
    @steve_aventura Год назад

    How does from name work if there are multiple different forms

    • @Webflow
      @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

  • @darenzd4939
    @darenzd4939 11 месяцев назад

    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
      @Webflow  11 месяцев назад

      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
      @darenzd4939 11 месяцев назад

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

    • @darenzd4939
      @darenzd4939 11 месяцев назад

      @webflow can you provide more clarification on this?

    • @darenzd4939
      @darenzd4939 11 месяцев назад

      can you provide more clarification on this?@@Webflow

    • @Webflow
      @Webflow  10 месяцев назад

      @@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!

  • @riverparker429
    @riverparker429 Год назад

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

    • @Webflow
      @Webflow  Год назад +1

      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
      @riverparker429 Год назад

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

  • @muhammadahsan3854
    @muhammadahsan3854 Год назад

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

    • @Webflow
      @Webflow  Год назад

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

  • @aniharutyunyan7965
    @aniharutyunyan7965 Год назад

    how to change W and H?

    • @Webflow
      @Webflow  Год назад

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

  • @njengathegeek
    @njengathegeek 2 года назад

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

    • @Webflow
      @Webflow  2 года назад +2

      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
      @njengathegeek 2 года назад +1

      @@Webflow Thank you

    • @njengathegeek
      @njengathegeek 2 года назад

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

    • @Webflow
      @Webflow  2 года назад +1

      @@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).

  • @grougroune
    @grougroune 2 года назад

    Is there any way to ask for a password ?

    • @the-secrettutorials
      @the-secrettutorials 2 года назад

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

    • @Webflow
      @Webflow  2 года назад

      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 :)

  • @shaolin60
    @shaolin60 Год назад

    Radio buttons 😿😿

  • @sonoftroy8572
    @sonoftroy8572 2 года назад

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

    • @luqmannruth9380
      @luqmannruth9380 Год назад

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