How to add a Login / My Account popup to Weebly
You can easily allow your members to log in by adding a login link to your navigation menu, or by adding a member login button, or both.
Adding to a site's navigation
1.) Make sure you are logged into your Weebly editor.
2.) Click 'Edit Website':
3.) Click 'Pages':
4.) Click the + icon:
5.) Click 'External page'
6.) Here is the link - just copy this URL and go to the next step:
https://paidmembersapp.com/members/login
NOTE: If you want to add a Signup link instead of a Login link, it is contained automatically on the Login form (you can hide the Signup link here). You can link directly to the Signup form by following the tutorial below and simply pasting in the signup code here.
7.) Enter any text you want for the 'Page Name' (e.g. "Member Login"), then for the 'External Link' section paste in the link you copied in the previous step, then click 'Done':
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 Weebly editor).
Adding a button to a specific page
If you prefer to add a Login / Account popup onto a specific page of your website...
1.) Make sure you are logged into your Weebly editor.
2.) Click 'Edit Website':
3.) Click 'Pages':
4.) Find the page you want to add the popup button to and click it.
5.) Click 'Build':
6.) 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:
7.) Click on the button you dragged in:
8.) Click 'Link':
9.) Click 'Website URL':
10.) Here is the link:
https://paidmembersapp.com/members/login
NOTE: If you want to add a Signup link instead of a Login link, it is contained automatically on the Login form (you can hide the Signup link here). You can link directly to the Signup form by following the tutorial below and simply pasting in the signup code here.
11.) Paste in the link we have provided in the previous step:
12.) Make sure to update the button with some button text that makes sense (e.g. 'Member Login') and click 'Publish'
13.) Now whenever anyone clicks this button, they will see your Login form popup. To test this, you'll need to be on your live website (not the Weebly editor).