Facebook Login

Memberium Admin — 

One of the oft-requested functions is to enable login, or enrollment using Facebook. Memberium is compatible with social logins but using them carries some caveats. We originally implemented Facebook Login support using the Nextend Facebook Connect plugin for a client in 2014. The integration itself works properly, but there were some challenges in the use of this capability that you should be aware of before implementing this on your site:

Benefits

  • Login is usually significantly easier
  • Requires no password or username to be remembered or entered

Challenges

  • The Facebook Plugin does not automatically Facebook enable your forms. You will need another solution for this
  • If the users Facebook email address does not match their Infusionsoft contact email address, the login won't match
  • Does not make the user's graph data available to you
  • Does not allow you to automatically add or remove members from Facebook groups
  • Alternate login systems may bypass Memberium features such as login actionsets, or membership level homepages
  • The Memberium Support team cannot provide assistance to setup, install or troubleshoot 3rd party plugins

Facebook login support is supported by Memberium using a third-party plugin called Nextend Facebook Connect.

In this guide, we'll walk you through how to setup Memberium and Nextend so you can allow your customers to login to your site using Facebook.

Memberium Settings

There is only one setting you need to change in Memberium. Under Site Security, enable the "Sync New Registrations to Infusionsoft" option. This option will ensure that any new users who register using Facebook will automatically be created in Infusionsoft.

Set Up Facebook

Next, we'll need to setup a Facebook developer app so that we can connect our site to Facebook to authenticate users. It's easier than it sounds - trust me.

First, go to developers.facebook.com and sign into your Facebook account if you're not already. Then hover over "My Apps" and click "Add a New App"

Then enter in the details about your site and click "Create App ID." The Display Name will appear when customers authenticate using Facebook so make it something appropriate for customers to see and understand.

Now, hover over Facebook Login and press "Set Up"

From here, you'll click on "Web" and then look at the left sidebar and go to the Facebook Login settings. We'll have to make a few changes and get some info from here.

On this page, you'll want to add a URL specific to your site to the OAuth URIs box. This URL will not be the same for everyone as it's site specific, but here is the format it should be. If your site was example.com the URL you should enter would be:

https://example.com/wp-login.php

If your site was members.example.com, you would enter:

https://members.example.com/wp-login.php​​​​

We have just a few more steps until we move over to WordPress. Navigate over to the Settings tab that right under Dashboard in the left sidebar. You'll need to add 3 pieces of information.

1) Make sure the Display Name is correct and your users will recognize you by it

2) Add the link to your Privacy Policy page on your website. Create one if you don't already have one. This is required and you cannot use the social login features without it.

3) Consider uploading an App Icon which will display with your name when users connect their Facebook account to your website. 

At the top of that same page, you'll see your App ID and your App Secret. You'll need to copy both of these down (to a word document) as we will need them in a later step.

Lastly, head over to the App Review section and toggle the switch to Make Name Public. There will be a popup box asking you for some additional information about your site. That's it for the Facebook part of the setup. Now we'll move into WordPress.

WordPress Setup

At this point, you should have your App ID and App Secret ready to paste into WordPress and you'll also need the Nextend Facebook Connect plugin installed on your site. The screenshot below is from the Nextend settings.

In the image above, I've pasted in the App ID and the App Secret and saved those changes.

At this point, if users go to your default login page example.com/wp-login.php they will see an option to sign-in/register with Facebook; however, many of our customers use custom login pages along with our [memb_loginform] shortcode.

To solve for this, we have to use a special link generated by Nextend to give us the option to place a "Login with Facebook" option anywhere we'd like. If you scroll down in the Nextend settings, you'll see a link with the heading "Image Button" (Screenshot below click to enlarge)

This HTML snippet can be placed on any WordPress page. The only thing you need to change is the image that will be displayed. Insert the direct link to the image at the end where it reads "HereComeTheImage."

That's all there is to it! If you need help with the link please feel free to reach out to our support team. Unfortunately, we cannot support third party plugins and we provide this guide in good faith to give you the resources to use social login on your site. 

Please let us know if you found this guide helpful or if you have any suggestions.

Other Notes

Other social media plugin systems ( LinkedIn, Twitter, etc. ) that use the user's email address for the identifying the user should work with Memberium as well, however they are not officially supported.