Paid Members App logo
  • Tutorials
  • Pricing
Paid Members AppTM
  • Sign In
  • Sign Up

Tutorial Menu

General
  • Welcome
  • What is Paid Members App branding
  • No-code Customer Portal
  • No-code Stripe Tax
  • How to add Stripe coupons or promo codes
  • How to send emails from a custom domain
Duda
  • Primary Tutorials
    • How to install our app
    • How to add a login link
    • How to add a login button
    • How to set up your site navigation
    • How to white out your member pages
    • How to find your page URLs
  • Stripe Tutorials
    • How to embed a Stripe button
    • How to customize your Stripe button
    • How to add a v2 Stripe button
    • How to add coupons to Stripe
Webflow
  • Primary Tutorials
    • How to install our app
    • How to add a login link
    • How to add a login button
    • How to white out your member pages
    • How to find your page URLs
  • Stripe Tutorials
    • How to embed a Stripe button
    • How to customize your Stripe button
    • How to add a v2 Stripe button
Weebly
  • Primary Tutorials
    • How to migrate from our Weebly App
    • How to install our app
    • How to add a login link
    • How to set up your site navigation
    • How to white out your member pages
    • How to find your page URLs
  • Stripe Tutorials
    • How to embed a Stripe button
    • How to collect your customers name
    • How to customize your Stripe button
    • More Stripe tutorials...
Wordpress
  • Primary Tutorials
    • How to install our app
    • How to add a login link
    • How to add a login button
    • How to white out your member pages
    • How to find your page URLs
  • Stripe Tutorials
    • How to embed a Stripe button
    • How to customize your Stripe button
    • How to add a v2 Stripe button
    • How to add coupons to Stripe
Shopify
  • Primary Tutorials
    • How to install our app
    • How to add a login link
    • How to add a login button
    • How to white out your member pages
    • How to find your page URLs
  • Stripe Tutorials
    • How to embed a Stripe button
    • How to add a v2 Stripe button
    • How to add coupons to Stripe
Wix
  • Primary Tutorials
    • How to install our app
    • How to add a login link
    • How to white out your member pages
  • Stripe Tutorials
    • How to add Stripe Payment Links
Squarespace
  • Primary Tutorials
    • How to install our app
    • How to add a login link
    • How to add a signup popup
    • How to set up your site navigation
    • How to white out your member pages
    • How to find your page URLs
  • Stripe Tutorials
    • How to embed a Stripe button
    • How to Collect Your Customers Name
    • How to Customize Your Button
Static HTML
  • Primary Tutorials
    • How to install our app
    • How to add a login link
    • How to add a login button
    • How to white out your member pages
  • Stripe Tutorials
    • How to embed a Stripe button
    • How to customize your Stripe button
    • How to add a v2 Stripe button
    • How to add coupons to Stripe
Native Apps

This section is for users who have installed one of our native apps from an app store.

Weebly App

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':

Weebly edit website

3.) Click 'Pages':

Weebly click pages

4.) Click the + icon:

Weebly click plus sign

5.) Click 'External page'

Weebly 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':

Weebly paste link

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).

Weebly login form


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':

Weebly edit website

3.) Click 'Pages':

Weebly click pages

4.) Find the page you want to add the popup button to and click it.

Weebly choose page

5.) Click 'Build':

Weebly 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:

Weebly drag button

7.) Click on the button you dragged in:

Weebly click on button

8.) Click 'Link':

Weebly click button link

9.) Click 'Website URL':

Weebly 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:

Weebly paste website url

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

Weebly update button and 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).

Weebly login form