Mike Pecha
Mike Pecha
  • Видео 47
  • Просмотров 174 168
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.io/library
▶ Build Multi-Step Forms in Webflow
inputflow.io
#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 all...
Просмотров: 256

Видео

CMS Driven Info Banners in Webflow (Clients love this)
Просмотров 31914 дней назад
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.io #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)
Просмотров 36921 день назад
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.io #webflow
7 Creative Ways To Make Money with Webflow
Просмотров 1,2 тыс.Месяц назад
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.io 00:00 Niche Productized Service 02:37 Webflow Apps 05:04 Specific Libraries 07:01 Niche Courses 09:16 Remove Webflow...
Connect Webflow Forms To Airtable (with Webflow Logic)
Просмотров 463Месяц назад
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.io #webflow * The description of this video contains affiliate links (marked...
Show Current Year, Month and Time on Webflow Site
Просмотров 227Месяц назад
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.io #webflow
Build Multi-Step Forms in Webflow (Ultimate Guide)
Просмотров 6 тыс.5 месяцев назад
Build Multi-Step Forms in Webflow (Ultimate Guide)
Complete Webflow Quickstack Tutorial (Better than Grid?!)
Просмотров 9 тыс.Год назад
Complete Webflow Quickstack Tutorial (Better than Grid?!)
Multi Step Forms in Webflow (with Inputflow)
Просмотров 17 тыс.Год назад
Multi Step Forms in Webflow (with Inputflow)
Beautiful Parallax Scroll Animation in Webflow
Просмотров 21 тыс.Год назад
Beautiful Parallax Scroll Animation in Webflow
Save Form Data to CMS with Webflow LOGIC
Просмотров 14 тыс.Год назад
Save Form Data to CMS with Webflow LOGIC
10 Tips To Work 10x FASTER in Webflow
Просмотров 6 тыс.Год назад
10 Tips To Work 10x FASTER in Webflow
The 5 Tools EVERY Webflow Developer MUST Know
Просмотров 10 тыс.Год назад
The 5 Tools EVERY Webflow Developer MUST Know
Save Webflow Form Submissions as CMS Items with Make (Integromat)
Просмотров 7 тыс.Год назад
Save Webflow Form Submissions as CMS Items with Make (Integromat)
Webflow + Javascript: 3 Tips To Improve Your Code!
Просмотров 6 тыс.Год назад
Webflow Javascript: 3 Tips To Improve Your Code!
Prevent Webflow Form SPAM With Formspark & Botpoison
Просмотров 3,7 тыс.Год назад
Prevent Webflow Form SPAM With Formspark & Botpoison
Stacking Card Effect in Webflow (Tutorial)
Просмотров 20 тыс.Год назад
Stacking Card Effect in Webflow (Tutorial)
Custom Checkbox Styling in Webflow Forms (Quick & Easy)
Просмотров 3,5 тыс.Год назад
Custom Checkbox Styling in Webflow Forms (Quick & Easy)
How to integrate Mailchimp and Webflow? (Basic Setup, Custom Fields, Tags)
Просмотров 17 тыс.Год назад
How to integrate Mailchimp and Webflow? (Basic Setup, Custom Fields, Tags)

Комментарии

  • @stanaalexandru21
    @stanaalexandru21 2 часа назад

    Dude! This is insane! WTF, your a genius!

  • @danielabaigorri
    @danielabaigorri 2 дня назад

    Great video! You do such a good job at explaining and giving useful examples for better understanding. Thank you!!

  • @Sacha_R.
    @Sacha_R. 6 дней назад

    Hello, first of all thank you very much for the video and the effort for the software. I tried inputflow for a form I have on my Webflow website, however the submit button is in every step of the form, and in the end when I try to hit it (the submit button), nothing happens. The form doesn't submit, it doesn't do anything. Could this be linked to inputflow ? Does someone have this issue as well ? Any help would be appreciated thank you !

    • @mikepecha
      @mikepecha 5 дней назад

      Hello Sacha. Webflow has 2 button elements (the Submit Button and the normal Button). The submit button should only be put at the end of the form, and when the user clicks it the form data is submitted. All other buttons (The "Next buttons") must be normal "Button" elements.

    • @Sacha_R.
      @Sacha_R. 5 дней назад

      @@mikepecha Hello, I just fixed the problem this morning. In case it can help anyone: I had a selector that I set on "required" and for some reson it seemed to "block" the submission, even though I selected an option on the selector and it didn't give me the message "this field is required"... I simply unitcked the "required" option and it worked... Thanks for the answer and for the great app ! Best, Sacha

  • @mcarthas7809
    @mcarthas7809 6 дней назад

    Hello, I have been trying to do something similar but it looks like Make changed since this video? Or maybe I am doing something wrong. When I use the Create an Item module in Make, everything looks almost exactly the same but the "live" option at the bottom is not there. When I run my scenario the Item is created but not being published. Am I missing something here? Would appreciate any help :)

    • @mikepecha
      @mikepecha 5 дней назад

      With the new Webflow API you have to do a second request to publish an item. There should be an option "Publish item" of something like that.

    • @mcarthas7809
      @mcarthas7809 5 дней назад

      @@mikepecha Hey Mike, thank you for answering, I actually managed to figure that out in the end - but super appreciative of your responsiveness. - we also started experimenting and building with inputflow, it's a really great tool :)

    • @mcarthas7809
      @mcarthas7809 5 дней назад

      @@mikepecha Thank you again, I actually have another question I have been trying to figure out. After creating an publishing the CMS page, is there a way to re-direct the user after submission to the new CMS page? I have been playing with some Javascript around it but couldn't make anything work properly :D

  • @TheMaymu
    @TheMaymu 13 дней назад

    Thx

  • @dominikfohr9435
    @dominikfohr9435 17 дней назад

    Hi, wie kann man auf die bezahlte Version upgraden? Ich finde keinen Login oder ähnliches auf deiner Webseite um mein Konto auf die bezahlte Version upgraden zu können. Ich möchte mein Formular auf der custom domain laufen lassen. Vielen Dank für deine Hilfe.

    • @mikepecha
      @mikepecha 17 дней назад

      @@dominikfohr9435 Hi, wenn du die Inputflow App geöffnet hast, und eingeloggt bist, findest du oben rechts im "Form Editor" den Upgrade button. Ansonsten schreibe gerne eine kurze E-Mail an mike@inputflow.io und ich schicke dir dann ein kurzes Loom Video mit Erklärung durch. Gruß, Mike

    • @dominikfohr9435
      @dominikfohr9435 10 дней назад

      @@mikepecha Vielen Dank für deine Erklärung. Da war ich wohl in der Tat etwas blind ;) Danke für deine schnelle Rückmeldung. Viele Grüße Dominik

    • @mikepecha
      @mikepecha 10 дней назад

      @@dominikfohr9435 kein Thema. Falls du weitere Fragen hast, oder Hilfe beim Setup brauchst, schreibe mir gerne eine email (mike@inputflow.io)

  • @infinitedesigns_io
    @infinitedesigns_io 18 дней назад

    Awesome! So easy to implement. Thanks Mike!

    • @mikepecha
      @mikepecha 17 дней назад

      Glad you enjoyed it man!

  • @kafiahammed3548
    @kafiahammed3548 18 дней назад

    Thanks 👍 we want more videos like this

  • @kevynlevine
    @kevynlevine 18 дней назад

    Thanks for sharing this for free with the community!

    • @mikepecha
      @mikepecha 18 дней назад

      You are welcome :)

  • @IvanaMilovanović-t5g
    @IvanaMilovanović-t5g 18 дней назад

    Great video. Thanks!

    • @mikepecha
      @mikepecha 18 дней назад

      Glad you liked it :)

  • @umarfarukraju8645
    @umarfarukraju8645 18 дней назад

    Thank you very much

  • @mikepecha
    @mikepecha 18 дней назад

    ▶ Clone the Webflow project: try.webflow.com/range-slider * ▶ Inputflow Library: inputflow.io/library ▶ Build Multi-Step Forms in Webflow inputflow.io

  • @mikepecha
    @mikepecha 18 дней назад

    ▶ Build Multi-Step Forms in Webflow inputflow.io

  •  18 дней назад

    hi Mike, i want to ask: so basicly, this auto-create limit item by 50 (starter plan), 2000 (cms plan) ?

  • @shuvo7919
    @shuvo7919 19 дней назад

    Wow Just Awesome this inputflow apps. It's really cool❤.

    • @mikepecha
      @mikepecha 18 дней назад

      Thanks. And it gets better and better 😉

  • @Dreysimmons
    @Dreysimmons 19 дней назад

    NIce solid video!

  • @assaawin
    @assaawin 19 дней назад

    You made my day so I pushed the subscription button as an appreciation ❤

    • @mikepecha
      @mikepecha 19 дней назад

      Happy to hear that :)

  • @jonasarleth
    @jonasarleth 19 дней назад

    When you use a toggle in your cms collection, you can also use the plus icon next to the visibility settings and connect it there. The benefit is it's not rendering in the code and you don't have to set the filter or hide empty states.

    • @mikepecha
      @mikepecha 19 дней назад

      Good suggestion! This would optimize it even further 👍

  • @SiteSparkBelgium
    @SiteSparkBelgium 20 дней назад

    Nice, I love your easy-to-follow Webflow tutorials, keep posting these!

    • @mikepecha
      @mikepecha 20 дней назад

      Thanks, will do!

  • @FrederikGeier
    @FrederikGeier 22 дня назад

    very helpful, thanks you! awesome that you also mention the finsweet thing

  • @JANjeweetzali
    @JANjeweetzali 22 дня назад

    I love this!

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

    So I should only focus on mastering react,javascript and gsap with webflow to build advanced features.functionalities and animations to charge more to clients right?Plz reply,i need guidance

  • @mateusvidal3187
    @mateusvidal3187 27 дней назад

    Wooow! This is pure gold, dude! Thanks a lot for sharing, haha It could have a part 2

  • @nironathan2490
    @nironathan2490 29 дней назад

    Nice Video! I want to subscribe your inputflow, but before I wanna see the this form design how to use customize radio buttons. The link in the discription doesn't work, can you update the link for the clone able project. thanks in advance.

  • @porushpuri
    @porushpuri 29 дней назад

    Saviour! Thanks for sharing it, super useful

  • @GermanLazarev
    @GermanLazarev Месяц назад

    idk why VS Code dont connect with Webflow, whats can be the probvlem ?

  • @azimi9984
    @azimi9984 Месяц назад

    MIke is there a way for the cms item to upload without reloading the page

    • @mikepecha
      @mikepecha Месяц назад

      You could upload it like shown in the video and then also add it to the page with JavaScript.

  • @madhursharma8217
    @madhursharma8217 Месяц назад

    I am learning to master react,nextjs,javascript,gsap and react native.I have a good grip on webflow now.Am i on the right track?Will these be helpful with webflow in services to clients

    • @mikepecha
      @mikepecha Месяц назад

      Yes, but for Webflow, NextJS is not necessary. React only if you build custom Apps/work with DevLink. The most important thing is storng JavaScript fundamentals, if you want to extend Webflow with cusotm code for clients.

    • @madhursharma8217
      @madhursharma8217 Месяц назад

      @@mikepecha No no i mean adding nextjs,react and react native as a service as well to clients,not using with webflow.

    • @mikepecha
      @mikepecha Месяц назад

      I recommend to specialize in one type of development, and become really good at it, instead of being a jack of all trades.

    • @madhursharma8217
      @madhursharma8217 29 дней назад

      So I should only focus on mastering react,javascript and gsap with webflow to build advanced features.functionalities and animations to charge more to clients right?

    • @madhursharma8217
      @madhursharma8217 27 дней назад

      @@mikepecha plz reply

  • @manthanpatel2024
    @manthanpatel2024 Месяц назад

    thanks man!

  • @jonasarleth
    @jonasarleth Месяц назад

    Good summary! I use a few of your recommendations myself and can make a very good living out of it.

    • @mikepecha
      @mikepecha Месяц назад

      Thanks, Jonas :) Yes, I think there are lots of interesting ways to how one can monetize their Webflow skills, which a lot of people are unaware of.

  • @callu6528
    @callu6528 Месяц назад

    I watched this video last week and felt the need to comeback and thank you. The focus mode is insanely good, really like your content!

    • @mikepecha
      @mikepecha Месяц назад

      @@callu6528 Happy to hear that, Callu :)

  • @user-my7mc5fm3v
    @user-my7mc5fm3v Месяц назад

    I don't usually comment but very informative video I'll definitely start to look into apps and Tutorials . Awesome video thanks 😁

    • @mikepecha
      @mikepecha Месяц назад

      @@user-my7mc5fm3v You are welcome :) Mike

  • @nicolebaron8749
    @nicolebaron8749 Месяц назад

    It's amazing when people don't keep knowledge to themselves. Thanks a lot for sharing!

    • @mikepecha
      @mikepecha Месяц назад

      Glad it was helpful :) Mike

  • @codystrate
    @codystrate Месяц назад

    Exactly what I needed. Thank you!

  • @maximilianogarcia1317
    @maximilianogarcia1317 Месяц назад

    Great insights Mike, thank you! A couple of questions here. 1. If the form is configured as a component, I assume I don't need to repeat the process in every page. Correct? 2. In the case of single email opt-ins (for example for users to subscribe to our company newsletter). Would you advise to use the same method (formspark+botpoison)? In that case, should I create a separate form for the single opt-in? Thanks again.

  • @bruceb85
    @bruceb85 Месяц назад

    can i save text input field data to a cms? without submitting a form? Ie id like a configurable dashboard with input fields to save the data as variables to be used elsewhere

  • @TheKetoSurvivor
    @TheKetoSurvivor Месяц назад

    Excelle nt! This is good stuff. Thank you1

  • @remi645
    @remi645 Месяц назад

    Idk why the picture import not working for me... I have a webflow "File upload" section to get the link, make detect it without any errors but nothing appear in my CMS collection... Someone to help me with this?

    • @mikepecha
      @mikepecha Месяц назад

      Go to your Site settings > Forms tab > Restrict uploaded file access and set it to "off". Then save & publish. Then it will work

  • @AlfaAnlytics
    @AlfaAnlytics Месяц назад

    excellent way to teaching

  • @ff15un30
    @ff15un30 Месяц назад

    Great Video! Thank you for the tutorial. I'm still a beginner so I have a couple of questions! When you publish your Site, are you still able to go back to Designer Mode?

    • @mikepecha
      @mikepecha Месяц назад

      Yes, you can always make changes in the Designer, even after publishing the page. Publishing just means, that the changes you are made in the Designer are now visibile on the live website

    • @ff15un30
      @ff15un30 Месяц назад

      @@mikepecha Thank you so much!

  • @infinitedesigns_io
    @infinitedesigns_io Месяц назад

    Awesome video! Thanks Mike!

  • @goert4420
    @goert4420 Месяц назад

    Thanks a lot for that. This is very helpful! Would this procedure also work with Baserow, which would be GDPR comliant?

    • @mikepecha
      @mikepecha Месяц назад

      I am not familiar with Basewor, but if they have an API similar to Airtable's, you could also di it with Webflow Logic

  • @joemontero741
    @joemontero741 Месяц назад

    Is there a way to custom radio buttons to look like single select chip and checkboxes as multi-select chip?

  • @PeterRychlik
    @PeterRychlik Месяц назад

    Really clear and comprehensive and straight to the point as always, Mike! Keep up the great work. This is the second or third video of yours I've watched, and your style is very consistent and excellent! Subscribed!

    • @mikepecha
      @mikepecha Месяц назад

      Thank you for the feedback, Peter! I really appreciate it :) Mike

  • @cam-gomersall-periscope-media
    @cam-gomersall-periscope-media Месяц назад

    Love it man, thanks!

    • @mikepecha
      @mikepecha Месяц назад

      Glad you like it!

  • @conormartinai
    @conormartinai Месяц назад

    Great stuff mike, really clear tutorial!

    • @mikepecha
      @mikepecha Месяц назад

      Thanks Conor 🙏 Appreciate your feedback :)

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

    Hey, Mike. Thanks for the great tutorial! I'm having a problem, tho. The Logic is running, the new item is getting added to the CMS, but my page is not updating (I'm manually reloading the page). I have to publish the project again in order for it to update. Do you have any idea why?

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

    Dude this tutorial is amazing. Thank you for your help.

  • @ChristianBachmann-Webdesign
    @ChristianBachmann-Webdesign 2 месяца назад

    Master is back!

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

      Danke Christian :)

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

    Link to the Current Time Data Tool: inputflow.io/tools/display-current-xyz