Part 3: How to submit a Webflow Form into the CMS with Multi-Reference fields

 

One of the biggest problems I hit with Webflow is not being able to submit a form directly into the CMS.

If I could, I’d be able to build a full blown web application with memberships and dashboards using Webflow.

Welp! This video gives you the building blocks to do just that.

With part 1 you have a Webflow form submitting into the CMS. With part 2 we layered on memberships, only members can add comments, but anyone can read them.

With this video we’ll link a logged in member to all of their comments via Multi-Reference fields and give them a personalized dashboard to view them all.

 

After you’re done with the video you can get:

1) Read access to this Webflow project.

2) All of the sharable Zapier zaps used to create this.

3) Access to the live site, click around and see how it works.

4) My cheatsheet. The step-by-step notes I created for this video walk through.

 

Let’s build it now:

 

Videos can be hard to follow…

If you add your you'll get my infrequent newsletters and as a bonus you'll instantly gain access to:

 

1. All of my sharable Zaps:

Setting up Zapier can be tedious and error prone. I'll provide share links to all the sharable Zaps I use for this. With a couple of clicks you can use them in your own project. For the non-sharable zaps I'll provide screenshots of each step and it's settings.

 

2. This Webflow project:

I'll give you read only access to step through this Webflow project. Dig into all the settings I've made to wire this up.

 

3. The live site:

Click through the site yourself and get a feel for how it works.

 

4. The CheatSheet:

For every video that I make, I create detailed notes of how I setup this end-to-end solution. These are the notes I look at while I'm recording the video walk through.

...and I'm sharing them with you!

 
If you've already subscribed in the past,
I'll just send you instant access 😉
 

 

Grab the welcome page code:

<script>
var Webflow = Webflow || [];
Webflow.push(function() {
  MemberStack.onReady.then(function(member) {
   if(member.memberPage){
    window.location.replace("/");
   }else{
   	setTimeout(function() { location.reload(true); }, 3000);
   }
	})
});
</script>

 

Grab the Embed code:

<input type="hidden" name="Member Id" ms-data="id">