
Vitaliy Gnezdilov
Share
This post is public.
Hey guys! Hope 2021 is off to a great start for everybody. Been a busy one here, but I'm finding time to keep the ball rolling for my web app. Currently building a "Follow" function for user profiles.
For that, I need to conditionally hide a div based on a value that's is stored in a member's memberstack custom field. If it's stored, hide div. If it's not, show div.
What's the right way to write the 'if' statement in javascript so that I'm checking for a specific value (which is stored in the Webflow CMS) against the value stored in a member's memberstack custom field?
Here's what my code looks like now. Don't laugh—I'm trying to learn 😁
What do I need to learn to get line #22 to make sense?
For that, I need to conditionally hide a div based on a value that's is stored in a member's memberstack custom field. If it's stored, hide div. If it's not, show div.
What's the right way to write the 'if' statement in javascript so that I'm checking for a specific value (which is stored in the Webflow CMS) against the value stored in a member's memberstack custom field?
Here's what my code looks like now. Don't laugh—I'm trying to learn 😁
What do I need to learn to get line #22 to make sense?
Ended up reusing code from a different place on my app:
<script>
MemberStack.onReady.then(function(member) {
if (member['referring-syndicators-webflow-id'] == '{{wf {"path":"syndicator-webflow-id","type":"PlainText"\} }}') {
$('#instant-subscribe').css({'display': 'none'});
};
});
</script>
(Credit:
Igor Voroshilov
)
To reference a member's custom field in memberstack, use the value found under their custom field's attribute.
To reference a member's custom field in memberstack, use the value found under their custom field's attribute.

· 1 reply
Share
This post is public.
Hi everybody and happy new year!
I'm running through some ideas in my head about how to allow users to "follow" each other. Allowing members to follow each other would add followers to another member's "list" so they can be automatically notified if the followed member publishes any updates on their profile. Has anybody been able to pull this off successfully?
While I haven't found this functionality anywhere, I was able to find something similar—marking items as "complete". I have an inkling that I can reverse engineer this functionality to allow users to follow each other.
From my research, there are a couple of ways to do this, and both come with their own limitations based on the use-case.
Here are two methods that I'm thinking about:
I'm running through some ideas in my head about how to allow users to "follow" each other. Allowing members to follow each other would add followers to another member's "list" so they can be automatically notified if the followed member publishes any updates on their profile. Has anybody been able to pull this off successfully?
While I haven't found this functionality anywhere, I was able to find something similar—marking items as "complete". I have an inkling that I can reverse engineer this functionality to allow users to follow each other.
From my research, there are a couple of ways to do this, and both come with their own limitations based on the use-case.
Here are two methods that I'm thinking about:
- Using a method outlined by Mackenzie Child here (https://youtu.be/nv_ZVGinWoU) by using a webflow form submission to trigger a zap that does a table lookup in airtable, and adds an identifier in JSON to the member in Memberstack. Benefit here is that the form submission doesn't reload the page. Downside is that what if the member doesn't have an existing memberstack profile already, or what if the member isn't logged in? The "follow" couldn't be instant in those cases. And this is the largest use case in my app — a lot of first timers who wouldn't be already logged in would need to create an account while "following" someone.
- Another method by
ChrisDrit outlined here (https://nocodequest.com/memberstack-front-end-api/) where he uses a memberstack front end api action to add an identifier to the member's metadata. In my case, I would invite new users to create an account first, which would then forward their info to the owner of the profile which prompted the signup (or "follow").
Here's how I'm thinking about implementing both of the strategies above to create the best user experience...which still falls short. You'll see why:
- A profile page would have two identical looking buttons: [Follow]. One is to launch a memberstack signup form for non-members. Upon signup, data would be forwarded to the owner of the page and it would refresh. Downside is that upon refresh, the page would show no confirmation of the action, but the MS [Follow] button would then be hidden, showing the [Follow] button from Webflow. This would allow first-timers to create an account in memberstack and then going forward they would be able to follow other members seamlessly and instantly by sending webflow forms. But the first time experience kinda sucks..page refreshes and no confirmation..with the identical looking button present. I imagine a lot of duplicate submissions since people would think that the first time they clicked the button it didn't go through.
- The other option would be to create another membership with a different page-after-signup that would bring people to a success page. The current membership brings people back to the page they signed up on, so I'd need to create another membership with a different page-after-signup. Upside, they get a confirmation. Downside, they get taken away to a different page, and I'd need to manage a separate membership for the same user persona.
Is there any way to write a JavaScript function that looks to see if a member ID is stored in another member's metadata, and if it is, hide the memberstack [Follow] button from that member's page? Since a member already followed that member, the second Webflow [Follow] button should be hidden. At the very least, if I choose the first option where the page refreshes upon signup, the followed member wouldn't have another [Follow] button from webflow, indicating that the follow went through. All other follow buttons on other member's pages would be visible, since their member ID doesn't yet exist in the follower's metadata.
Phew. That was a lot. Hoping this will help others as well!
Has anybody been able to successfully implement a member "follow" feature using member profiles stored in Webflow CMS and Memberstack?
Phew. That was a lot. Hoping this will help others as well!
Has anybody been able to successfully implement a member "follow" feature using member profiles stored in Webflow CMS and Memberstack?
Appreciate any insight! Thanks!
Maker @ NoCodeQuest.com
Allowing members to follow each other would add followers to another member's "list" so they can be automatically notified if the followed member publishes any updates on their profile.
From what I've read so far...this is the crux of your problem.
If you follow my method of using the front end api, you have no access to that information on the backend (e.g. Integromat/Zapier) which is where you'll need to trigger an email and populate the body of the email (with recent published updates).
The first method you linked to is probably your best bet. This method uses something called "rollup fields" which spits out a comma delimited list of all the "followed" members. You could take that comma delimited list and within Integromat/Zapier use it to:
- Lookup those members for recent updates
- Send an email about those recent updates
Does that help?

· 5 replies
Share
This post is public.
Hi all! Hope the holidays are treating you extra well!
For the past couple of months I've been working on getting the first version of my web app out, where the core functionality is now complete but will continue to undergo improvements. (Woo hoo!)
Now the internal struggle I'm experiencing is how do I decide how much to charge? I want to remain flexible—I know deep down that I need to provide real value to my users, otherwise they won't stay long.
So I wanted to ask you, from your personal experience when you were in the 0–10 users range, how did you decide how much to charge for your product? And how much did your pricing model change as you grew?
For the past couple of months I've been working on getting the first version of my web app out, where the core functionality is now complete but will continue to undergo improvements. (Woo hoo!)
Now the internal struggle I'm experiencing is how do I decide how much to charge? I want to remain flexible—I know deep down that I need to provide real value to my users, otherwise they won't stay long.
So I wanted to ask you, from your personal experience when you were in the 0–10 users range, how did you decide how much to charge for your product? And how much did your pricing model change as you grew?
Maker, pazly.dev
I'm in a similar stage with my saas. I approached this from outside (did a bit of competitor analysis) and decided I want to reach as many users as possible so the price will be small. Then I looked internally at my 'running costs' so as to understand where a break even point can happen.
So I decided for a monthly price below 10USD with a breakeven target of 6-8 months. This is only the initial idea, as for now my project is more of a hobby than a business.
Almost all ideas evolve. You might find that your customers are different and, in time, you might develop a premium service (more expert features, more scale, etc.) where you can charge much more for your niche clients.
Hope this helps you somehow. Wish you a successful 2021!
So I decided for a monthly price below 10USD with a breakeven target of 6-8 months. This is only the initial idea, as for now my project is more of a hobby than a business.
Almost all ideas evolve. You might find that your customers are different and, in time, you might develop a premium service (more expert features, more scale, etc.) where you can charge much more for your niche clients.
Hope this helps you somehow. Wish you a successful 2021!
Share
This post is public.
Hey guys, I've been on a search for quite a while now for an email service that integrates with Zapier to the point where I can create dynamic emails from content collected in a previous step (like a form submission).
As far as I know, Email by Zapier does that, but it's very primitive looking. Is there a lightweight email service that'll let me populate contents of the email with dynamic data, that also looks decent, and maybe centrally-stored contacts?
I'm using Mailchimp now, but it's such massive overkill, and the email designer is kind of a pain to use. Looking for something simple and elegant.
Thanks for any suggestions!
As far as I know, Email by Zapier does that, but it's very primitive looking. Is there a lightweight email service that'll let me populate contents of the email with dynamic data, that also looks decent, and maybe centrally-stored contacts?
I'm using Mailchimp now, but it's such massive overkill, and the email designer is kind of a pain to use. Looking for something simple and elegant.
Thanks for any suggestions!
Maker @ NoCodeQuest.com
I like Campaign Monitor while getting started. It's cheap, $9/month and scales well for all of those needs you just mentioned (and more). They're who I use for all of my stuff...I've got a walk through for setting that up here:
Next in line, for me would be ConvertKit. It's more expensive, starting at $29/month but is a much more "pro" solution versus Campaign Monitor.
If you want a "very solid" solution that's a huge step up from Zapier's built-in email service, yet still free (with ample usage) I'd go with SendGrid. You get 100 transactional emails per day and some light marketing automation (comparable to Campaign Monitor). The downside is the cost once you move beyond the free tier.
Next in line, for me would be ConvertKit. It's more expensive, starting at $29/month but is a much more "pro" solution versus Campaign Monitor.
If you want a "very solid" solution that's a huge step up from Zapier's built-in email service, yet still free (with ample usage) I'd go with SendGrid. You get 100 transactional emails per day and some light marketing automation (comparable to Campaign Monitor). The downside is the cost once you move beyond the free tier.

· 4 replies
Growth @Memberstack
We used MailerLite initially for Memberstack's customer-facing communication emails since they had a generous free tier and decent templates.

· 4 replies
Naitik Mehta
and
ChrisDrit
, is it possible with any of the ones you mentioned to create HTML emails straight out of Zapier? So I could build the emails out with pulled data from zapier steps. Do any of those have good lightweight, out-of-the-box CRM options?

· 6 replies
Share
This post is public.
Hi, I have a webflow form that collects radio button values of “yes, no, unsure”. This is a custom signup form that passes the values straight to memberstack.
How can I call on these values again when wanting to pass the radio choice stored in ms-data in a hidden input field of a webflow form?
How can I call on these values again when wanting to pass the radio choice stored in ms-data in a hidden input field of a webflow form?
I think I understand how this works. For anyone else wondering, the radio choices have been stored in memberstack in a text field that hold the values of the choices.
Correct me if I’m wrong but to call on these values you have to use an html embed in webflow and use the <input> code, calling on the data-ms-member: custom-field value. Would anyone have that code handy?
Correct me if I’m wrong but to call on these values you have to use an html embed in webflow and use the <input> code, calling on the data-ms-member: custom-field value. Would anyone have that code handy?
Founder & CEO at LikePay
Hey! I did something like that, but a bit more complex thing with checking registered tags. So I had a code like that lol😅
MemberStack.onReady.then(function(member) {
$('#checkboxlist input').each(function (index) {
var tagId = $($(this).parents('.inline.w-dyn-item')[0]).children('.tag-id').text();
if (member['tags'] && typeof member['tags'] === 'string' && member['tags'].indexOf(tagId) >= 0) {
$(this).attr('checked', 'checked');
$(this).prev('.w-checkbox-input').addClass('w--redirected-checked');
}
$(this).on('change', function() {
if ($(this).attr('checked')) {
$(this).removeAttr('checked');
} else {
$(this).attr('checked', 'checked');
}
var selectedTags = [];
$('#checkboxlist input:checked').each(function (index) {
var tagId = $($(this).parents('.inline.w-dyn-item')[0]).children('.tag-id').text();
selectedTags.push(tagId);
});
$('input#selected-tags.text-field-2.w-input').attr('value', '"' + selectedTags.join('","') + '"');
});
});
});
But why don't you push that value as a text input field? Let say you have a text input and you just prepopulate it with value from memberstack and it sends text yes/no/unsure?
It sounds much easier to me
MemberStack.onReady.then(function(member) {
$('#checkboxlist input').each(function (index) {
var tagId = $($(this).parents('.inline.w-dyn-item')[0]).children('.tag-id').text();
if (member['tags'] && typeof member['tags'] === 'string' && member['tags'].indexOf(tagId) >= 0) {
$(this).attr('checked', 'checked');
$(this).prev('.w-checkbox-input').addClass('w--redirected-checked');
}
$(this).on('change', function() {
if ($(this).attr('checked')) {
$(this).removeAttr('checked');
} else {
$(this).attr('checked', 'checked');
}
var selectedTags = [];
$('#checkboxlist input:checked').each(function (index) {
var tagId = $($(this).parents('.inline.w-dyn-item')[0]).children('.tag-id').text();
selectedTags.push(tagId);
});
$('input#selected-tags.text-field-2.w-input').attr('value', '"' + selectedTags.join('","') + '"');
});
});
});
But why don't you push that value as a text input field? Let say you have a text input and you just prepopulate it with value from memberstack and it sends text yes/no/unsure?
It sounds much easier to me

· 3 replies
Share
This post is public.
I'm getting to creating the signup experience for my second member audience for my marketplace app and it's dawning on me that Memberstack's New Member in Zapier doesn't distinguish members by membership type.
I have two signup forms on the site—one for Organizers and another for Members. Each collect different info, and currently each have their own zap.
But I'm realizing that both of the zaps get triggered when either of the forms get filled out.
What's the best way for me to handle this? Can Paths in Zapier help, where I filter for membership, then proceed with actions pertaining to the membership type?
How do you handle zaps with multiple memberships?
I have two signup forms on the site—one for Organizers and another for Members. Each collect different info, and currently each have their own zap.
But I'm realizing that both of the zaps get triggered when either of the forms get filled out.
What's the best way for me to handle this? Can Paths in Zapier help, where I filter for membership, then proceed with actions pertaining to the membership type?
How do you handle zaps with multiple memberships?
sprnv.com + sprnv.io
Hi Vitaliy,
I've designed the same kind of 2-sided marketplace and your intuition is correct.
✅ "Can Paths in Zapier help, where I filter for membership, then proceed with actions pertaining to the membership type?"
(1) When onboarding a new member, pull their "membership type" or unique membership type ID to your Sheets/Airtable. You should only have 2 types of membership when onboarding.
(2) Whenever you want to do something with only one side of the marketplace, run a Path step on Zapier to validate the "membership type" of the current zap then proceed.
(3) You can design completely different outcomes in each of the Path hence created.
Cheers,
Yoann.
I've designed the same kind of 2-sided marketplace and your intuition is correct.
✅ "Can Paths in Zapier help, where I filter for membership, then proceed with actions pertaining to the membership type?"
(1) When onboarding a new member, pull their "membership type" or unique membership type ID to your Sheets/Airtable. You should only have 2 types of membership when onboarding.
(2) Whenever you want to do something with only one side of the marketplace, run a Path step on Zapier to validate the "membership type" of the current zap then proceed.
(3) You can design completely different outcomes in each of the Path hence created.
Cheers,
Yoann.

· 5 replies
Share
This post is public.
Hey all! Hope the weekend is treating everyone awesomely.
I'm trying to solve for a scenario in which I want to allow new members to sign up via memberstack, then right after be taken to the next part of the form via webflow, without leaving the page.
Or if the page has to be redirected, the user would be taken back to the same page but with the next webflow form step immediately available to them.
My forms currently live in a modal because I need to pass the page's hidden CMS Item ID with each submission.
Anyone know any tricks to seamlessly redirect new registrations from the first step of the form to the second, when the first part of the form is on Memberstack and the second is on Webflow, and all needs to happen on the same CMS page in a modal?
I'm trying to solve for a scenario in which I want to allow new members to sign up via memberstack, then right after be taken to the next part of the form via webflow, without leaving the page.
Or if the page has to be redirected, the user would be taken back to the same page but with the next webflow form step immediately available to them.
My forms currently live in a modal because I need to pass the page's hidden CMS Item ID with each submission.
Anyone know any tricks to seamlessly redirect new registrations from the first step of the form to the second, when the first part of the form is on Memberstack and the second is on Webflow, and all needs to happen on the same CMS page in a modal?
Maker @ NoCodeQuest.com
I'm curious how your option would work in a scenario in which both forms have to live on the CMS template page.
Shouldn't be a problem. You have to hide all but the first form. Create 3 forms, within 3 sections, and put conditional visibility (from within Webflow) on each section element.
The conditional visibility feature will read a field from your CMS Collection. You adjust that field from Zapier so it knows which section to hide/show.
Does that help?

· 26 replies
Maker @ NoCodeQuest.com
Probably the easiest way is to have a "step" CMS field that changes on each form submission. Then on your CMS Template Page, setup the Webflow "Conditional Visibility" and show/hide different sections based upon that field.

· 1 reply
Share
This post is public.
Hey everybody! I have only one Memberstack signup form which is built in Webflow. It has these fields: First Name, Last Name, Email, Password, and Company name—all of which are set to required.
Somehow I'm getting new accounts created in Memberstack (see screenshot below) with spammers going around these required fields?
Has anyone experienced this? How should I go about fixing this? Thanks!
🔶🔶 Upvote this feature to receive news and updates 🔶🔶
https://memberstack.canny.io/problems/p/email-verification
Somehow I'm getting new accounts created in Memberstack (see screenshot below) with spammers going around these required fields?
Has anyone experienced this? How should I go about fixing this? Thanks!
🔶🔶 Upvote this feature to receive news and updates 🔶🔶
https://memberstack.canny.io/problems/p/email-verification
Maker @ NoCodeQuest.com
Vitaliy Gnezdilov
do you know if these are legit emails or are the totally fake emails? If the latter, I too have a suggestion to throw on the table for you...

· 11 replies
Maker @ NoCodeQuest.com
Just chiming in with another option. I've just posted a new screencast walking through how I've setup sending verification emails BEFORE a new visitor may become a member.
It will 100% stop fake email signups on your site.
You can check it out here:
It will 100% stop fake email signups on your site.
You can check it out here:
Hey Vitaliy, we had this issue and got around it by asking for the user to confirm the password. Spam bots just pre-fill with whatever information, so that would be how they're getting around your required fields.
First we added a 'confirm password' input and gave it the id of 'confirm_password'. Be sure to copy that ID exactly or the code won't work.
Then we added the following custom code into the footer section of the website:
<script>
var password = document.getElementById("password")
, confirm_password = document.getElementById("confirm_password");
function validatePassword(){
if(password.value != confirm_password.value) {
confirm_password.setCustomValidity("Passwords Don't Match");
} else {
confirm_password.setCustomValidity('');
}
}
password.onchange = validatePassword;
confirm_password.onkeyup = validatePassword;
</script>
Now a user will need to enter the same password twice to send a submission through MS... Something a bot usually cannot do.
Best of luck with this.
First we added a 'confirm password' input and gave it the id of 'confirm_password'. Be sure to copy that ID exactly or the code won't work.
Then we added the following custom code into the footer section of the website:
<script>
var password = document.getElementById("password")
, confirm_password = document.getElementById("confirm_password");
function validatePassword(){
if(password.value != confirm_password.value) {
confirm_password.setCustomValidity("Passwords Don't Match");
} else {
confirm_password.setCustomValidity('');
}
}
password.onchange = validatePassword;
confirm_password.onkeyup = validatePassword;
</script>
Now a user will need to enter the same password twice to send a submission through MS... Something a bot usually cannot do.
Best of luck with this.

· 1 reply
Share
This post is public.
Hi, my members can create and should be able to edit their own profiles.
Upon signup, I collect first and last names, company name, and create a custom slug for their profile.
When their profile page is created (Webflow CMS Item), new members can update their profile with an image upload, their "about", location, linkedin link, phone number, and etc.
From your experience, what are some advantages and disadvantages to using Memberstack as your profile db compared to using a Webflow CMS item?
Using Zapier.
Upon signup, I collect first and last names, company name, and create a custom slug for their profile.
When their profile page is created (Webflow CMS Item), new members can update their profile with an image upload, their "about", location, linkedin link, phone number, and etc.
From your experience, what are some advantages and disadvantages to using Memberstack as your profile db compared to using a Webflow CMS item?
Using Zapier.
Webflow has a max limit of CMS items of 10,000.
Creating a CMS item for each member could become problematic if you have a larger audience. We use Memberstack metadata exclusively for any data related to a member.
We are at about 1k CMS items currently and the website is already getting very slow to publish out.
Creating a CMS item for each member could become problematic if you have a larger audience. We use Memberstack metadata exclusively for any data related to a member.
We are at about 1k CMS items currently and the website is already getting very slow to publish out.

· 7 replies
Digital Designer
My rule of thumb is anything that CAN be stored in Memberstack should be stored in Memberstack. So we're talking all text values including URLs and Uploadcare image URLs.
Anything else should pull from Webflow's CMS (Checkbox, Radio Button, Multi-Ref stuff etc etc).
Anything else should pull from Webflow's CMS (Checkbox, Radio Button, Multi-Ref stuff etc etc).

· 6 replies
Agree with Hugh's thoughts here. On top of all of this, the member pages using Memberstack are inherintley more secure. Using Webflow CMS simply hides the pages which CAN be circumvented if someone knows what they're doing. Using MS as the database means the best someone who want to be malicious can do is load the Webflow page with a bunch of placeholders. We use the MS DB for our site - https://business.openly.com.au and it is brilliant.

· 2 replies
Share
This post is public.
In a race against the clock to generate a dynamic template item from a form submission, I'm wondering which of these Zapier actions would be better for speed
- Webflow Form Submission —> Find in Airtable —> Create Airtable Record —> Create Live Item in Webflow ...or...
- Webflow Form Submission —> Find in Airtable — Create Live Item in Webflow —> Create Airtable Record
In other words, is it faster to have two Airtable actions in a row? Does that reduce latency at all? Or is that not how that works?
Upon Webflow Form Submission, the page is redirected to the user's dashboard, where they should see a new template item on their screen.
A little stuck on this one—hope everyone had an awesome Thanksgiving (for those who celebrated :)
Thanks for the second opinion, Chris.
So basically, the summary is that it's better to handle tasks within one platform, and then switch to another platform, versus hopping between platforms back and forth.
Thanks for this guys. These tiny speed increases can make a big difference!
So basically, the summary is that it's better to handle tasks within one platform, and then switch to another platform, versus hopping between platforms back and forth.
Thanks for this guys. These tiny speed increases can make a big difference!
Growth @Memberstack
In my experience, I don't think the order of actions affects latency as much. In this case I'd lean Airtable → Airtable → Webflow to keep things easier to understand/debug in case someone else were to jump in to use it. 🙂
Maker @ NoCodeQuest.com
I'd agree with Naitik.
The biggest slow down will typically be when you hop from one service to another. That produces network latency, e.g. it takes time to travel across the network from one server to another.
If, for example, you were using Integromat as your backend and swapped out Airtable for the Integromat Datastore, you'd have a higher likelihood of significant speed improvements.
The actions you are performing would most likely be within the same network - physically close to each other, or travel across a private, high speed backbone with very low latency.
The biggest slow down will typically be when you hop from one service to another. That produces network latency, e.g. it takes time to travel across the network from one server to another.
If, for example, you were using Integromat as your backend and swapped out Airtable for the Integromat Datastore, you'd have a higher likelihood of significant speed improvements.
The actions you are performing would most likely be within the same network - physically close to each other, or travel across a private, high speed backbone with very low latency.