Mike Pecha
Mike Pecha
  • 47
  • 214 144
How To Build a Range Slider Input in Webflow
Learn how to build a custom range slider input in Webflow. With full design control, and lots of customization & styling options. This range slider work with all Webflow forms, but is particularly optimized for forms built with Inputflow. (inputflow.io)
▶ Clone the Webflow project:
try.webflow.com/range-slider *
▶ Inputflow Library:
inputflow.com/library
▶ Build Multi-Step Forms in Webflow
inputflow.com
#webflow
* The description of this video contains affiliate links (marked with *), which means that if you sign up for one of the tools that I recommend and decide to switch to the paid plan, I’ll receive a small commission without any additional cost for you. This helps support the channel and allows me to continue making videos like this. Thank you for your support!
Переглядів: 1 011

Відео

CMS Driven Info Banners in Webflow (Clients love this)
Переглядів 5834 місяці тому
Learn how to build CMS announcement bars in Webflow. We are going to build the element together, and then connect it with the CMS. ▶ Clone the Webflow project: try.webflow.com/cms-info-bar * ▶ Build Multi-Step Forms in Webflow inputflow.com #webflow * The description of this video contains affiliate links (marked with *), which means that if you sign up for one of the tools that I recommend and...
Connect Webflow Forms to Make Webhooks (Automation Tutorial)
Переглядів 1,9 тис.4 місяці тому
Learn how to send Webflow's form data directly to make.com and bypass the standard Webflow form submission. ▶ Build Multi-Step Forms in Webflow inputflow.com #webflow
7 Creative Ways To Make Money with Webflow
Переглядів 1,7 тис.5 місяців тому
Discover 7 creative strategies to monetize your Webflow skills. From building your own component library, to niche Webflow courses, there are tons of options to earn money with Webflow (Other than freelancing and bulding an agency) ▶ Build Multi-Step Forms in Webflow inputflow.com 00:00 Niche Productized Service 02:37 Webflow Apps 05:04 Specific Libraries 07:01 Niche Courses 09:16 Remove Webflo...
Connect Webflow Forms To Airtable (with Webflow Logic)
Переглядів 1,8 тис.5 місяців тому
Learn how to connect Webflow to Airtable, so that you can save Webflow's form submissions to Airtable. Whenever a website vistor submits your form, a new row/record is automatically created in Airtable. ▶ Clone the Webflow project: webflow.partnerlinks.io/form-to-airtable * ▶ Build Multi-Step Forms in Webflow inputflow.com #webflow * The description of this video contains affiliate links (marke...
Show Current Year, Month and Time on Webflow Site
Переглядів 5035 місяців тому
Learn how to display current time data in your Webflow project. For example the current year inside of the footer. Current date, time, month, quarter, percentage of year passed etc. ▶ Current Time Data Tool inputflow.io/tools ▶ Build Multi-Step Forms in Webflow inputflow.com #webflow
Build Multi-Step Forms in Webflow (Ultimate Guide)
Переглядів 9 тис.9 місяців тому
Build Multi-Step Forms in Webflow (Ultimate Guide)
Complete Webflow Quickstack Tutorial (Better than Grid?!)
Переглядів 10 тис.Рік тому
Complete Webflow Quickstack Tutorial (Better than Grid?!)
Multi Step Forms in Webflow (with Inputflow)
Переглядів 19 тис.Рік тому
Multi Step Forms in Webflow (with Inputflow)
Beautiful Parallax Scroll Animation in Webflow
Переглядів 25 тис.Рік тому
Beautiful Parallax Scroll Animation in Webflow
Save Form Data to CMS with Webflow LOGIC
Переглядів 17 тис.Рік тому
Save Form Data to CMS with Webflow LOGIC
10 Tips To Work 10x FASTER in Webflow
Переглядів 7 тис.Рік тому
10 Tips To Work 10x FASTER in Webflow
The 5 Tools EVERY Webflow Developer MUST Know
Переглядів 11 тис.Рік тому
The 5 Tools EVERY Webflow Developer MUST Know
Save Webflow Form Submissions as CMS Items with Make (Integromat)
Переглядів 8 тис.Рік тому
Save Webflow Form Submissions as CMS Items with Make (Integromat)
Webflow + Javascript: 3 Tips To Improve Your Code!
Переглядів 7 тис.Рік тому
Webflow Javascript: 3 Tips To Improve Your Code!
Prevent Webflow Form SPAM With Formspark & Botpoison
Переглядів 5 тис.Рік тому
Prevent Webflow Form SPAM With Formspark & Botpoison
Stacking Card Effect in Webflow (Tutorial)
Переглядів 25 тис.Рік тому
Stacking Card Effect in Webflow (Tutorial)
Custom Checkbox Styling in Webflow Forms (Quick & Easy)
Переглядів 5 тис.Рік тому
Custom Checkbox Styling in Webflow Forms (Quick & Easy)
How to integrate Mailchimp and Webflow? (Basic Setup, Custom Fields, Tags)
Переглядів 21 тис.Рік тому
How to integrate Mailchimp and Webflow? (Basic Setup, Custom Fields, Tags)

КОМЕНТАРІ

  • @smitpatel9995
    @smitpatel9995 4 дні тому

    LOVELY!! Thank you so much for creating this video. I tried linking my custom code to the Webflow using CodeSandbox, CodePen and even Github but nothing worked. But I just saw your video and did it with the VS code and the giant rock fell off from my head 😌 Do I need to setup npm for VS code to make things work well in Webflow? PS: I watched your video in incognito and specially came here to comment!

  • @YoungSexyDevil
    @YoungSexyDevil 6 днів тому

    Does it work with HubSpot forms?

  • @thekyser
    @thekyser 10 днів тому

    This was incredible usefull Mike! TVM!

  • @terraheat3954
    @terraheat3954 10 днів тому

    Hi everyone, The video is great but there is one thing that Mike forgot to mention and it took me like 2 days to figure it out. ⚠When you do the integration and finish it you will need to go back in mailchimp in signup forms > the edit button on your form > form fields> and check all the fields. if not the registered emails will have empty fields in mailchimp it would be important if you add a text message field for more description or a phone number. Cheers,

  • @lilianebarbosaferreira213
    @lilianebarbosaferreira213 11 днів тому

    Amazing video, super helpful! Thank you!

  • @nomore3072
    @nomore3072 17 днів тому

    I have an email field and text area field. But in my logic in my email there's no plus icon, and my text area field doesn't exist. How to solve it? 3:43

  • @nubreakz1
    @nubreakz1 19 днів тому

    I did the same stuff and it does not work.

  • @ShadowLover-c3e
    @ShadowLover-c3e 21 день тому

    Can you help? Canada here

  • @Sofia-lace
    @Sofia-lace 24 дні тому

    Have you tried Logic's Update CMS Item feature? I can't make it to work, it would be amazing if you make a video about it. I' convinced it doesn't work 😂

  • @Treat-Leads
    @Treat-Leads 25 днів тому

    Easy to follow! THank you

  • @iwatchalotofyoutube
    @iwatchalotofyoutube 26 днів тому

    Very helpful thank you!

  • @dmytrokhomenchuk2619
    @dmytrokhomenchuk2619 27 днів тому

    Thank you

  • @ChristopherMaier
    @ChristopherMaier Місяць тому

    Best Webflow content creator on the internet.

    • @mikepecha
      @mikepecha 27 днів тому

      Thank you for the kind words, Christopher :)

  • @private_krapfen950
    @private_krapfen950 Місяць тому

    Great video very helpful, i have question, i would like to have one main database where i can add, for example different texts and images, and then it should automatically add this data to a blog in webflow and simultaneously it should make a post on socialmedia, do you think this could be possible, maybe with Notion or Airtable as a main database?

  • @KenneDei-u9u
    @KenneDei-u9u Місяць тому

    Thanks Mike Please anyone, what is the best email marketing platform I can use with webflow for automation

  • @arafatifatine1554
    @arafatifatine1554 Місяць тому

    I think you don’t understand how much i love you and how you have been useful to me

    • @mikepecha
      @mikepecha Місяць тому

      @@arafatifatine1554 Thank you :) happy to hear, that you enjoy the videos

  • @atrixstic
    @atrixstic Місяць тому

    How do I get it to also send the email submission from webflow's site settings??

  • @anonimys666
    @anonimys666 Місяць тому

    I have business plan, I created form with field name, upload a photo and write comment, I have make a scenario but picture don't upload itself

  • @abigstorm
    @abigstorm Місяць тому

    awesome so helpful. Was trying with embed similar method but didn't work, tried this worked first time. 10/10

    • @mikepecha
      @mikepecha Місяць тому

      Happy to hear that :)

  • @CorneliusLawnandGarden
    @CorneliusLawnandGarden Місяць тому

    Really awesome and informative content. What is the easiest way to connect webflow cms data to python code? noob question

    • @mikepecha
      @mikepecha Місяць тому

      Use the the Webflow Data API: developers.webflow.com/data/reference/rest-introduction

    • @CorneliusLawnandGarden
      @CorneliusLawnandGarden Місяць тому

      @@mikepecha thanks !

  • @tifacola
    @tifacola Місяць тому

    I'm not getting the presets when I click on it and I'm super messed up!

    • @calblue8694
      @calblue8694 Місяць тому

      Same here

    • @tifacola
      @tifacola 14 днів тому

      @@calblue8694 Hey, I figured it out! You place it in there and if you click on the element on the designer it will pop up the presets! Woot!

  • @reesgargi
    @reesgargi Місяць тому

    Awesome tutorial. Thanks Mike

  • @psdower
    @psdower Місяць тому

    Is there a way to collect partial submissions with input flow? I'd prefer to capture contact information before they jump into the long form quiz.

  • @Taout-tv
    @Taout-tv Місяць тому

    Does this work for updating a record? I tried this, using PATCH instead of POST (as per the documentation) but the flow isn't pulling my hidden fields in the form (which has my airtable record ID hidden field), so it puts the input data in the first record in my airtable table. Any suggestions?

  • @ZiaMalik-pe2oh
    @ZiaMalik-pe2oh Місяць тому

    "Brother, my website has three forms. The attributes you mentioned are working on one form, but not on the other two. What could be the reason for this, and what is the solution?"

  • @i_am_a_real_cat1443
    @i_am_a_real_cat1443 Місяць тому

    is it possible also for newsletter?

  • @ShahinKhalasi_Web
    @ShahinKhalasi_Web Місяць тому

    Hi Mike! I am having a problem building this stacking card, my last card stays separated at the bottom, what can I do to solve this issue?

  • @TheMrAi_com
    @TheMrAi_com Місяць тому

    THANK YOU!

  • @private_krapfen950
    @private_krapfen950 Місяць тому

    Great video! Is it possible to create a branch in WebflowLogic that, depending on which checkbox is selected in a form submission, sends the data to a different table, so that various tables are automatically sorted in airtable?

  • @JoséManuel-p1y
    @JoséManuel-p1y Місяць тому

    How is this done from the JSON response of an HTTP Request?

  • @wearethehumansofearth
    @wearethehumansofearth Місяць тому

    Can't get it to work. It will accept the email but none of the other fields are working.

  • @rpaulseymour
    @rpaulseymour Місяць тому

    Why o why do I have NO checked state? 😫

  • @nellitarocaabuchaibe2990
    @nellitarocaabuchaibe2990 Місяць тому

    super helpful, thank you! Do you know how to do this for the Sign Up page under User pages? I don't see the options to add a redirect link, action link, or "post/get" method :/

  • @nutella571
    @nutella571 2 місяці тому

    Hey @mikepecha - thanks for the awesome guide! Really makes a difference for our clients. One quesiton - we finished the setup with bp and honeypot - not when you click form submit button - theres 3 seconds delay until successful form submitted confirmation is shown. Sometimes it makes user to click multiple times so it creates multiple duplicate submissions. How to eliminate this delay?

    • @mikepecha
      @mikepecha 2 місяці тому

      Thank you. You could modify the JavaScript to disable the button while the form is being submitted.

  • @specki9850
    @specki9850 2 місяці тому

    Super cool Video, thanks for that! How is the lorem Ipsum text created if you type /lorem ? Best regards Marcel

    • @mikepecha
      @mikepecha 2 місяці тому

      @@specki9850 Thank you, Marcel. You can check the Video in my Challen "10 Tips to build faster in Webfloe" there I show it

  • @chasekengott9383
    @chasekengott9383 2 місяці тому

    How did you have the background highlighted when you chose a selection? I cannot seem to complete this simple task. I'm using border interactions for the buttons/selections like in your 'What is your main fitness goal?' To click and unclick as an animation should be simple no?

    • @mikepecha
      @mikepecha 2 місяці тому

      @@chasekengott9383 docs.inputflow.io/engagement-boosters/radio-button-and-checkbox-active-state

  • @habilosauditoredafirenze3564
    @habilosauditoredafirenze3564 2 місяці тому

    This is great! Is it also possible to create the form in a way that it automatically goes to the next step after I click on a list element?

    • @mikepecha
      @mikepecha 2 місяці тому

      Yes, there is an option in the form settings to achieve that

  • @FahmidurRahman-ej2cm
    @FahmidurRahman-ej2cm 2 місяці тому

    Thank you for this easy tutorial

    • @mikepecha
      @mikepecha 2 місяці тому

      You’re welcome 😊

  • @mw5145
    @mw5145 2 місяці тому

    Das ist mein erstes Video von Dir. Du machst es großartig. Vielen Dank für Deine fantastische Arbeit

  • @MissNat512
    @MissNat512 2 місяці тому

    You're a legend. 1 hour battling on Webflow and you solved it for me in 5 minutes. Thank you!

    • @mikepecha
      @mikepecha 2 місяці тому

      Glad, it was helpful :)

  • @nishanthb2327
    @nishanthb2327 2 місяці тому

    Hey, I have a question will this display the website visitor's time etc. or mine?

    • @mikepecha
      @mikepecha 2 місяці тому

      By default, it displays the time im the visitor's time zone. But there is an Option to change thaz

    • @there_was_a_2453
      @there_was_a_2453 26 днів тому

      @@mikepecha Great, but how? I want to display my time for every visitor, meaning... visitors come to my page and see my timezone not theirs. Thank you in advance!

    • @mikepecha
      @mikepecha 26 днів тому

      @there_was_a_2453 you can go to the website, it is explained in the documentation.

    • @there_was_a_2453
      @there_was_a_2453 26 днів тому

      @@mikepecha Not sure where to find it. I'm aware that I'll need to add an attribute, but which command is it? I found the command I'm looking for on the page for time-based Visibility, not sure if I can just use it for Display Current too? I'm talking about this one: »ift-visible-timezone ...«

    • @there_was_a_2453
      @there_was_a_2453 19 днів тому

      @@mikepecha Just need a little nudge in the right direction, please.

  • @lennyhe2762
    @lennyhe2762 2 місяці тому

    It works amazing! Thank you for this great tool! <3

  • @brendinventer6407
    @brendinventer6407 2 місяці тому

    Yo been using it for years learnt heaps today!!

    • @mikepecha
      @mikepecha 2 місяці тому

      Happy to hear that :)

  • @camilabernallopez7231
    @camilabernallopez7231 2 місяці тому

    Thank you!!! Very useful

  • @TheBalkanSpy
    @TheBalkanSpy 2 місяці тому

    I can't get it to work 😭 I do everything correct and it just doesn't work. Gives me error that something went wrong when I submit the form

  • @TheFormaTv
    @TheFormaTv 2 місяці тому

    unfortunately it doesn't work :(

  • @peterfeysa1633
    @peterfeysa1633 2 місяці тому

    My friend...this seriously puts Mailchimp and Webflow to shame. Your explaination was so much more accurate and precise...and helpful....than the hours I've spent speaking with their experts. Thanks for putting this out there, Mike.

    • @mikepecha
      @mikepecha 2 місяці тому

      Thank you, Peter :) Glad it was helpful

  • @private_krapfen950
    @private_krapfen950 2 місяці тому

    great video, is there some protection against bots, maybe a cool down or something?

  • @vellizeynalov
    @vellizeynalov 3 місяці тому

    Thank Youuu☺

    • @mikepecha
      @mikepecha 2 місяці тому

      You're welcome 😊

  • @GiantsOnTheHorizon
    @GiantsOnTheHorizon 3 місяці тому

    You're an excellent instructor! Thanks so much for such a straightforward and easy-to-follow video!

    • @mikepecha
      @mikepecha 2 місяці тому

      Happy to hear that :)