ฝัง
- เผยแพร่เมื่อ 12 ก.ค. 2024
- In this video I'll show you the various ways we can customize forms in Webflow to do anything we need from them. CRM tools like Mailchimp, Hubspot, and Mailerlite give us so much functionality beyond the default Webflow forms submissions, so it's time you implemented one on your site!
// CLONE IT
webflow.grsm.io/cloneable-is-...
// MORE RESOURCES
🆓 Get FREE access to my component library: webbae-component-signup.webfl...
💪 My ULTIMATE Webflow Resource Library: code-snippets-sign-up.webflow.io
🐥 Follow Me! / webisbae
🌶 🌶 🌶 🌶 🌶 🌶 🌶 🌶 🌶 🌶 🌶 🌶 🌶 🌶 🌶 🌶 🌶 🌶 🌶 🌶
↘️ ↘️ ↘️ Don't make me get a real job ↙️ ↙️ ↙️
/ webbae
↗️ ↗️ ↗️ Support your friendly Webflow creator ↖️ ↖️ ↖️
🌶 🌶 🌶 🌶 🌶 🌶 🌶 🌶 🌶 🌶 🌶 🌶 🌶 🌶 🌶 🌶 🌶 🌶 🌶 🌶
00:00 Intro and Demo
01:00 Webflow Project Build
01:47 Form setup in Mailerlite
02:40 Hooking up the form
05:33 Getting the native Webflow submission back
08:06 Custom redirects on submit - แนวปฏิบัติและการใช้ชีวิต
Unlike others, you create tutorials on webflow which is Super useful for webflow developers. Thank you so much for your hard work.
Thank you! Glad it was helpful to you.
I was using integromat to do that. You made the process so easier ! 👏 Thanks a lot !
Great video. A lot of insights!
Learning alot from you, Thanks a bunch!
Such a game changer ! Was gonna dive into Make or Zapier for this, but this is much simpler. Thank you for this !
Glad it helps! Anything to keep me out of Zapier 😆
This is great! Exactly the problem i was having with the "Success",true sending the data to airtable. Thanks a lot!
Holy shnikes!!!! I was so angry about finding a bunch of TH-cam videos that just totally breezed through the process, not showing all the intermediary steps that it actually takes to set this up. THIS VIDEO IS GOLDEN!! Thank you for taking the time to go through this step by step! ⭐
Glad it helped!
Yes! Just what I needed thanks a bunch! :D
Glad I could help!
Thank yoouuu so much! new suscriber here!
this worked perfectly thank you!
Glad it helped!
THANK YOU! I searched high and low on the Webflow forums for a solution for this redirection problem and everyone said "you need custom code" but then didn't provide any further direction. You made this so simple. SO GRATEFUL 🙏🏼
Glad it helped :)
Great stuff. Thank you
Awesome tutorial!
Thank you!
Thanks a lot man!!🔥🔥💪🏾
Glad it helped.
Thank you for this!
So I am trying to use webflow native forms with Beehiiv. Beehiiv only give iFrame embeds and I can't find any Action url in the code. Any thoughts?
Amazing! - I was honestly just embedding mailerlite for a while, and a lot of people couldn't see the form at all on the website cause of adblock -_-
This is way more accessible and I can actually customize it and make it look nice!
Yea embedding forms is usually the easiest way to ensure your data gets integrated but often introduces other problems - styling! Didn’t know blockers would do that either - good to know and thank you for sharing.
Thanks.. more webflow videos please ☺
Sure 😊
Nice one 🙂
Thanks for this, super awesome. How do you handle dropdowns and radios for this. Or even in the case of several input fields Thanks
As long as you map the fields from the form on your page to match the form in your CRM form builder you should be good to go.
🔥
Thank you Connor! Looking forward to see you at Webflow Conf.
Thanks for the tutorial!
I am wondering, does this work if I have a webflow built website but hosting it elsewhere?
I am hosting one for a client on Netlify and it doesn't seem to redirect me to the success page.
I'm not 100% sure. To my knowledge Webflow Forms wont work for exported code though which makes sense as forms would have to "talk" to Webflow servers.
You'll probably need to define your own submit action.
A quick question regarding how this works inline with GDPR… once someone submits their information, is this stored by webflow at all or does it only get stored by the third party CRM?
As we are changing the action these forms will never see Webflow servers so should be good to go for GDPR but I’m not an expert on those laws.
wait how does it work with a hubspot form since they don't show the HTML code when you try to share it on a landing page and inspect?
I’ve seen this method work with hubspot as well.
There are a lot of good tutorials for Hubspot too - check out the one by Harshit!
Would this be a way to be GDPR compliant? Because the form data is not being to sent to webflow servers?
I’m not the expert here but my understanding is that Webflow, as your Processor, is GPDR compliant. In this case you are the controller so if your CRM is GPDR compliant along with the rest of your site then yes you are compliant. You should probably speak to a lawyer and read through this too though webflow.com/legal/privacy-faqs
I love u
🫶
So does this save the data into Webflow too, or just pass it all over to the CRM?
just passes it to CRM. No Webflow form submission.
what if you want a contact form that sends to email to communicate with users?
for my setup - I would trigger an automatic email in Mailerlite on signup. You could also achieve this with a tool like Webflow Logic or Zapier.
Now do we get a mailchimp example?
I saw there are some videos on youtube around this already - did you run into any specific issues?
Hello, if I did this and then exported the site to another hosting, would the information still be sent to CRM? If not, is there a way to do it?
Not sure actually but I would think it could work!
@@webbae I actually tried it and it works!
@@jefimijekrstic1855 that's awesome thanks for following up!
So I've tried, but it worked nice only the first time. In the second test without any changes, shows up an error in the console I don't know why. So I'm not master in no code, just still use Integromat.
What’s the error?
Ive tried again today and it worked perfectly.
Probably the first time I made an error somewhere. My bad. Thanks again for this useful tip !
Result: I have several forms sending data to several platforms without need of zapier
I tried with my multistep form, and it doesnt work :( when i summit it says "Oops! Something went wrong while submitting the form." I tried fixing but no luck
Hmm I haven't tried it with multistep forms but if all of the form inputs are being pushed to the action specified then I don't see why it wouldn't work. Not sure without being able to see your example.
the error occurs and page refreshes after that
What platform are you connecting it to?
You make things too easy! Missing the cloth talk tho
Imma give you that cloth talk this weekend babe 😉
Hello, thanks for your video !
Does this method allow us to track the conversion rate on the form ?
your form provided might provide analytics on form submissions but if you're referring to google analytics / tag manager my answer would be "maybe" 🙃 best way to know would be to test it!
@@webbae Already tested it... and didn't find anything :/