Solutions keyboard_arrow_down keyboard_arrow_up
Our Solutions
Ontraport's solutions work together to give you everything you need to run your business in one centralized, easy-to-use platform.
Resources keyboard_arrow_down keyboard_arrow_up
Resources
Find free content on the latest marketing strategies, using Ontraport in your business, and finding the right software.
Visit the blog
University Pricing Chat
clear

Social login for membership sites

Last updated on: November 21, 2024

Integrating social login into a membership site benefits members and site owners. Members can easily access the site using their existing social media credentials, simplifying the registration process, and your workload as a site owner would be reduced.

With open registration, your visitors can sign up for access directly from your login form – using their social credentials or their email – so they can access your free content right away. This is a great way to get new members on your site and promote paid content.

This built-in integration with Google, Facebook and Microsoft requires you to create login apps for each platform you want to offer as a social login option. If you need assistance setting up your third-party app, reach out to Google, Facebook or Microsoft to troubleshoot.

Table of contents

Create a Google app
Configure your Google social login app
Create a Facebook app
Configure your Facebook social login app
Create a Microsoft app
Configure your Microsoft social login app
Set up open registration
Use the open registration trigger on automations

Create a Google app

You must create a Google app before enabling Google social login functionality on your Ontraport Membership Site. Creating a Google app allows you to obtain the credentials and configuration details required for seamless integration.

Learn more about integrating Google Sign-in to your site here. If you need assistance troubleshooting your Google app, contact Google Cloud’s customer care.

  1. Log in to the Google Cloud Console.
    • Or create a new account by signing in and agreeing to Google’s terms of service.
  2. Click Select a project in the top left, then click New project.
  3. Fill out the new project fields:
    • Project name: Add the name of your project.
      • Your project name can’t be changed later.
    • Organization: Select an organization to attach it to a project.
      • Your organization setting can’t be changed later.
    • Location: Select the parent organization or folder.

  1. Click Create.
  2. Click the notifications icon and click Select project under your new project.

  1. Go to the menu iconAPIs & ServicesOAuth consent screen.
  2. Select “External” on the User Type settings and click Create.

  1. Edit your app’s registration. And add your app information.
    • App name: Add your business name.
    • User support email: Enter the email address your customers can contact for help.
    • Add your app logo
    • Add your domain information:
      • Application home page: Add your website’s homepage URL.
      • Application privacy policy link: Add the URL of the page that contains your privacy policy.
      • Application terms of service link: Add the URL of the page that contains your terms of service.
    • Add your authorized domains.
      • Click Add Domain and add your domain.

  • Add your contact information.

  1. Click Save and Continue.
  2. On the next page, click Add or Remove Scopes.

  1. Check the first three scopes to:
    • See your primary Google Account email address
    • See your personal info, including any personal info you’ve made publicly available
    • Associate you with your personal info on Google

  1. Click Update.
  2. Click Save and Continue at the bottom of the page.
  3. (Optional) Add test users. This allows you to use your app when it is in the testing status.
    • Click Add Users.

  • Add the email addresses of your test users. This email address must be associated with an active Google Account, Google Workspace account or Cloud Identity account.

  • Click Add.
  • Click Save and Continue.
  1. Click Credentials on the left side of the page.
  2. Click Create Credentials at the top of the page.
  3. Select OAuth client ID.

  1. Customize your client ID’s settings:
    • Application type: Select web application.
    • Name: Add your web client name.
  2. In the “Authorized JavaScript origins” section click Add URI and add your membership site’s domain.
  3. Click Create at the bottom of the page.
  4. Copy your Client ID and Client secret to use in the next step.

Configure your Google social login app

Back to top

After you’ve created a Google app, you can configure your membership site.

  1. Log in to your Ontraport account.
  2. Go to your membership site collection, and click on your membership site.
  3. In the Social accounts section, click Configure.
  4. Toggle the Google option on.
  5. Add your Client ID and Client Secret.
  6. Click Done to save your social accounts settings.
  7. Click Save to save your membership site’s settings.

Create a Facebook app

Back to top

You must create a Facebook app before enabling Facebook social login functionality on your Ontraport Membership Site. Creating a Facebook Login app allows you to obtain the credentials and configuration details required for seamless integration. 

Learn more about Facebook Login here. If you need assistance troubleshooting your Facebook Login app, contact Facebook’s developer support.

  1. Log in to your Meta for developers account.
  2. If you haven’t already, register as a developer.
  3. Click My Apps on the navigation bar.
  4. Click Create App.
  5. Select “Authenticate and request data from users with Facebook Login,” and click Next.

  1. Choose your business portfolio.
    • Choose “I don’t want to connect a business portfolio yet” if you haven’t set one up.
  1. Add your app details:
    • Add an app name: Add your app’s name.
    • App contact email: Add an email address you check regularly to get updates about your app.
  1. Click Next.
  2. Review the requirements to publish your app and maintain data access and click Create app.
  1. Click Go to Dashboard on the pop-up.
  1. Click Use cases on the left navigation.
  2. Click Customize on the “Authenticate and request data from users with Facebook Login” settings.
  1. Click Quickstart on the left navigation.
  2. Click WWW.

  1. Add your site’s URL.
  2. Click SaveContinue.
  3. You don’t need to do anything in step 2; click Next.
  4. You don’t need to do anything in step 3; click Next.
  5. You don’t need to do anything in step 4; click Next.
  6. Click App SettingsBasic on the menu on the left.
  7. Copy and save your App ID and App Secret to use in Ontraport later.
  8. Customize your app settings:
    • Privacy Policy URL: Add the URL of the page that contains your privacy policy.
    • Terms of Service URL: Add the URL of the page that contains your terms of service.
    • User data deletion: Add the URL of the page that contains your user data deletion information.
    • App Icon: Add your business logo.
    • Category: Select the category that fits your app.
  1. (Optional) Enter your data protection officer contact information.
  1. Click Save changes.
  2. Click Publish on the left navigation.
  3. Locate your “Authenticate and request data from users with Facebook Login” use case on the app, and click on it to edit its settings.
  4. Click Settings on the sidebar.
  5. Customize your Client OAuth settings:
    • Valid OAuth Redirect URI: Add your membership site’s domain.
    • JavaScript SDK: Toggle to “Yes.”
    • Allowed domains for the JavaScript SDK: Enter your membership site’s domain.

  1. Click Save changes.
  2. Click Permissions on the sidebar.
  3. Click Add next to the email option.
  1. Once you see the “Ready for testing” status, click Publish on the left navigation.
  2. Click Go live on the left menu.
  3. Complete your business verification.
    • Business verification may take up to 10 days.
  4. Click Publish.

Note that if you signed on with a new Facebook account, your Facebook app credentials — App ID and App secret — may take up to 60 minutes to authorize before you can use them in Ontraport.

Configure your Facebook social login app

Back to top

After you’ve created a Facebook Login app, you can configure your membership site.

  1. Log in to your Ontraport account.
  2. Go to your membership site collection, and click on your membership site.
  3. In the “Social login accounts” section, click Configure.
  4. Toggle the Facebook option on.
  5. Add your App ID and App Secret.

  1. Click Done to save your social accounts settings.
  2. Click Save to save changes to your membership site. 

Create a Microsoft app

You must create a Microsoft Azure Active Directory app before enabling Microsoft Social Login functionality on your Ontraport Membership Site. Creating an Azure Active Directory app allows you to obtain the credentials and configuration details required for seamless integration.

Learn more about adding sign-in with Microsoft to your site here. If you need assistance troubleshooting your Azure Active Directory app, contact Azure support.

  1. Log in to your Microsoft Azure portal.
    • Or sign up for a new account.
  2. Click Create a resource on the Azure services section.

  1. Click Identity on the Categories sidebar.
  2. Click Create under the Azure Active Directory option.
  3. Select the Azure Active Directory option and click Next: Configuration.

  1. Configure your new directory:
    • Organization name: Add your business name.
    • Initial domain name: Add your membership site’s domain name.
    • Location: Select your location.

  1. Click Next: Review + create.
  2. Review your information and click Create.
  3. Complete Microsoft’s reCAPTCHA, and click Submit.
  4. It will take a few moments to create your new tenant. When it is complete, you’ll see a notification with a link to your new tenant. Click the link to continue setup.

  1. Click App registrations on the left navigation menu.
  2. Click New registration.
  3. Add your app name in the Name field.
    • We recommend you include your business name.
  4. Select “Accounts in any organizational directory.”
  5. Click Register .
  6. Click Authentication on the left navigation menu.
  7. Under the Platform configurations section click Add a platform.
  8. Click Single-page application.
  9. In the Redirect URIs section, add your membership domain.
  10. In the Front-channel logout URL, add your site’s logout URL.
  11. Check the “ID tokens” option.

  1. Click Configure.
  2. Click Overview and copy your Application (client ID), Object ID, and Directory (tenant) ID to use in the next step in Ontraport.

  1. Click Branding & properties on the left menu.
  2. Add your site’s information:
    • Upload new logo: Upload your logo.
    • Home page URL: Add your membership site’s homepage URL.
    • Terms of service URL: Add your site’s terms of service URL.
    • Privacy statements URL: Add your site’s privacy policy URL.
  3. Click Save.

Configure your Microsoft social login app

Back to top

After you’ve created a Microsoft app, you can configure your membership site.

  1. Log in to your Ontraport account.
  2. Go to your membership site collection, and click on your membership site.
  3. In the Social accounts section, click .
  4. Toggle the Microsoft option on.
  5. Add your application ID, Object ID and Tenant ID.

  1. Click Done to save your social accounts settings.
  2. Click Save to save changes to your membership site.

Set up open registration

Back to top

You can allow your visitors to sign up on your login page so they can access your content right away. This is a great way to get more members on your site and upsell your paid content later.

  1. Log in to your Ontraport account.
  2. Go to your membership site collection, and click on your membership site.
  3. Toggle the Open registration option on.
  4. Select the default status for members who sign up though open registration.
    • For security purposes, we recommend using the status “suspended.” You can then create automation that updates the status of your new members.
  5. Click Save to save changes to your membership site.

Use the open registration trigger on automations

Back to top

You can trigger automation when a new member signs up to access your site through open registration. This trigger is helpful if you want to welcome or email those new members about your other content.

  1. Create a new automation map or edit an existing one.
  2. Add a new trigger and search for “Membership is created by open registration.”
  3. Select your membership site from the dropdown.

  1. Save your settings, complete your automation and publish your map.

Related university lessons

Membership sites overview
Get a quick overview of how membership sites work in Ontraport so you can create your own site, deliver your content, and protect your gated pages.
Creating a membership site
Learn how to create your own membership site in Ontraport in just a few easy steps so you can start selling access.
Adding and protecting pages
This lesson covers adding and protecting your membership site pages so only logged in members can access them.
arrow_drop_down_circle
Divider Text

Related support articles

arrow_forward
Getting started with Ontraport Membership Sites
arrow_forward
Create an Ontraport Membership Site from scratch
arrow_forward
Create an Ontraport Membership Site from a prebuilt automation map
Features
Company
Resources
Live events
Access
© Ontraport 2024
playlist_add_check
PCI DSS, Level 1
security
Privacy Shield Certified
[bot_catcher]