The member profile modal

Article author
Josh Lopez

Using Memberstack 2.0? There is an updated version of this article here.

Want to know what your members see when they go to manage their profile, cancel their membership, or update their card?

 

One of the biggest perks of starting an online business or moving more of your business online is that you can let members manage themselves.

 

Memberstack comes with a plug-and-play profile UI that lets members view and update their profile information, reset their password, and manage their current membership.

 

Profile information, email, and password

sample-profile-tab.png

Profile information → is only visible/editable after an admin creates a custom field on the Forms & Fields page.
Tip: you can also hide custom fields to prevent members from editing them.

 

Email address → Self-service portals just got more self-serve. Members can securely update their email address right from their profile modal.

 

ezgif.com-crop.gif

 

Change password → is handy for members who know their password, but want a new one. If a member forgets their password, they can verify their email address and create a new one.


Current membership, payment method, and billing history

sample-membership-tab.png

Manage membership → is handy for paying members who want to know when their subscription renews and who wish to cancel their membership. Note: You can disable the cancellation button with a bit of custom code.

 

When a member cancels their membership, their membership stays active until the remainder of their subscription. If you want to cancel a member immediately, you would have to cancel in Memberstack and then cancel in Stripe.

 

Payment Method → This section allows members to update their card at any point. Note: This section only appears for paying members.

 

Billing history → is where we place the PDF invoices that Stripe generates. This section only appears for members with an invoice.

 

How to enable member profiles

Step 1 → Add the #/ms/profile link as the value for any hyperlink (text, button, etc) on your website — clicking this hyperlink will cause the profile modal to pop up.

You can find the link on the Forms page under the Profile tab.

 

Keywords: member, profile, modal, plug-and-play, UI, view, update, information, email, password, payment, method, billing, history

Was this article helpful?

Comments

4 comments

  • Comment author
    Ollie Law

    How do you put an upgrade link on the modal for the user? This seems like an obvious place to put it to me.

    2
  • Comment author
    Oussama Atlassi

    +1

    0
  • Comment author
    Max Malak

    +1

     

    0
  • Comment author
    Jonathan Bowman

    Can I add a custom form on my site that does this, as opposed to a modal?

    0

Please sign in to leave a comment.