Note: While our most popular guides have been translated into Spanish, some guides are only available in English.

Customizing the Member Areas experience

You can use Member Areas to build out custom classes, programs, and packages of content for different skill levels and communities. Use this guide to learn how to customize the Member Areas experience for your members.

Global settings

The Member Areas panel includes shortcut links to all the global settings that affect your member areas. To open the Member Areas panel, in the Home menu, click Settings, then click Member Areas.

You'll see the following options:

  • Create member areas - Links to the Pages panel, where you can add new member areas.
  • Manage members - Links to the Profiles panel, where you can view all your members, along with any Commerce customers, mailing list subscribers, and donors.
  • Shortcuts - Use the links in this section to access the Commerce features you’ll use to sell memberships to your member areas. Click Customer notifications to customize member email notifications.
  • Member navigation - Control the navigation menu members see when they log into their customer accounts on your site.

Customize member homepages

The member homepage is the landing page for a member area. Use this page to welcome your members and link out to the rest of the pages in that area. Links to a member area’s homepage automatically appear in:

The first page you add to a member area automatically becomes that area’s homepage. To set another page as the member homepage:

  1. In the Home menu, click Pages.
  2. Under Member Areas, locate the appropriate member area.
  3. Hover over the title for the page you want to set as your member homepage and click the gear icon.
  4. In the page settings, scroll down and click Set as member homepage.
  5. Click Confirm in the pop-up, then click Close.
  6. Your new member homepage will have a home icon next to its title.
Note: Navigation links and pages within portfolio pages (version 7.1) or index pages (version 7.0) can't be set as the homepage.

If you delete the member homepage or remove it from its member area, the first page listed under that member area in the Pages panel automatically becomes the homepage. If there aren’t any other pages, members will see a 404 error when they try to access their members-only content.

Style member homepages

You can customize the page’s design using style tweaks in the Design panel. Learn more in Making style changes.

Customize member navigation

When a member logs in to their customer account, they’ll see a new navigation menu, listing the gated pages in that member area. Choose how you want this member navigation to appear:

  1. In the Home menu, click Settings, then click Member Areas.
  2. Click Member navigation.
  3. Choose where you want logged-in members to view their member navigation.
  4. Click Save.

What member navigation options you see depends on your site’s version.

Choose from the following member navigation options:

  • Replace main navigation - This is the default option. When logged in, members see the member navigation at the top of your site, replacing the main navigation of your public pages. The member navigation includes all member areas they have access to, and reveals all pages in each member area on hover. The main navigation links reappear after a member logs out of their customer account.
  • Show in the Customer Account panel - After a member logs into their customer account, the Sign in link in your main navigation changes to Account. Members can click this link to open the Customer Account panel and view all pages available in the member areas to which they have a membership.
  • Don’t show navigation - Hide the member area page links from both the main navigation and Customer Account panel. If you choose this option, create a custom member navigation on the member area’s homepage.

Choose from the following member navigation options:

  • Show in the Customer Account panel - This is the default option. After a member logs into their Customer Account, the Sign in link in your main navigation changes to Account. Members can click this link to open the Customer Account panel and view all pages available in the member areas to which they have a membership.
  • Don’t show navigation - Hide the member area page links from both the main navigation and Customer Account panel. If you choose this option, create a custom member navigation on the member area’s homepage.

Customize checkout

Create a custom checkout form for customers to complete when paying the set amount or recurring membership fee to access one of your member areas. Use this form to collect information or comments from your customers and display your Terms of Service.

Note: You can only create a single custom checkout form for your site. If you sell products or services as well as member area memberships, the same form appears at checkout for customers, regardless of what they're purchasing.

Customize customer email notifications

Customize the following automatic email notifications sent to your members:

Learn more about all the email types members receive, and how to customize them in Customer email notifications.

Customize access denied screen

Site visitors see an access denied screen if they try to view pages in a member area when they’re logged out of their customer account, or if they don't have an active membership. The access denied screen includes the following details:

  • Fee option picker - If the member area has two membership fee options, this picker automatically shows, allowing prospective members to choose a fee option before clicking the join button. You can’t remove or change the text of the fee option picker.
  • Headline - Create a headline for the screen, stating the name of the member area and welcoming your members.
  • Description - Use this field to remind viewers that member area pages are only accessible to members, and to invite new members to join.
  • Join button - Users can click this button to sign up for your member area. By default, the button text is “Join” if the member area only has one membership fee. If the member area has two fee options, the button displays the amount and frequency for the fee they've chosen. Learn more about how to hide the join button in the section below.
  • Sign in link - Members can click this button to sign into their customer account and access the member areas to which they already have a membership.

Change the text

To change the text on a member area’s access denied screen:

  1. In the Home menu, click Pages.
  2. Under Member Areas, hover over one of your member areas and click the gear icon to open Member area settings.
  3. In the General tab, click Edit access denied screen.
  4. Use the drop-down menu to select which Member Area this screen applies to.
  5. Customize the Headline and Description message.
  6. Click Save.

To reset the messaging to the default wording, click Reset to default at the bottom of the panel.

Hide the join button

You can hide the join button from a member area's access denied screen. Doing so ensures site visitors can only sign up for membership to a member area from a member sign up block.

To hide the access denied screen's join button:

  1. In the Home menu, click Pages.
  2. Under Member Areas, hover over one of your member areas and click the gear icon to open Member area settings.
  3. In the General tab, click Edit access denied screen.
  4. Under Join button, uncheck Show join button, then click Save.

Style the access denied screen

To style the access denied screen's colors in version 7.1, click Site styles in the Design panel, then click Colors. The access denied screen uses the Lightest 1 color palette. Click on the palette to make style changes:

  • Headline color - Follows Heading (large)
  • Description color - Follows Paragraph (medium)
  • Fee option picker color - Follows Background under Button
  • Fee option picker font color - Follows Text under Button
  • Sign up button color - Follows Background under Button
  • Sign up button font color - Follows Text under Button
  • Sign In link color - Follows Paragraph (medium)

All text elements in the access denied screen take their style from your site-wide fonts. You can re-size the access denied screen's fonts using the following global site style tweaks:

  • Headline size - Follows Heading 2
  • Description size - Follows Paragraph 2
  • Fee option picker font size - Follows your font’s Base Size.
  • Sign up button font size - Follows your font’s Base Size.
  • Sign In link font size - Follows Paragraph 2

The fee option picker and join button follow the Buttons site styles tweaks.

Was this article helpful?
16 out of 64 found this helpful
Customizing the Member Areas experience