Tutorial Menu

You can easily allow your members to log in by adding a member login button.Your members will have an optional 'Profile' link when logged in where they can change their email, view invoices, update their credit card, cancel their subscription, etc.

Adding a login button to a specific page

If you prefer to add a Login / Account popup onto a specific page of your website...

Pre-requisite: Please watch Embed custom HTML - Webflow tutorial

1.) Make sure you are logged into your Webflow editor.

2.) Click on the pages panel on the left and choose a page:

3.) You can add the popup link via Text, Image, or as a Button. In this example I'll select a Button. Click the 'Button' widget and drag it into your editor. Pro Tip: You may want to drag in a container and then drag the button into the container - watch How to Center a Button in Webflow for more details.

4.) Click on the gear icon of the button you dragged in:

5.) Here is the link:

https://paidmembersapp.com/members/login

6.) Paste in the link we have provided in the previous step:

7.) Make sure to update the button with some button text that makes sense (e.g. 'Member Login') and click 'Publish'

8.) Now whenever anyone clicks this link you just added, they will see your Login form popup. To test this, you'll need to be on your live website (not the Webflow editor). You can customize many elements of this form in Paid Members App > Membership > Forms.

9.) And when the member logs in, they will see a My Account form popup. To test this, you'll need to be on your live website (not the Webflow editor). By default, the form has a 'Profile' link where a member can log out, see their invoices, cancel etc. This 'Profile' link can be hidden in Paid Members App > Membership > Forms.