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 button to Shopify

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

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

2.) Click 'Online Store' in the left side navigation menu:

Click online store

3.) Click 'Pages' on the left:

Click pages

4.) Find the page you want to add the popup button to and click it or, create a new page, save it and the click on it.

Choose or add page

5.) Click the 'Show HTML' icon:

Click show html

6.) You can add the popup link via Text, Image, or as a Button. In this example we will create a Button. Here is some simple button code (you will need to add your own CSS to style the button):

<div class='section-header text-center'><a href='https://paidmembersapp.com/members/login'><button type='button' class='btn'>Member Login</button></a></div>

7.) Paste in the code we have provided in the previous step. Make sure to update the button with button text that makes sense (e.g. 'Member Login')

Paste code

8.) Click on the 'Show HTML' icon to view the button. Now click 'Save' and 'View Page'

Click save and view page

9.) When you view the page, your button will look something like this. If desired, use your HTML and CSS skills to style your button as needed:

View button

9.) 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 Shopify editor). You can customize many elements of this form in Paid Members App > Membership > Forms.

Login form after click

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

My account form after click