How to Connect Webflow to Airtable with Logic in 10 min
HTML-код
- Опубликовано: 11 июл 2024
- Let's explore how to use Webflow Logic in this guide on how to connect your Webflow forms to Airtable. I'll walk you through the basics of the Airtable developer documention including generating your own PAT (Personal Access Token) which will fully replace API Keys by January 2024. Additionally, we will point out some quirks in Webflow Logic like defining our Authorization header key and value correctly with the Bearer keyword AND how to simplify editing the JSON data payload. It's all here!
// CLONE IT (affiliate link)
👯♂️ webflow.grsm.io/cloneable-is-...
// FREE STUFF
💪 My ULTIMATE Webflow Resource Library: code-snippets-sign-up.webflow.io
// SUPPORT ME
💵 Patreon: / webbae
// ADVANCED WEBFLOW COURSE
🎓 Webflow 201: www.webbae.net/product/webflo...
// SAY THANKS
🙏 testimonial.to/web-bae-testim...
// GET HELP
🙋♀️ Discord: / discord
// FOLLOW ME
🐥 Follow Me! / webisbae Хобби
Thank you much needed savior
of course! glad you liked it.
Thank you so much for this quick tutorial.
Glad it could help!
Thank you Boss!
Thank you for this video! It was helpful :)
Glad it was helpful!
Bossin up ERRDAY
That’s amazing! How can we pass multi reference fields back to Airtable or straight from Webflow form to Webflow CMS!? Thank you!
I’m not sure exactly but I do know that Webflow multi ref CMS imports are done with strings separated by semicolon.
Awesome!
Can similar be done with Hubspot, Google sheets etc?
Yup - the json payload will likely be different depending on which platform you use. But you can step through the documentation just like I did.
Great tutorial and worked like a dream except for an issue. If I try to self host the HTML on my own server I get a constant error that the DB cant connect. Do you need to remove the native functions of the forms from Webflow? Right now data is going to both Airtable and the Webflow forms DB with its stupid 500 limit
Yea you probably need your own form submit action for this - though I’m not 100% sure I haven’t tried exporting Webflow forms.
Your video is great! Great for the beginner. One issue I've encountered... The final step of publishing in the website and then testing does not work for me. I get a success message upon submission in the website but the information I entered doesn't populate airtable. Since when I tested I used a valid email address I did get an email that my submission went through but the information listed in the form isn't populated in airtable. I have a free webflow account and I suspect that could be the issue. Any suggestions?
Hey Robert I'm not 100% sure on this one. I would try deleting and recreating the flow (annoying I know). Otherwise I'd check with Webflow support. I don't think it's due to it being a free account though. I've had issues with publishing breaking flows as well but not sure exactly how to reproduce it.
I had the same issue until I enabled "Use secure frame headers" when publishing my site. Now my form submissions populate my Airtable! :D
Hi @web bae - great video. I have one issue with the Logic - once I publish something on staging and live domain is different, then Logic crashes. Do you know why. itmight happen?
I’ve run into this issue too and not entirely sure what’s causing it. Can you send an email to Webflow support and ask?
I tried and I even saw a post about it on the forum - no one replied. It does not make any sense, because it makes the whole staging go to trash :P hopefully they will fix it one day. They pretty much ditched Logic, so it might take some time :D @@webbae
@@WWozniak88 yea - sad :(. Logic is so closed to being OP too!
Will this method also work if I want to submit Pardot?
Should work with almost anything that has a REST API. I don’t know about pardot specifically though!
Very good tutorial. Unfortunately, it doesn't work for me outside of the testing. It works fine when testing in Webflow, but publish and submit a form, it doesn't work - nothing goes to Airtable. Any ideas on what else I can check?
Hop in Discord and share a live link and preview URL.
Im having the same problem, did you solve this? @@webbae
I have the same issue. Can you solve it?
Hello. I have the following question, maybe you can help: in our company we work with WebFlow and upload the finished layout for landing on Statamic. The problem arises when it is necessary to additionally make up or make changes to the already exported code - it is difficult to integrate it into the already planted layout. The solution I see would be to connect WebFlow with GitHub or Bitbucket in order to track through it what changes have been made to the code. Have you encountered a similar connection, or maybe with a similar problem and found another solution?
I don’t do this workflow often but you could essentially use GitHub as a “diffing” tool. Basically upload your original exported code to GitHub and commit it. When you have changes, copy/paste the new export and diff between the two. Still a pretty manual workflow.
@@webbae but, we have a big team, everybody work with edits and manually upload source code to GitHub will take a lot of time. We found one automation, prepare and testing it in next week, I will write when done if you interested it