![Mike Pecha](/img/default-banner.jpg)
- Видео 47
- Просмотров 174 168
Mike Pecha
Болгария
Добавлен 19 окт 2021
Practical knowledge and information to build websites and web applications with Webflow.
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...
▶ 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)
Dude! This is insane! WTF, your a genius!
Great video! You do such a good job at explaining and giving useful examples for better understanding. Thank you!!
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 !
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.
@@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
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 :)
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.
@@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 :)
@@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
Thx
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.
@@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
@@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
@@dominikfohr9435 kein Thema. Falls du weitere Fragen hast, oder Hilfe beim Setup brauchst, schreibe mir gerne eine email (mike@inputflow.io)
Awesome! So easy to implement. Thanks Mike!
Glad you enjoyed it man!
Thanks 👍 we want more videos like this
More to come!
Thanks for sharing this for free with the community!
You are welcome :)
Great video. Thanks!
Glad you liked it :)
Thank you very much
You are welcome
▶ Clone the Webflow project: try.webflow.com/range-slider * ▶ Inputflow Library: inputflow.io/library ▶ Build Multi-Step Forms in Webflow inputflow.io
▶ Build Multi-Step Forms in Webflow inputflow.io
hi Mike, i want to ask: so basicly, this auto-create limit item by 50 (starter plan), 2000 (cms plan) ?
Correct
Wow Just Awesome this inputflow apps. It's really cool❤.
Thanks. And it gets better and better 😉
NIce solid video!
You made my day so I pushed the subscription button as an appreciation ❤
Happy to hear that :)
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.
Good suggestion! This would optimize it even further 👍
Nice, I love your easy-to-follow Webflow tutorials, keep posting these!
Thanks, will do!
very helpful, thanks you! awesome that you also mention the finsweet thing
I love this!
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
Wooow! This is pure gold, dude! Thanks a lot for sharing, haha It could have a part 2
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.
Saviour! Thanks for sharing it, super useful
idk why VS Code dont connect with Webflow, whats can be the probvlem ?
MIke is there a way for the cms item to upload without reloading the page
You could upload it like shown in the video and then also add it to the page with JavaScript.
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
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.
@@mikepecha No no i mean adding nextjs,react and react native as a service as well to clients,not using with webflow.
I recommend to specialize in one type of development, and become really good at it, instead of being a jack of all trades.
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?
@@mikepecha plz reply
thanks man!
Good summary! I use a few of your recommendations myself and can make a very good living out of it.
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.
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!
@@callu6528 Happy to hear that, Callu :)
I don't usually comment but very informative video I'll definitely start to look into apps and Tutorials . Awesome video thanks 😁
@@user-my7mc5fm3v You are welcome :) Mike
It's amazing when people don't keep knowledge to themselves. Thanks a lot for sharing!
Glad it was helpful :) Mike
Exactly what I needed. Thank you!
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.
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
Excelle nt! This is good stuff. Thank you1
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?
Go to your Site settings > Forms tab > Restrict uploaded file access and set it to "off". Then save & publish. Then it will work
excellent way to teaching
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?
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
@@mikepecha Thank you so much!
Awesome video! Thanks Mike!
Thanks mate :)
Thanks a lot for that. This is very helpful! Would this procedure also work with Baserow, which would be GDPR comliant?
I am not familiar with Basewor, but if they have an API similar to Airtable's, you could also di it with Webflow Logic
Is there a way to custom radio buttons to look like single select chip and checkboxes as multi-select chip?
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!
Thank you for the feedback, Peter! I really appreciate it :) Mike
Love it man, thanks!
Glad you like it!
Great stuff mike, really clear tutorial!
Thanks Conor 🙏 Appreciate your feedback :)
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?
Dude this tutorial is amazing. Thank you for your help.
Master is back!
Danke Christian :)
Link to the Current Time Data Tool: inputflow.io/tools/display-current-xyz