How to Connect Webflow to Airtable with Logic in 10 min

[@reshma_basthi]

Thank you for this video! It was helpful :)

[@webbae]

Glad it was helpful!

[@Paiake]

That’s amazing! How can we pass multi reference fields back to Airtable or straight from Webflow form to Webflow CMS!? Thank you!

[@webbae]

I’m not sure exactly but I do know that Webflow multi ref CMS imports are done with strings separated by semicolon.

[@micaelablank8730]

This was so useful thank you!! Is there any way to get the data from airtable?

[@webbae]

You could use the fetch api in JavaScript though you’ll probably want a middleware to secure your api key. Make can work for that too!

[@darshildixit3438]

Awesome! Can similar be done with Hubspot, Google sheets etc?

[@webbae]

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.

[@tejuskabadi]

Will this method also work if I want to submit Pardot?

[@webbae]

Should work with almost anything that has a REST API. I don’t know about pardot specifically though!

[@WWozniak88]

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?

[@webbae]

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?

[@WWozniak88]

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

[@webbae]

@@WWozniak88 yea - sad :(. Logic is so closed to being OP too!

[@RobertNischwitz]

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?

[@webbae]

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.

[@Eliavdb]

I had the same issue until I enabled "Use secure frame headers" when publishing my site. Now my form submissions populate my Airtable! :D

[@stevenpinto7796]

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

[@webbae]

Yea you probably need your own form submit action for this - though I’m not 100% sure I haven’t tried exporting Webflow forms.

[@wharphweb8557]

Thank you Boss!

[@heatherliu6856]

Bossin up ERRDAY

[@waysearcher]

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?

[@webbae]

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.

[@waysearcher]

@@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

[@surendarr2177]

Thank you much needed savior

[@webbae]

of course! glad you liked it.

[@ZD-zn5ey]

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?

[@webbae]

Hop in Discord and share a live link and preview URL.

[@gabrielglezam]

Im having the same problem, did you solve this? @@webbae

[@hoangvudaquynh6170]

I have the same issue. Can you solve it?

[@omkarbirje8112]

Thank you so much for this quick tutorial.

[@webbae]

Glad it could help!