- 47
- 214 144
Mike Pecha
Bulgaria
Приєднався 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.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!
▶ 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
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)
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!
Does it work with HubSpot forms?
This was incredible usefull Mike! TVM!
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,
Amazing video, super helpful! Thank you!
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
I did the same stuff and it does not work.
Can you help? Canada here
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 😂
Easy to follow! THank you
Very helpful thank you!
Thank you
Best Webflow content creator on the internet.
Thank you for the kind words, Christopher :)
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?
Thanks Mike Please anyone, what is the best email marketing platform I can use with webflow for automation
I think you don’t understand how much i love you and how you have been useful to me
@@arafatifatine1554 Thank you :) happy to hear, that you enjoy the videos
How do I get it to also send the email submission from webflow's site settings??
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
awesome so helpful. Was trying with embed similar method but didn't work, tried this worked first time. 10/10
Happy to hear that :)
Really awesome and informative content. What is the easiest way to connect webflow cms data to python code? noob question
Use the the Webflow Data API: developers.webflow.com/data/reference/rest-introduction
@@mikepecha thanks !
I'm not getting the presets when I click on it and I'm super messed up!
Same here
@@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!
Awesome tutorial. Thanks Mike
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.
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?
"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?"
is it possible also for newsletter?
Yes, possible
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?
THANK YOU!
You're welcome!
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?
How is this done from the JSON response of an HTTP Request?
Can't get it to work. It will accept the email but none of the other fields are working.
Why o why do I have NO checked state? 😫
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 :/
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?
Thank you. You could modify the JavaScript to disable the button while the form is being submitted.
Super cool Video, thanks for that! How is the lorem Ipsum text created if you type /lorem ? Best regards Marcel
@@specki9850 Thank you, Marcel. You can check the Video in my Challen "10 Tips to build faster in Webfloe" there I show it
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?
@@chasekengott9383 docs.inputflow.io/engagement-boosters/radio-button-and-checkbox-active-state
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?
Yes, there is an option in the form settings to achieve that
Thank you for this easy tutorial
You’re welcome 😊
Das ist mein erstes Video von Dir. Du machst es großartig. Vielen Dank für Deine fantastische Arbeit
Vielen Dank :)
You're a legend. 1 hour battling on Webflow and you solved it for me in 5 minutes. Thank you!
Glad, it was helpful :)
Hey, I have a question will this display the website visitor's time etc. or mine?
By default, it displays the time im the visitor's time zone. But there is an Option to change thaz
@@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!
@there_was_a_2453 you can go to the website, it is explained in the documentation.
@@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 ...«
@@mikepecha Just need a little nudge in the right direction, please.
It works amazing! Thank you for this great tool! <3
Yo been using it for years learnt heaps today!!
Happy to hear that :)
Thank you!!! Very useful
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
unfortunately it doesn't work :(
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.
Thank you, Peter :) Glad it was helpful
great video, is there some protection against bots, maybe a cool down or something?
Thank Youuu☺
You're welcome 😊
You're an excellent instructor! Thanks so much for such a straightforward and easy-to-follow video!
Happy to hear that :)