How to link Memberstack Custom Attributes to a signup form inside a Webflow component while attaching a plan to the submit button? Answered
Does having a signup form within a Webflow component break the Memberstack Custom Attribute links?
I made a signup form, then made it into a component, and now the signup form no longer works 😦
Comments
8 comments
Depends on the component you used. But you should only have one attribute like this data-ms-form=“signup” on your page 😁
I'm working off of this pricing component https://www.memberstack.com/webflow/current-plan-ui, am I able to use data-ms-modal="signup" with this sign up component https://www.memberstack.com/webflow/simple-signup-modal ? I like the flow of using data-ms-modal but I need to customize the form styling and add custom fields.
You should be able to customize the UI Kit in Webflow when you clone it. There wouldn't be any need for the data-ms-modal="signup".
I want to attach a plan to one button, but that button also has to submit a form
You can add the data-ms-plan:add="[PLAN_ID]" attribute to the signup forms if you want to add a free plan to a member.
<form data-ms-form="signup" data-ms-plan:add="PLAN_ID"><input ...></form>data-ms-price:add="[PRICE_ID]": Adds a paid plan if you use it on the signup form.<form data-ms-form="signup" data-ms-price:add="PRICE_ID"><input ...></form>It's supposed to redirect to Stripe first, then after the user has made payment, they get redirected to the URL you set.
P.S: Your form data would be submitted during this process too.
it's a one time payment tho
would that work?
hmm, weird, when i click on the form
it just redirects me to stripe
(this is for already logged in members
Absolutely!
Oh yes, if you're logged in already, you'll just be redirected to Stripe.
If the form isn't a signup form and you'd want to save the form data for a logged-in user, then change the form data attribute from data-ms-form="signup" to data-ms-form="profile"
It's a form submission
and i automate that form submission with zapier and send it to airtable
Please sign in to leave a comment.