• Log In
  • Welcome
  • Features
  • Pricing
  • Documentation
  • Add Ons
  • Payment Gateways
  • Support
  • Customer Showcase
  • Blog
  • Contact

Log In


Join Now | Lost Password?

Skip to content

Paid Memberships Pro

WordPress Membership Plugin

  • Log In
  • Choose a Plan
  • Features
    • Product Overview
    • Screenshots
    • About Us
  • Pricing
  • Documentation
  • Showcase
  • Add Ons
  • Gateways
  • Support
  • Blog
Home  >  Blog  >  Create a Dual Login and Benefits of Registration Page

Create a Dual Login and Benefits of Registration Page

Estimated reading time: 2 minutes

TweetFacebookLinkedIn

Your membership site’s login page gets a ton of traffic—not only for people trying to log in to their existing account but also for non-members who happen upon this page while browsing premium content.

Depending on how you protect access in your membership site, people may be redirected to this page in their normal browsing patterns, too.

With all this traffic, we wanted to give you a tutorial on how to make this page work a little harder for you and your business goals. Here’s a creative way to make this basic login page do more than just its sole purpose of allowing your members to sign in. 

This code recipe gives you the drop-in content for the WordPress Block Editor to make your login page have a dual purpose: add a small ad block on your login page that includes a link to registration and some benefits of becoming a member. 

Create a Dual Login and Benefits of Registration Page Code Recipe Banner Image

Highlight The Benefits of Registration

You can get super creative or keep things really straightforward for a dual login and register page. Some example content to put in your registration block include:

  • A link to your free membership level checkout
  • A brief description of your paid membership level that links to checkout
  • An overview of membership benefits that links to your membership pricing page
Example of the dual login page with login block and a callout section about registration

The Page Content (WordPress Block Editor)

Adding the Content to Your Website

This code is designed in the WordPress Block Editor. You can copy and paste the block of content in the recipe right into the “Code Editor” view.

  1. Navigate to Memberships > Settings > Pages.
  2. Edit the “Log In” page.
  3. In the WordPress Editor, toggle to the “Code Editor” view by click the three dots icon in the top right of your screen, then select “Code Editor“. You can also use the keyboard shortcut ⇧⌥⌘M to access this view.
  4. Now, replace the contents of your Log In page with the content from the snippet above.

You can toggle out of the editor view by clicking the “Exit code editor” link near the title of your page.

Once you’re happy with the edits, click Update to publish your changes.

If you use another editor, you can follow the steps in this guide to create a similar dual purpose login page using your favorite page builder like Elementor, Divi, or Beaver Builder.

Related Reading: How to Customize the Frontend Pages

We have a few articles in our blog on how to adjust the appearance of your frontend membership pages. Check the links below to explore the guides:

  • Making a Powerful Member Dashboard for Your Membership Account Page
  • Create a Dual Login and Benefits of Registration Page
  • Customizing the Paid Memberships Pro Membership Pricing Page
  • How to Use a Page Builder to Create a Custom Membership Level Pricing Page
  • Membership Pricing Pages and Streamlining the Checkout Process
  • Using Page Builders to Enhance Your Site’s Membership Pages
  • Design a Specific Level’s Membership Checkout Page Using CSS
  • Customizing the Member Links list on Membership Account Page
  • Add Links by Membership Level to the Membership Account Page “links” Section
  • Customizing the Member Cancellation Process
  • How to Load a Custom Template for Membership Pages or System-Generated Emails
Samantha Daugherty

Author: Samantha Daugherty

Sam is the Marketing Specialist at Paid Memberships Pro. She grew up working in a small family business and loves to support other small businesses. When she is not wearing her marketing hat, she enjoys making crafts and working on her embroidery machine.

Tagged: customizations, Customize Frontend Pages, user_login. Posted in Code Recipes, Free Code Recipes. Bookmark the permalink. Last updated: September 22, 2022.
← How to Set Up a Landing Page to Capture Email Addresses
Query Active Members by User Meta Field →

Build a membership site—for free.

The fastest way to charge for access to your WordPress site. Our core plugin is free and includes more than other membership plugins. You deserve more.

Start for Free
Choose a Plan

We’re 100% GPL

Our plugin's code is not obfuscated, runs on as many sites as you want and can be customized to fit your project's needs. We just ask that you follow the GPLv2 guidelines by applying the GPLv2 license to any altered or unaltered version of PMPro that you distribute. License Details »

GPL v2

Recent Articles and Updates

  • Banner image for Promote your membership website
    How to Promote a Membership Site
  • Banner image for Creating online community benefits membership site
    7 Ways Creating an Online Community Can Benefit Your Membership Business
  • How Paid Memberships Pro Handles User Creation at Checkout
    How Paid Memberships Pro Handles User Creation at Checkout

Platform

  • Pricing
  • Features
  • Reviews
  • Screenshots
  • Videos
  • Step-by-Step Guides

Use Cases

  • Associations
  • Blog & News
  • Community
  • Courses
  • Directory & Listing
  • Paid Newsletter
  • Podcast
  • Videos

Add Ons

  • Free
  • Standard
  • Plus
  • Admin
  • Integration
  • View All

Get Help

  • Support
  • Download & Install
  • Hosting
  • Developers
  • Blog
  • Contact Us

Company

  • About Us
  • Work With Us
  • Brand Assets
  • Affiliates
  • Privacy Policy
  • Terms of Service
Follow Us On

© 2023 Paid Memberships Pro. All Rights Reserved.