This video is magnificent! Seriously, thank you for taking the time and energy to help us all out-- this saved me who knows how much time but I sincerely appreciate the effort you go through to help the Webflow community. Keep sharing this content, my friend!!
The zap returned "ValidationError: Validation Failure". I have upgraded zapier plan, however, it keeps getting an error. If I am removing fields value it is working { "fields":{ "booking":[ empty space ]} } - so there is something wrong with the type of information or format
Hey Mackenzie, been loving these videos! One thing I kept having issues with was sending the Webflow member id to Zapier. You have ms-data="webflow-member-id" in your embed element. However, I could never get that to work, Zapier could never find the member id. After revisiting this issue weeks later, I tried ms-data="webflow-id" instead, and it finally worked. I figure I'd share this in case this helps someone in the future, cheers!
Hi Mackenzie, thanks for the great tutorials! I’m stuck at Step 2 Search Value step, I keep on getting the Data Webflow Member ID: No Data error. Once again, thank you man!
@@khaledkaddal Nothing I tried worked, not sure if it has anything to do with a full membership. I ended up using a method provided by memberstack to accomplish the same functionality. Link webflow.com/website/Like-save-favorite-bookmark-etc?s=like-and-save
Hi Mackenzie, the form option you have added here has limits. If you are on a paid plan its just 1000 form submissions per month for CMS site plan. Only Enterprise site plan offer unlimited form submissions. If we have many members and everyone started clicking completed video button it will exhaust easily. Is there any better way to send the webflow member id to zapier and then to airtable. Like from a normal button?
Great tuts all of them you are very good. BUT one question remains unanswered - As in, I have webflow and neither on their site or yours can I make the mental connection of how my CMS is going to get records FROM airtable?? - Without putting in an API key somewhere?? Please help me I understand the zap thing Then, I use airtable because i need 50000 records not 100000 which is the webflow limit, but then airtable says when forms are complete, records are pasted in =to the CMS of webflow - so what happens when it gets full?? Or does the webslow SMS serve as a "template" kind of thing and its always "empty" and then it fetches the data from airtable - WATCHED HOURS of this and that simple question is never addressed?? Really confused
What was breaking the webhook step for me was a non basic latin letter in the name of my multireference field in the Members collection that wasn't working with the Data field in the webhook step.
Hi, great video! I have only one issue: when I’m sign up as a new user the detail are saved in MS and AT BUT when I submits the form, at the first time it’s doing nothing. Only the second try updates the video table, have any ideas?
The tutorial is really great. I love it. But one question. Is it possible to click the button again to change the complete submit form result back to the original mark as watched button and could press the button all over again??
Thanks so much, Robert! Seriously, your support means a lot 🤗 I would love to see what you end up launching with Telly :) Shoot me an email at templates@mackenziechild.me or tag me on twitter with a link.
This is awesome content Mackenzie, so many possibilities are open with that, thank you! One question though: on a large scale wouldn't this method of using form submission exceed the numbers available by the webflow CMS hosting plan and require the business plan?
For me the error occurred because my collection id's in webflow somehow had changed. So I had to go in and redo the step where you update every "Episode Item ID's" so it was the same as the "Item ID" inside the collection called "Series Episodes"
can't we just update the watched videos field of members table in webflow with the reference to newly marked video along previous references without going through airtable? (only with webflow and zapier)
I'm asking myself the same question, I guess it would be a bit more complicated because you would'nt use the rollup from airtable, but feasible. And you would'nd need to have 3 separate database
Great video series, really really helpful. I'm attempting to do something similar but instead of Updating an existing item, I want to create a new collection item. I'm following all your steps and using your notation but I keep getting 400 errors when trying to send the data from Webhooks to Webflow, I have check all my field names through Postman but still not able to solve it! Any ideas?
Hi there mate. Thanks for this its quality. I am however having a couple of issues. for some reason im getting "ValidationError: Validation Failure" error coming up in zapier. i have copied your process down to the letter and i really cant see how this is occurring. any ideas??
tried it again, still getting the same error coming up which is very strange as i have literally stopped the vid every 2 seconds to copy it down to a tee
I'd love to know if this could be used to create an "order" to how people consume content. We'd like to have people "watch video 1" before they could watch "video 2" or complete "series 1" before "series 2". Thanks so much for this excellent walkthru and series!!!
, unfortunately, does not return data via Zapier, even if it exactly matches the fields set up in Memberstack (I've noticed a few other reports of this in the comments) .... has anyone been able to solve this?
Hey guys, first of all, thanks for the great tutorial! Everything worked so far, only when it comes to the Webhook, we get an "Status Code 401 Unauthorized" error in Zapier. So it seems like Webflow is not granting that data access. According to Zapier, however, the connection is just fine and everything between Zapier and Webflow has been working before, so that's really confusing us. We tried to fix the issue: - We already reconnected the apps but nothing changed - We even upgraded to the Webflow Businness plan (for form file uploads), still no change - We made sure that "Restrict uploaded file access" is deactivated in Webflow, still not working If any of you has any idea, we would be very grateful! Thank you
@@janbahlk2771 Hi Jan, I was wondering if you had any more information regarding this. I know it's a year later and this is probably in the back of your mind but your issue seemed the most relatable to me. Although your personal solution didn't work for me, maybe there was something else you discovered that could possibly help me. Thanks!
Hi! What really helped me was using postman. As somebody who is completely unexperienced in programming it took a little time to understand how to use it properly, but I still remember how it helped me discovering bugs :)
I'm banging my head on this step similar to what Paul had. I used Postman and found that completed-videos was completed-videos-3!!! I changed that out and continued to have the validation error. Any other tips/advice? Should I blow up this whole collection and start over?
Hey Daniel! So I'm pretty sure the ID name (ie completed-videos-3) doesn't get updated when you update the name of the collection item. So that could be the issue. Maybe just try deleting that collection item and creating a new one called something different. Maybe just 'completed' or something like that.
Hello, @@mackenziechild! After watching the video I discovered that I had some kind of a similar problem. I used postman and I discovered the the field I was trying to update doesn't even exist. I tried adding all different kinds of new field in my Members collections but I can't find any of them. Also I tried to add new field in other collections and using Postman I could find those! So I'm guessing it might have something to do with the Members CMS. I tried publishing the site again and again and pretty much everything I could think of and still nothing. So I'm pretty desperate now. If anyone has any idea what else I could try, please let me know!☺️
@@Ckcksnsnscive437 Hi there! Your answer is here: forum.webflow.com/t/problem-with-webflow-zapier-integration/118883/6 ! After fighting against the machine I simply discovered that I forgot to update my multi-ref IDs in my database. You need to update these webflow IDs in Airtable/Sheets so that Zapier picks up the right IDs when firing the webhook. So simple but so easily overlooked. I was literally just banging wrong IDs onto the CMS door...Hope this helps you! PS: I had the issue after "mistakenly" backing up my site from a previous save (big mistake, don't do it). It changes all of your item IDs...ALL OF THEM.
I think I understand now after finishing the video. In case someone had the same question, it's so when you create the rollup column in airtable, you're able to pass through the array via webhook in a correct format. Thanks for the hot tip Mackenzie!
You unfortunately can't use Webflow's normal update live item to pass through multiple items at once. It'll give you a validation error if you try to use it instead of using the Webhook. Also, when I first tried to build this, I just tried sending through one item at a time, thinking it would just add that item to the list, but it would override the current multi-reference selection instead of adding to the list. I feel like eventually they'll make these sort of things easier to do (probably will eventually be able to do all of this in Webflow alone, without the need for Airtable / zapier / etc), but for now this is the way.
- HOW did you know weblfow needed the data in quotation marks? - WHY did we need to do the zapier webhook instead of using webflow's update live item? This is a great tutorial for getting this, very specific, utility implemented but what's happening, the logic, how to expand and do other things is very unclear.
- first question: It is the format in which Webflow API expects multi-reference fields-as an array of strings. He knew that because he must have read the API documentation before.
I learned a lot here. Thank you, Mackenzie! Question: Do you know if this new feature rollout (link below) could help? I'm using a basic Zapier to import data automatically from a form to a CMS collection and have to use Webhooks now (as explained in your video) for my multi-reference field, but I would love to do it without Webhooks, as that's a paid Premium feature. Link to feature rollout: webflow.com/feature/csv-import-now-supports-reference-and-multi-reference-fields? Thanks in advance for your sharing your thoughts!
This is cool. I get it. But holy moly whether for your own project or a clients how can someone sleep at night relying on all these services you have no control over. This is erecting a beautiful structure on an extremely fragile foundation.
All of the platforms have been reliable for many many businesses thus far. While yes there is always fear of something being out of control the chance of these large platforms breaking without some lead up is unlikely.
You’re serving public videos behind a theoretical paywall. Does Memberstack have the functionality to serve files to members? Otherwise it’s easy to just give someone a link to the content you’re “hiding”.
This video is magnificent! Seriously, thank you for taking the time and energy to help us all out-- this saved me who knows how much time but I sincerely appreciate the effort you go through to help the Webflow community. Keep sharing this content, my friend!!
you have just blown my mind!
But you clear a lot of my confusions today. Thanks!
Absolutely marvelous! Can't even put into words how much this video helped us 🙏🙏🙏
The zap returned "ValidationError: Validation Failure".
I have upgraded zapier plan, however, it keeps getting an error.
If I am removing fields value it is working
{
"fields":{
"booking":[ empty space ]}
}
- so there is something wrong with the type of information or format
Hey Mackenzie, been loving these videos! One thing I kept having issues with was sending the Webflow member id to Zapier. You have ms-data="webflow-member-id" in your embed element. However, I could never get that to work, Zapier could never find the member id. After revisiting this issue weeks later, I tried ms-data="webflow-id" instead, and it finally worked. I figure I'd share this in case this helps someone in the future, cheers!
Oh awesome, glad you figured that out 👏
If I remember right it depends on what you named that custom field when you setup memberstack.
@@mackenziechild have not been able to get this to work even with an exact match of the memberstack fields :( any ideas on a workaround? thanks!
Your tutorial is awesome ! Thanks you for your smile and kindness ! Its a pleasure to listen to you ! +1 sub
Hi Mackenzie, thanks for the great tutorials! I’m stuck at Step 2 Search Value step, I keep on getting the Data Webflow Member ID: No Data error. Once again, thank you man!
Having the same issue, can't seem to get the Webflow Member ID to go through.
@@gavinkosko4195 I am stuck with the same issue. Any found solutions? Is it related to membership upgrading in Memberstack?
@@khaledkaddal Nothing I tried worked, not sure if it has anything to do with a full membership. I ended up using a method provided by memberstack to accomplish the same functionality. Link webflow.com/website/Like-save-favorite-bookmark-etc?s=like-and-save
@Benjamin Prigent Thx a lot ! Greattt
In case anyone else is stuck, what fixed it for me was switching ms-data for data-ms-member.
10x for the Video! Do you think it could be the same process for a wishlist for homes?
Hi Mackenzie, the form option you have added here has limits. If you are on a paid plan its just 1000 form submissions per month for CMS site plan. Only Enterprise site plan offer unlimited form submissions. If we have many members and everyone started clicking completed video button it will exhaust easily. Is there any better way to send the webflow member id to zapier and then to airtable. Like from a normal button?
Great tuts all of them you are very good. BUT one question remains unanswered - As in, I have webflow and neither on their site or yours can I make the mental connection of how my CMS is going to get records FROM airtable?? - Without putting in an API key somewhere?? Please help me
I understand the zap thing Then, I use airtable because i need 50000 records not 100000 which is the webflow limit, but then airtable says when forms are complete, records are pasted in =to the CMS of webflow - so what happens when it gets full??
Or does the webslow SMS serve as a "template" kind of thing and its always "empty" and then it fetches the data from airtable - WATCHED HOURS of this and that simple question is never addressed??
Really confused
so satisfying when you get this parat working
What was breaking the webhook step for me was a non basic latin letter in the name of my multireference field in the Members collection that wasn't working with the Data field in the webhook step.
Hi, great video.
One issue I have, I can’t “mark as” by the first click when user first sign up, only the second click+ working, have any ideas?
Thank you so much!!!!!!! Awesome content!
Hi, great video! I have only one issue: when I’m sign up as a new user the detail are saved in MS and AT BUT when I submits the form, at the first time it’s doing nothing. Only the second try updates the video table, have any ideas?
The tutorial is really great. I love it. But one question. Is it possible to click the button again to change the complete submit form result back to the original mark as watched button and could press the button all over again??
amazing videos mate. I bought your template and it is so powerful what you can do.
Thanks so much, Robert! Seriously, your support means a lot 🤗 I would love to see what you end up launching with Telly :) Shoot me an email at templates@mackenziechild.me or tag me on twitter with a link.
How is integromat work? 1:15 , thanks a lot!
This is awesome content Mackenzie, so many possibilities are open with that, thank you! One question though: on a large scale wouldn't this method of using form submission exceed the numbers available by the webflow CMS hosting plan and require the business plan?
Definitely would, I wouldn't consider it a problem when taking into account how much hosting a site like this on a traditional platform would cost.
I get “validation error: validation failure” right at step 5, any tips?
For me the error occurred because my collection id's in webflow somehow had changed. So I had to go in and redo the step where you update every "Episode Item ID's" so it was the same as the "Item ID" inside the collection called "Series Episodes"
Just to be safe, the Airtable tables are not "public accessible" right? Like the Member tables for example, my concern is that it could be hacked.
can't we just update the watched videos field of members table in webflow with the reference to newly marked video along previous references without going through airtable?
(only with webflow and zapier)
I'm asking myself the same question, I guess it would be a bit more complicated because you would'nt use the rollup from airtable, but feasible. And you would'nd need to have 3 separate database
Great video series, really really helpful. I'm attempting to do something similar but instead of Updating an existing item, I want to create a new collection item. I'm following all your steps and using your notation but I keep getting 400 errors when trying to send the data from Webhooks to Webflow, I have check all my field names through Postman but still not able to solve it! Any ideas?
I'm in the same boat Adam, did you manage to resolve this?
Yeah did you make any progress on this issue?
Can you do this but adding products to your favorite list and recent orders?
Hi there mate. Thanks for this its quality. I am however having a couple of issues. for some reason im getting "ValidationError: Validation Failure" error coming up in zapier. i have copied your process down to the letter and i really cant see how this is occurring. any ideas??
tried it again, still getting the same error coming up which is very strange as i have literally stopped the vid every 2 seconds to copy it down to a tee
Hey Paul, was this post from you in the Webflow forum? If so I just added an answer there: forum.webflow.com/t/zapier-webhook-not-working/111742/3 👍
I'd love to know if this could be used to create an "order" to how people consume content. We'd like to have people "watch video 1" before they could watch "video 2" or complete "series 1" before "series 2". Thanks so much for this excellent walkthru and series!!!
Do you remember why you decided to find the record in airtable by looking up the webflow item id, and not their memberstack ID? Does it matter?
, unfortunately, does not return data via Zapier, even if it exactly matches the fields set up in Memberstack (I've noticed a few other reports of this in the comments) .... has anyone been able to solve this?
Hey guys,
first of all, thanks for the great tutorial!
Everything worked so far, only when it comes to the Webhook, we get an "Status Code 401 Unauthorized" error in Zapier. So it seems like Webflow is not granting that data access. According to Zapier, however, the connection is just fine and everything between Zapier and Webflow has been working before, so that's really confusing us.
We tried to fix the issue:
- We already reconnected the apps but nothing changed
- We even upgraded to the Webflow Businness plan (for form file uploads), still no change
- We made sure that "Restrict uploaded file access" is deactivated in Webflow, still not working
If any of you has any idea, we would be very grateful! Thank you
Found the mistake, just head to use the bearer as the second heading for some reason...
@@janbahlk2771 Hi Jan, I was wondering if you had any more information regarding this.
I know it's a year later and this is probably in the back of your mind but your issue seemed the most relatable to me.
Although your personal solution didn't work for me, maybe there was something else you discovered that could possibly help me.
Thanks!
Hi!
What really helped me was using postman. As somebody who is completely unexperienced in programming it took a little time to understand how to use it properly, but I still remember how it helped me discovering bugs :)
I keep on getting
I'm banging my head on this step similar to what Paul had. I used Postman and found that completed-videos was completed-videos-3!!! I changed that out and continued to have the validation error. Any other tips/advice? Should I blow up this whole collection and start over?
Hey Daniel! So I'm pretty sure the ID name (ie completed-videos-3) doesn't get updated when you update the name of the collection item. So that could be the issue.
Maybe just try deleting that collection item and creating a new one called something different. Maybe just 'completed' or something like that.
Hello, @@mackenziechild! After watching the video I discovered that I had some kind of a similar problem. I used postman and I discovered the the field I was trying to update doesn't even exist. I tried adding all different kinds of new field in my Members collections but I can't find any of them. Also I tried to add new field in other collections and using Postman I could find those! So I'm guessing it might have something to do with the Members CMS. I tried publishing the site again and again and pretty much everything I could think of and still nothing. So I'm pretty desperate now. If anyone has any idea what else I could try, please let me know!☺️
@@Ckcksnsnscive437 Hi there! Your answer is here: forum.webflow.com/t/problem-with-webflow-zapier-integration/118883/6 ! After fighting against the machine I simply discovered that I forgot to update my multi-ref IDs in my database. You need to update these webflow IDs in Airtable/Sheets so that Zapier picks up the right IDs when firing the webhook. So simple but so easily overlooked. I was literally just banging wrong IDs onto the CMS door...Hope this helps you!
PS: I had the issue after "mistakenly" backing up my site from a previous save (big mistake, don't do it). It changes all of your item IDs...ALL OF THEM.
07:30 this varies, can be webflow-member-id or webflow-id or member-id
@11:24 Can someone shed some light on why the video ID needed to be wrapped in quotes? Thanks!
I think I understand now after finishing the video. In case someone had the same question, it's so when you create the rollup column in airtable, you're able to pass through the array via webhook in a correct format. Thanks for the hot tip Mackenzie!
Hi can this be done with the free Zappier plan , or is it neccesary an starter plan?
Hi there, stupid question - I’m struggling to understand, why is it that we need to use webhooks to send the data back to Webflow at minute 14:00?
You unfortunately can't use Webflow's normal update live item to pass through multiple items at once. It'll give you a validation error if you try to use it instead of using the Webhook.
Also, when I first tried to build this, I just tried sending through one item at a time, thinking it would just add that item to the list, but it would override the current multi-reference selection instead of adding to the list.
I feel like eventually they'll make these sort of things easier to do (probably will eventually be able to do all of this in Webflow alone, without the need for Airtable / zapier / etc), but for now this is the way.
Thanks for asking this question. Had the same.
@@mackenziechild Thanks for the detailed response! 👊
This doesn't seem to work. Do you think Memberstack has changed this attribute format? I can't find one either
The "webflow-member-id" is the custom attribute we added. The spelling and capitalization matters here, so double check that it's correct.
Does this thing work as well in a facebook like user seen by other user?
- HOW did you know weblfow needed the data in quotation marks?
- WHY did we need to do the zapier webhook instead of using webflow's update live item?
This is a great tutorial for getting this, very specific, utility implemented but what's happening, the logic, how to expand and do other things is very unclear.
- first question: It is the format in which Webflow API expects multi-reference fields-as an array of strings. He knew that because he must have read the API documentation before.
Great tutorial, do you use bubble.io?
I learned a lot here. Thank you, Mackenzie!
Question: Do you know if this new feature rollout (link below) could help? I'm using a basic Zapier to import data automatically from a form to a CMS collection and have to use Webhooks now (as explained in your video) for my multi-reference field, but I would love to do it without Webhooks, as that's a paid Premium feature.
Link to feature rollout: webflow.com/feature/csv-import-now-supports-reference-and-multi-reference-fields?
Thanks in advance for your sharing your thoughts!
This is cool. I get it. But holy moly whether for your own project or a clients how can someone sleep at night relying on all these services you have no control over. This is erecting a beautiful structure on an extremely fragile foundation.
All of the platforms have been reliable for many many businesses thus far. While yes there is always fear of something being out of control the chance of these large platforms breaking without some lead up is unlikely.
Wow! Thank you really useful. As an example youve could done something simpler tho😂😂😘
if anyone still wondering why the webflow member id doesnt work, change ms-data to data-ms-member in the embedded code
Actually what I don't understand, is why I can't add a value from the CMS
Curious if you do freelance work
I do take on some freelance work depending on the project 👍
You’re serving public videos behind a theoretical paywall. Does Memberstack have the functionality to serve files to members? Otherwise it’s easy to just give someone a link to the content you’re “hiding”.
Could anyone figure out what happened at 7:15 Thats fucking my life up at the moment. Please please help. Its urgent.
ROCkSTAR!
It seems harder than just raw code lol