Enable Facebook Social Provider

You can select and enable the Facebook provider in the Social Login section of WishList Member.

—

The Facebook configuration section appears and you can click to “Enable the Facebook Provider”.

—

The Facebook configuration section will now display two fields required to connect your site with your Facebook App. This is because WishList Member and Facebook need to be connected using the Facebook App ID and Facebook App Secret provided by Facebook. This connection process is explained below the following screenshot.

—

Connecting WishList Member and Facebook

You will need to create a Facebook App in order to allow your users to login with their Facebook accounts.

The first step is navigating to https://developers.facebook.com/apps and logging in with your Facebook Developer account in order to create your Facebook App. If you aren't logged in with your Facebook Developer account or if don't have a Facebook Developer account, you will be sent to the main https://developers.facebook.com site.

If you don't have a Facebook Developer account, you can create one by filling in all the required details in the “Get Started” section of the main https://developers.facebook.com site.

—

Create a Facebook Developer Account (If You Don't Have One Currently)

If you already have a Facebook Developer account, you can use that existing account. If not, the Meta for Developers page will appear after you click the Get Started link mentioned above and the Register section is displayed. You can click the Continue button to create a Facebook Developer account.

—

The Verify Account section will appear and you will be asked to provide a phone number to verify the account. A text message will be sent to the phone number including a code you can enter into the corresponding field. You can click the Continue button to proceed.

—

The Contact Info section will appear and you can set your preferred email address. You can click the Confirm Email button to proceed.

—

The About You section will appear and you can select the Developer option. You can click the Complete Registration button to finish the process of creating a Facebook Developer Account.

—

Creating a Facebook App

You have a Facebook Developer Account and you are directed to the https://developers.facebook.com/apps section.

—

Click the Create App button on the top right of the page.

—

The Create an App > Add Use Case section will appear. Select the “Authenticate and request data from users with Facebook Login” option as the Use Case and click the Next button.

—

The Create an App > Login Type section will appear. Select the “No, I'm not building a game” option and click the Next button.

—

The Create an App > App Details section will appear. Fill in the “Add an app name” and “App contact email” fields and click the Create App button.

—

Setting up Your Facebook App

Your Facebook App has been created based on the information shared above and you are directed to the App Dashboard.

—

Click the Use Cases option on the left side navigation and then click on the Customize button that appears next to the “Authentication and account creation” item.

—

The Use Cases > Customize section appears. Click the Go to Settings button you will find in the Settings area below Facebook Login.

—

A message might appear prompting you to switch to “Facebook Login for Business”. That message can be ignored as this integration is for “Facebook Login”.

Add the following URL to the “Valid OAuth redirect URIs” field and click the Save Changes button. You will need to replace YOUR-SITE-URL with your actual site URL.

https://YOUR-SITE-URL/?wishlist_member-sl-callback=facebook

If you happen to receive a blank page after you click the Save Changes button, you can click to refresh the page in your browser.

—

Click the Go Back button on the top right of the page to return to the Use Cases > Customize section.

—

The Use Cases > Customize section appears. Click the Add button for the Email option in the Permissions section.

—

The email will now show as added. Click the Go Back button again on the top right of the page.

—

The main Facebook Apps section appears. Click on App Settings > Basic in the left side navigation.

—

The App Settings > Basic section appears and you will need to fill in the following fields:

• App Domains. This will be your site domain
• Privacy Policy URL. This will be a link to your online Privacy Policy. Provide a publicly available and easily accessible privacy policy that explains data you are collecting and how you will use that data.
• User Data Deletion. Select the “Data Deletion Instructions URL” option from the dropdown and enter the URL of your page with instructions on how users can delete their accounts on your site. To comply with GDPR, you should offer the option to delete accounts on your site, either by the user or by the admin.
  • If each user has the option to delete their account, the Data Deletion Instructions URL should point to a guide explaining how users can delete their accounts.
  • If the accounts are deleted by a site admin, the Data Deletion Instructions URL should point to a section on the site (usually within the Privacy Policy) with the contact details users can use to send their account erasure requests.
• App Category. Select the category for your app from the dropdown.
• App Icon. Upload the icon for your app.

—

Once the fields have been filled in, scroll down to the bottom of the page and click on the “+ Add Platform” button.

—

The Select Platform popup appears. Select the Website option and click the Next button.

—

The Select Platform popup disappears and you will need to enter the following URL into the Website > Site URL field and click the Save Changes button. You will need to replace YOUR-SITE-URL with your actual site URL.

https://YOUR-SITE-URL.com

—

The Facebook App is now created and there are just a few settings left to configure to connect Facebook with WishList Member.

Upgrade Facebook App from Standard Access to Advanced Access

By default, your app only has Standard Access for the “public_profile” and “email” permissions. This means only you are able to login with it currently. To get Advanced Access for your app, you will just need to go through the Business Verification process. You can start that process in the Review > Verification section on the left side navigation and clicking on the Start Verification button.

—

Once you complete the verification process with Facebook, your app will have Advanced Access.

Upgrade Facebook App from Development Mode to Live Mode

Users outside of your business cannot use the Facebook login option if your Facebook App is in Development Mode. So once the verification process mentioned above is complete, you can click the Go Live toggle on the top of the Dashboard section of your Facebook App to publish your app.

This will set your app to Live Mode and you can proceed with connecting Facebook with WishList Member.

—

The last step to connect Facebook with WishList Member is by using the App ID and App Secret provided by Facebook. You can click on App Settings > Basic in the left side navigation again.

You will see the App ID and App Secret fields on the top of the page. Copy each field value and paste it into the corresponding field in WishList Member.

—

Click the Save Settings button in WishList Member once the two fields have been filled in.

—

Once you have saved the Facebook App ID and Facebook App Secret, click the Verify Settings button to confirm that the integration is complete.

—

A successful verification message will be displayed and Facebook is now connected with WishList Member.

—

This article is focused on the enabling and connection process between Facebook and WishList Member Social Login. More details on the WishList Member Social Login Add-on including features, shortcodes, additional social providers, display options and more can be found in the main WishList Member Social Login Knowledge Base entry.

Enable Google Social Provider

You can select and enable the Google option in the Social Login section of WishList Member.

—

The Google configuration section appears and you can click to “Enable the Google Provider”.

—

The Google configuration section will now display two fields required to connect your site with your Google App. This is because WishList Member and Google need to be connected using the Google Client ID and Google Client Secret provided by Google. This connection process is explained below the following screenshot.

—

Connecting WishList Member and Google

You will need to create a Google App in order to allow your users to login with their Google accounts.

The first step is navigating to https://console.cloud.google.com/apis/ and logging in with your Google account in order to create your Google App.

—

Creating a Google App

Once you have logged into your Google account as noted above, the Google Enabled APIs & Services section appears. If you already have an existing project you want to use, select the project from the dropdown on the top of the page. If you do not have an existing project, click the Create Project link.

—

The New Project section appears after clicking the Create Project link. Set your Project Name and click the Create button.

—

You will be directed back to the Enabled APIs & Services section and are now within the new project you just created. In this example, the project is named My Project.

—

Navigate to OAuth Consent Screen in the side navigation and select External as the User Type and click the Create button.

—

Setting Up Your Google App

The Google App is created based on the information above. Additional fields will appear and you can fill them in accordingly.

In the App Information section, enter a name for your Google App in the App Name field and a support email address in the User Support Email field. The App Name will appear to users when asking for their consent. The email address can be used by users to contact you with questions about their consent.

—

Scroll down the page to the App Domains section and click the “+ Add Domain” button under Authorized Domains.

—

Enter your domain name into the Authorized Domain Name 1 field without a subdomain and without http or https. This should be your main site URL.

You will need to replace YOUR-SITE-URL with your actual site URL.

—

Scroll down the page to the Developer Contact Information section and enter an email address Google can use to notify you about any changes to your project.

—

Once all the fields are filled in as explained above, click the Save and Continue button on the bottom of the page.

—

The Scopes section will appear. Click the Save and Continue button on the bottom of the page.

—

The Test Users section will appear. Click the Save and Continue button on the bottom of the page.

—

The Summary section will appear. Click the Credentials link in the left side navigation.

—

The Credentials section will appear. Click the Create Credentials link on the top of the site and select the OAuth Client ID option.

—

The Create OAuth Client ID section will appear. Select Web Application from the Application Type dropdown.

—

Additional fields will appear and you can fill them in accordingly.

Enter a web client name into the Name field.

The Web Client Name is only used to identify the client in the console and will not be shown to users.

—

Scroll down the page to the Authorized Redirect URIs section and click the “+ Add URI” button.

—

Add the following to the “Authorized Redirects URIs” field and click the Create button. You will need to replace YOUR-SITE-URL with your actual site URL.

https://YOUR-SITE-URL.com/?wishlist_member-sl-callback=google

—

The OAuth Client Created popup appears. You will see the Client ID and Client Secret fields within the popup. Copy each field value and paste it into the corresponding field in WishList Member.

—

Click the Save Settings button in WishList Member once the two fields have been filled in.

—

Once you have saved the Client ID and Client Secret, click the Verify Settings button to complete the integration.

—

The Google verification screen will be displayed. Click the Continue button to confirm the integration.

—

A successful verification message will be displayed and Google is now connected with WishList Member.

—

This article is focused on the enabling and connection process between Google and WishList Member Social Login. More details on the WishList Member Social Login Add-on including features, shortcodes, additional social providers, display options and more can be found in the main WishList Member Social Login Knowledge Base entry.

Enable X (formerly Twitter) Social Provider

You can select and enable the X (formerly Twitter) option in the Social Login section of WishList Member.

—

The X (formerly Twitter) configuration section appears and you can click to “Enable the X (formerly Twitter) Provider”.

—

The X (formerly Twitter) configuration section will now display two fields required to connect your site with your X (formerly Twitter) App. This is because WishList Member and X (formerly Twitter) need to be connected using the X (formerly Twitter) Client ID and X (formerly Twitter) Client Secret provided by X (formerly Twitter). This connection process is explained below the following screenshot.

—

Connecting WishList Member and X (formerly Twitter)

You will need to create an X (formerly Twitter) App in order to allow your users to login with their X (formerly Twitter) accounts.

The first step is navigating to https://developer.twitter.com/en/portal/projects-and-apps and logging in with your X (formerly Twitter) account in order to create your X (formerly Twitter) App.

You will need to sign up for an X (formerly Twitter) Developer account if you don't have one already.

—

Creating an X (formerly Twitter) App

Once logged in with your X (formerly Twitter) Developer account, click the project you want to use for this integration on the left side navigation in the Projects & Apps section.

You can use the “+ Add Project” Button if you don't have a project created yet.

—

In that case, you will just need to run through the basic setup by selecting your Project Name, Use Case and adding a Project Description.

—

Once the project has been created, click the project name on the left side navigation in the Projects & Apps section and click the “+ Add App” button on the bottom of the page. The project name is “My New Project” in the screenshot example below.

—

The Name Your App > App Name section appears. Enter a name for your app in the provided field and click the Next button.

—

The Name Your App > Keys & Tokens section appears. Click the App Settings button.

You don't need the particular keys or tokens (API Key, API Key Secret, and Bearer Token) displayed in this section for this integration.

—

Setting Up Your X (formerly Twitter) App

The App is created based on the information above and the App Settings section appears. Click the Set Up button under User Authentication Settings.

—

The User Authentication Settings section appears. Set the App Permissions to Read and set the Type of App to Web App, Automated App or Bot.

—

Scroll down the page and add the following URL to the “Callback URI / Redirect URL” field. You will need to replace YOUR-SITE-URL with your actual site URL.

https://YOUR-SITE-URL.com/?wishlist_member-sl-callback=twitter

Add you site URL to the Website URL field. You will need to replace YOUR-SITE-URL with your actual site URL.

https://YOUR-SITE-URL.com

Once all the fields are filled in as explained above, click the Save button on the bottom of the page.

—

You are directed to a page that contains the OAuth Client ID and Client Secret fields. Copy each field value and paste it into the corresponding field in WishList Member.

You can also find the Client ID and Client Secret in the App > Keys & Tokens > OAuth 2.0 Client ID and Client Secret section.

—

Click the Save Settings button in WishList Member once the two fields have been filled in.

—

Once you have saved the Client ID and Client Secret, click the Verify Settings button to complete the integration.

—

The X (formerly Twitter) verification screen will be displayed. Click the Authorize App button to confirm the integration.

—

A successful verification message will be displayed and X (formerly Twitter) is now connected with WishList Member.

—

This article is focused on the enabling and connection process between X (formerly Twitter) and WishList Member Social Login. More details on the WishList Member Social Login Add-on including features, shortcodes, additional social providers, display options and more can be found in the main WishList Member Social Login Knowledge Base entry.

Enable WordPress.com Social Provider

You can select and enable the WordPress.com option in the Social Login section of WishList Member.

—

The WordPress.com configuration section appears and you can click to “Enable the WordPress.com Provider”.

—

The WordPress.com configuration section will now display two fields required to connect your site with your WordPress.com App. This is because WishList Member and WordPress.com need to be connected using the WordPress.com Client ID and WordPress.com Client Secret provided by WordPress.com. This connection process is explained below the following screenshot.

—

Connecting WishList Member and WordPress.com

You will need to create a WordPress.com App in order to allow your users to login with their WordPress.com accounts.

The first step is navigating to https://developer.wordpress.com/apps and logging in with your WordPress.com account in order to create your WordPress.com App.

Creating a WordPress.com App

Once logged into your WordPress.com account as noted above, click the Create New Application link on the top right of the page.

—

The Create an Application section appears and you will need to fill in the following fields:

Name. The name of your WordPress.com application.
Description. The description of your WordPress.com application. Example: This Application allows users to login to my WordPress website using their WordPress.com account. (Note: This message will be shown to your users when they visit your site and click the WordPress.com login option the first time.)
Website URL. The homepage URL of the site you are integrating with WishList Member Social Login.
Redirect URL. Add the following URL as the Redirect URL:

You will need to replace YOUR-SITE-URL with your actual site URL.

https://YOUR-SITE-URL/?wishlist_member-sl-callback=wordpresscom

Javascript Origins. The homepage URL of the site you are integrating with WishList Member Social Login
Answer the math security question.
Type. Select the “Web clients must be able to keep the generated secret private and should do all authenticated API calls server to server” option.

Once the fields have been filled in, scroll down to the bottom of the page and click on the Create button.

—

The WordPress.com App has now been created and the Editing My App section appears.

Setting Up Your WordPress.com App

Once you have a WordPress.com app created, click the App Title at the top of the page. In this example, the app is named “My App”.

—

The App section appears and the last step to connect WordPress.com with WishList Member is by using the Client ID and Client Secret provided by WordPress.com. These two pieces of information are available in the App > OAuth Information section.

Copy each field value and paste it into the corresponding fields in WishList Member.

—

Click the Save Settings button in WishList Member once the two fields have been filled in.

—

Once you have saved the Client ID and Client Secret, click the Verify Settings button to confirm the integration.

—

The WordPress.com verification screen will be displayed. Click the Approve button to confirm the integration.

—

A successful verification message will be displayed and WordPress.com is now connected with WishList Member.

—

This article is focused on the enabling and connection process between WordPress.com and WishList Member Social Login. More details on the WishList Member Social Login Add-on including features, shortcodes, additional social providers, display options and more can be found in the main WishList Member Social Login Knowledge Base entry.

Your members likely have several social accounts and have even more online accounts for various sites (including your membership site). This means your members need to keep track of multiple sets of login details at any given time. Why not make it easier on your members by allowing them to login to your membership site using their social account? Now your members can have one less set of login details they need to remember.

This is possible when using the WishList Member Social Login Add-on. You can select to enable one, some or all providers from a range of popular social options like Facebook, Google, X (formerly Twitter), and WordPress.com. Once the Add-on is enabled on your site and the Social Provider has been configured and verified, the login option for the enabled Social Provider will be displayed as a login option on WordPress and WishList Member powered login pages.

The Social Login options you decide to enable are provided in addition to the standard WordPress/WishList Member login methods. This results in your members being able to login using the method of their choice.

The Social Login Integration Add-on is available in select WishList Member plans.

—

Social Login Providers

You will find the available Social Providers in the Social Login section of WishList Member.

The WishList Member Social Login Add-on must be enabled for it to appear in the WishList Member menu.

—

Your members will just need to have an existing account in your membership site in order to use the Social Login option. You can manually add members to your site or members can register to join your site using any WishList Member registration method.

An existing member only needs to connect their membership site account to their social account once and can login using their social account moving forward.

Enable and Configure Social Providers

You can enable and configure any of the available Social Providers. The choice is yours to decide which Social Providers can be used by your members to login to your site.

This article is focused on the WishList Member Social Login features, shortcodes, display options and more. Detailed instructions on enabling and configuring each Social Provider are available in their own Knowledge Base entries and can be accessed using the corresponding links below.

Enable and Configure Facebook

Enable and Configure Google

Enable and Configure X (formerly Twitter)

Enable and Configure WordPress.com

—

Connection Methods for Social Accounts

There are two possible scenarios used by WishList Member Social Login when a member connects their site account to their social account. Facebook, Google and WordPress.com handle the connection process in a similar way while X (formerly Twitter) handles the connection process a bit differently.

Scenario 1 is the primary method used for connection and Scenario 2 is the secondary method used for connection. WishList Member Social Login uses Scenario 2 if Scenario 1 is not able to create the connection.

The following applies to the Social Provider(s) that are enabled on the site. Only enabled Social Providers will be shown to members as a connection option.

Connection Scenario 1

If a member has an existing Facebook or Google or WordPress.com social account and that social account uses the same email address that is tied to their site account (where the WishList Member Social Login Add-on is installed), Scenario 1 will be used. The member can connect their accounts by using the available login button for their social account displayed on the login form and won’t need to manually connect the accounts using the Connect button on the site. In this scenario, WishList Member Social Login will automatically search for a match of the member’s email address in the site database and in the social account database. If there is a matching email address, the site account and social account will be connected.

This scenario is the primary method to create the connection and is tried first by WishList Member Social Login when the login button for the social account displayed on the login form is used. This scenario is not possible when using the X (formerly Twitter) Social Provider because X (formerly Twitter) doesn't share the social account email address information.

Connection Scenario 2

If a member has an existing Facebook or Google or WordPress.com social account and that social account does not use the same email address that is tied to their site account (where the WishList Member Social Login Add-on is installed), or the member wants to use X (formerly Twitter) to login, Scenario 2 will be used. The member will just need to manually connect their social account using the Connect button that can be included on a page within the site. The Connect button is often included on a user profile page. The member can run through the quick connection process when they click the Connect button.

In either scenario, the connection process only needs to be done once to allow the member to login using their social account for that Social Provider moving forward.

—

WishList Member Social Login Shortcodes – Display Social Login Buttons and Connect/Disconnect Buttons to Members

WishList Member Social Login includes a shortcode to display the Social Login buttons members can use to login with their social accounts. An additional shortcode is also available to display the Connect/Disconnect buttons members can use to connect or disconnect their social accounts from their site accounts.

This allows you to add those buttons to any pages on your site. As an example, you could use the Social Login Connect/Disconnect Buttons shortcode on a member dashboard page. This would provide your members with the option to connect their site account to one of their social accounts and login with that social account moving forward.

The WishList Member Social Login Shortcodes are available in the WishList Member Shortcode Creator that can be found on your WishList Member Dashboard or when using the Classic Block in the WordPress Gutenberg editor.

—

WishList Member Social Login Buttons Shortcode

[wishlist_member_social_login_buttons]

This shortcode displays the Social Login button(s) members can use to login with their social accounts. The screenshot example below shows a site with a member who has connected their site account with their Facebook account so they are seeing the button to login with their Facebook account.

A member will need to have connected their social account with their site account in order to view and use the social login button(s) generated by this shortcode. The Social Login button will appear to those member who are not currently logged into the site.

—

WishList Member Social Login Connect/Disconnect Buttons Shortcode

[wishlist_member_social_connect_disconnect]

This shortcode displays the Connect/Disconnect buttons members can use to connect or disconnect their social accounts from their site accounts. The screenshot example below shows a site with the Facebook and X (formerly Twitter) Social Login options enabled. Site members can connect their preferred social account by clicking the appropriate button.

—

In this screenshot example below, it shows what a member will see once they click to connect their site account with their Facebook account. A message stating they have successfully connected their Facebook account is displayed and a button with the option to disconnect their Facebook account is now displayed.

—

If the Disconnect button is used, a message stating the member has successfully disconnected their Facebook account is displayed and the button with the option to connect their Facebook account is displayed again.

—

WishList Member – Member Profile Shortcode

[wlm_profileform]

WishList Member includes a Member Profile Form shortcode. This shortcode can be used to insert a form into a page that will display member account info. The member can view or edit these details on that page.

The WishList Member Social Login Connect/Disconnect buttons are automatically added to the form that is displayed when using the Member Profile Form shortcode. This allows members to connect or disconnect their social accounts on any page that uses that Member Profile Form shortcode.

The example screenshot below shows a logged in member viewing a page that includes the Member Profile Form shortcode. The site has the Facebook and Google Social Providers enabled and the member has not connected their site account to either of the available social accounts in this case. The member has the option of clicking the Connect button if they want to connect any of their accounts.

—

Social Login Options Appear on WishList Member and WordPress Login Forms

Once you have enabled and set up a WishList Member Social Login provider, a login button will automatically appear for that Social Provider on your WishList Member and WordPress powered login forms. You can use one, some or all of the available Social Providers including Facebook, Google, X (formerly Twitter), and WordPress.com.

This example screenshot shows the enabled Social Provider login options on the login form generated when using the WishList Member Login Form Mergecode. In this case, the enabled Social Providers are Facebook and X (formerly Twitter).

—

The next two examples show the enabled Social Provider login options on the standard WordPress login form that appears on the /wp-admin or /wp-login.php pages of a site.

These examples are also using the WordPress Login Form Styling option included in WishList Member to easily customize the appearance of the standard WordPress login form.

—

—

Social Login Connection Status on User Profile

You can view the connection status of any enabled Social Providers for a member in their user profile. This can be accessed by clicking the User Profile icon that appears in the Members > Manage section of WishList Member when you mouse over a member account.

—

The User Profile section will appear and you can scroll to the bottom of the page. The example screenshot below shows a member who has connected their site account with their Facebook account. You have the option as the site admin to disconnect the member's site account from their social account using the provided button.

Only Social Providers enabled in WishList Member Social Login will appear in this section.

—

WishList Member Social Login Tutorial Video

This tutorial video provides a brief overview of the WishList Member Social Login Add-on. Additional details are available within the article above.

—

You can use WishList Member Social Login to provide your members with flexibility when it comes to how they login to your site. They can use their preferred login method to quickly gain access to their protected content whether it's one of the available social options or the usual login form.

This article is focused on the WishList Member Social Login features, shortcodes, display options and more. Detailed instructions on enabling and configuring each Social Provider are available in their own Knowledge Base entries and can be accessed using the corresponding links below.

• Facebook
• Google
• X (formerly Twitter)
• WordPress.com

Adding some healthy and friendly competition amongst members can be an effective way to encourage interaction. The Points Add-on includes a Leaderboard widget you can use to display a variety of standings related to points. This can include daily or monthly points leaders and you can also include an “All Time” list of points leaders.

The Leaderboard widget can be added to your site and your members can watch the standings dynamically update based on the actions of members. Perhaps you have the Points Add-on configured to award a set number of points each time a member login. Or maybe you provide points to members when they leave a comment. Whatever the case may be, if members know they can rise up the leaderboard based on actions they complete within the site, they are often more inclined to engage in those actions.

Enable the Points Leaderboard Widget

You can access your available widgets in the Appearance > Widgets section in WordPress.

—

In the example screenshot below, the Main Sidebar widget has been selected and searching for the “Points Add on” will display the Leaders in Points widget. Click the widget and it will be added to the selected sidebar.

—

The default settings will display three leaderboard sections:

• All Time Leaders. This list will display the users with the highest overall points total.
• Monthly Leaders. This list will display the users with the highest overall points total for the current month.
• Daily Leaders. This list will display the users with the highest overall points total for the current day.

The ID of users to exclude on this list option allows you to prevent specific users from appearing on the leaderboard. This can be helpful if you have test accounts or internal team members you want to exclude from appearing on the list.

You can also select the number of top users to show for each of those sections. The default number is 3 but you can show more or less users on the lists you display.

Each of the three sections includes an enable/disable feature so you can select which sections you want to be seen.

—

The name of the Leaderboard and the names of the three sections can all be edited. This means you can adjust these names to fit your membership site.

The example screenshot below shows the Leaderboard widget set with “Top Member Points” as the title and to only display the All Time Leaders points total. 5 top users will be displayed and no users will be excluded from the list. The Sidebar Title has also been left blank so a title for the overall Leaderboard widget won't appear on the live site.

A Sidebar Title can be useful in keeping everything clear if you display multiple sections in the widget or if you display multiple widgets on your site.

—

View the Points Leaderboard Widget on the Site

Once you've configured the Points Leaderboard widget, you can see how that appears on the live site.

The screenshot example below shows what members will see based on the settings mentioned earlier in this article.In this case, a list of the top 5 users for all time points can be seen.

—

You can easily display a list of dynamically driven point totals that your members can see whenever they visit your site. This bit of visual encouragement can help increase member engagement as they strive to make the list and climb it.

You may have times when you would like to issue certificates to members on your site. Your site may offer a certification program and you would like to provide an actual certificate when a member completes a course. Or perhaps you would like to give a certificate to a member who you've noticed has been helping others within your community.

WishList Member doesn't include built in functionality to issue a certificate to a member. But there is an option that should work for you. It has to do with how member accounts are created in WishList Member.

Creating Members in WishList Member

Members are created in WishList Member using the WordPress user database. This means if you use a WordPress plugin that issues certificates to users, it could also be used to issue certificates to members.

A plugin that creates certificates often includes settings and options to customize the appearance of the certificate. You can likely include your site logo, adjust colors and tailor the certificate to fit your needs.

If this sounds appealing to you while setting up your membership site, issuing certificates to members could be something to add to your community.

WordPress User Certificate Plugins

A search for the term “User Certificates” in the WordPress Plugins directory provides a selection of available plugin options for issuing certificates.

—

You can issue a certificate to members as a reward for accomplishing a goal or for participating within the community on your site. This can help encourage interaction among members and also boost member retention.

This will display if the CourseCure plugin has been activated or not with a License Key.

Note: Your License Key was provided in an email when you were issued CourseCure. You can also access your License Key in the Downloads section of the WishList Member Customer Center.

• Activate the License
• Deactivate the License

—

Activate the License

You can enter your License Key into the provided field and use the blue Activate License button.

Note: If CourseCure is not activated with a License Key, it will display a message on the top of the site.

You can also use the Check for Updates button at any time to check for updated in real time.

—

—

Once you use the blue Activate License button to activate CourseCure using your License Key, you'll see the following:

—

Deactivate the License

If you want to deactivate the License, you can simply use the blue Deactivate License button.

—

Note: You can also deactivate the License in the Downloads section of the WishList Member Customer Center.

In the Downloads section, Click the + icon to view the activated URL:

—

The activated URL will be displayed and a blue Deactivate button will appear.

Click the blue Deactivate button to deactivate the license.

—

Back to Top

The courses add-on in CourseCure puts the power into your hands to easily create and manage courses on your site. You can build a new and functioning course in a matter of minutes and tailor it to fit your needs. You also have the option to incorporate additional CourseCure add-ons into your courses like quizzes, points and badges.

Details on installing and enabling CourseCure Add-ons are available Right Here.

You can check out the general settings in the Courses > Settings section in CourseCure. This provides you with a central area to adjust settings related to the layout, style and more.

—

This article includes examples of the following settings for courses within CourseCure. You will see a tab for each of these settings in the Courses section.

• General
• Layout
• Styling
• Labels

—

General Course Settings

General settings related to the Course Library Header, Course Library Header Image and more can be adjusted in the General tab. You can check out the additional info for each setting below the screenshot.

—

Enable Back to Courses Link. If enabled, a clickable “Back to Courses” link will be displayed on the courses page.

The user will be redirected back to the Course Library Page if that is where they originally came from. However, the user will be redirected back to the page displaying Courses based on the Course Archive Shortcode if that is where they originally came from. CourseCure will take care of this automatically. More details on this topic are available in the Back to Courses Link Knowledge base entry.

—

Course Library Page. A dropdown is used to set the page that will display the list of courses on the site. This dropdown is populated with the available pages on the site.

—

Show Course Library Header. If enabled, the Course Library Header will be displayed on the Course Library page. You can select a header image, header description and more using the additional settings that appear if this setting is enabled.

—

Course Library Title. Set the title that will appear in the Course Library Header.

—

Course Library Header Description. Use the provided editor to include a brief excerpt describing the course. The Library Header Description will accept formatting when using the editor.

—

Course Library Header Image. Allows for an image to be uploaded and set as the header image for the Course Library section. The recommended image size is 1024×768 pixels.

—

Enable Overlay and Overlay Color. If enabled, the Overlay Color picker is displayed and can be used to set a color overlay that is applied to the Library Header Image.

—

The blue Save button on the bottom right can be clicked to save all configured settings.

—

Course Layout

Layout settings related to the Search Bar, Theme Header and Theme Footer can be adjusted in the Layout tab. More details about each setting are provided below the screenshot.

—

Search Bar. If enabled, a search bar will be displayed on the page set as the Course Library page. Users can use this search bar to search the contents of the courses.

—

Theme Header. If enabled, the site Theme Header will be displayed on the selected pages. This includes the site theme header, logo, menu, etc. The example screenshot below shows the Theme Header will only be displayed on the Course Library page and not displayed on the Course Page, Module Page or Lesson Page.

—

Theme Footer. If enabled, the site Theme Footer will be displayed on the selected pages. This includes the site theme header, logo, menu, etc. The example screenshot below shows the Theme Footer will only be displayed on the Course Library page and not displayed on the Course Page, Module Page or Lesson Page.

—

Course Styling

Styling settings related to selecting a template and a color palette can be adjusted in the Styling tab. More info for each setting is available below the screenshot.

—

You can select a template from the provided default templates and then choose a color palette. The selected template and color palette will be applied to the courses section of your site once you select them. A message stating “Template Selected” and “Palette Selected” will be displayed when you make your selections.

—

You also have the option to create a new color palette by cloning an existing color palette and adjusting the color options. Mousing over an existing color palette will display the Clone Palette button.

—

Clicking the Clone Palette button will display the Create New Palette popup. You can set the desired name for the new palette and you can set the various color options. This allows you to get creative and select custom colors to be applied to your course template.

—

Below are two example screenshots of how Template 01 and Template 02 appear on a live site. Both templates have Color Palette 03 applied. You can choose your preferred template and apply it to your courses section within a few seconds.

Template 01 Example

—

Template 02 Example

—

Additional information regarding templates and color palettes is available in the Courses – Styling article.

—

Course Labels

The settings previously available in the Labels section are now located in the WordPress Customizer. The label settings can be edited using the individual CourseCure Page Settings for the Course page, Module page and Lesson page when using the WordPress Customizer. This includes text color, label names, button text and more. You can get all the details on how to use these settings to customize your courses (including examples of the options you can adjust and how it will appear on the live site) in this Knowledge base entry.

—

More info on building a Course can be found in the Course Builder article.

More info on setting up Course Protection can be found in the Protect a Course article.

• General Settings
• Quiz Setup
• Quiz Questions
• Quiz Settings
• Quiz Actions
• Quiz Shortcodes
• Quiz Results

—

General Settings

There is a General Settings section that covers a few Settings for all Quizzes.

—

Missing Quiz Message: This message will appear on the site if a Quiz gets removed from a page/post and someone comes across that page/post afterwards. It is recommended to remove a page/post that no longer includes a previously included Quiz.

User Not Logged In Message: This message will appear to a User if they are trying to access a Quiz but aren't logged in.

Quiz Taken Message: This message will appear to a User if they have already taken the Quiz.

—

Quiz Setup

The green plus icon on the top of the Quizzes section can be clicked to begin the Quiz building process.

—

The first step is to set a Title for the Quiz and click the green Apply button.

—

Once the Quiz has a Title, the additional sub tabs are available.

• Questions
• Settings
• Actions

—

Quiz Questions

Creating Questions within the Quiz comes next. Each Quiz will contain Questions.

Questions are added by using the blue Add Question button in the Questions sub tab. Enter the Question Title into the field and click the green Save button. You can repeat the process until all Questions are added.

—

The option to Add Answer is shown within each Question. Click the arrow icon to the left of the Question to display the circle plus icon to Add Answer.

—

Click the circle plus icon to add an Answer. Repeat the process until all Lessons are added.

—

You can then select the Correct Answer(s) by clicking the corresponding checkbox in the Correct column. You can also mouse over an Answer and click the edit Icon to edit the Answer.

The Up/Down arrow icon on the far right will also appear on mouse over. The arrows can be used to drag and drop the Answers into the preferred order.

An Answer can also be dragged and dropped into a different Quiz if desired. The Quiz would just need to be in expanded view to accept the Lesson.

Note: More than one Answer can be set as the Correct Answer.

—

You can add all Questions and Answers (and set all Correct Answers).

Quiz Settings

The Settings sub tab is used to configure specific settings for the Quiz.

Questions Per Page: The set number of Questions that will appear on one page of the Quiz. Example: The number is set to 10. If there are more than 10 Questions in the Quiz, the Quiz will be paginated with 10 pages appears on each page. If there are less than 10 Questions, the full Quiz will appear on one page.

Passing Score: The number of correct Answers needed to pass the Quiz. Example: The Passing Score is set to 5. A User must get at least 5 Questions correct in order to pass the Quiz.

Button Text: The Text that will appear on the submit button at the end of the Quiz.

The blue Save or green Save & Close button can be clicked once all Settings are configured.

—

Quiz Actions

A set of Actions can be configured to be executed after a User takes a Quiz.

The green Add Action button at the top of the Actions sub tab can be clicked to begin the process.

—

The Select the Action box will appear and the “When this happens…” “Then do this…” options can be set.

—

A Trigger is set (When a User Passes, When a User Fails) and the desired Action is set to be executed based on that Trigger.

The selected Action will provide additional options based on the type of Action selected.

In the example shown below, a User will get redirected to the selected page after passing a Quiz.

—

The newly created Action will now appear in the Actions list.

—

Quiz Shortcodes

A Quiz can be inserted into any page or post on the site. This is done by using the corresponding Quiz Shortcode.

A Quiz Shortcode can be copied from the Quizzes tab.

—

Once copied, the Quiz Shortcode can be inserted into a page or post.

—

That page or post will now show the Quiz on the live site and Users can take it.

—

Quiz Results

The Quiz Results section displays results from any Users who have taken any of the available Quizzes on the site.

Any selected Results can be deleted or exported to a .CSV file using the Select an Action dropdown.

—

Check out the Duplicate a Quiz Knowedgebase Article for additional information about Quizzes.

—

Back to Top