Configure Google and Facebook Social Login for MyListing

Building Better MyListing Websites. One Guide at a Time.

Table of Contents

Overview

Guide Updated: 1/12/2022

Our Configure Google and Facebook Social Login for MyListing guide will show you how to easily configure these login options, providing an easy way for your users to log into your MyListing website, without the need to manage passwords.

MyListing - Google Social Login

Google

For the instructions below, we are assuming that this is your first time setting up a project on the Google Cloud Platform.

  1. Go to the Google Platform Credentials dashboard.
  2. Click the ‘Create Project’ button.
  3. Give your project a name, by entering the name of your website.
  4. Click the ‘Create’ button.
  5. Click the ‘Create Credentials’ link.
  6. Choose ‘OAuth Client ID’.
  7. Application Type > Web Application,
  8. Name > Enter the name of your website followed by ” – Social Login”. (ex. MyListing Club – Social Login OAuth Client ID).
  9. Authorized JavaScript Origins > Click ‘Add URI’.
  10. Enter your full website URL. (ex. https://mylisting.club).
  11. Click the ‘Create’ button.
  12. Copy your Client ID to your clipboard and click ‘Ok’.
  13. Click the ‘Create Credentials’ link.
  14. Choose ‘API Key’ and click the copy icon to copy your API Key to your clipboard.
  15. Click the ‘Restrict Key’ button.
  16. Give your API Key a name. (ex. MyListing Club – Social Login API Key).
  17. Application Restrictions > HTTP Referrers.
  18. Website Restrictions > Click the ‘Add an Item’ button.
  19. Website Restrictions > Referrer > Enter *.domain/* (ex. *.mylisting.club/*), click ‘Done’, and click ‘Save’.

MyListing

  1. WordPress Dashboard > Theme Tools > Social Login > Google Enable Sign-In with Google > Toggle ON.
  2. Paste in your copied ‘Client ID’.
  3. Click ‘Update’.
  4. Test logging in with a Google account.

MyListing - Facebook Social Login

Facebook

Before you begin the following steps, you will need to have a Terms of Service/Terms and Conditions page and Privacy Policy page in place, as Facebook will require validation.

Pro Tip: Facebook will scan the above-mentioned pages for key content that it needs to cover itself, from a business standpoint, so you can’t just throw up up any content and expect to pass their validation process.

If you need help creating policies, we highly recommend checking out Termageddon and the Club’s discount for it.

  1. Go to the Facebook Developer apps dashboard.
  2. Log in
  3. Click ‘My Apps’.
  4. Click the ‘Create App’ button.
  5. Choose ‘Consumer’.
  6. Click the ‘Next’ button.
  7. Display Name > Enter the name of your business/website.
  8. App Contact Email > Enter the desired email address.
  9. Click the ‘Create App’ button.
  10. Settings > Basic > App Domains > Enter your domain (ex. mylisting.club).
  11. Settings > Basic > Privacy Policy URL > Enter the desired URL. (ex. https://mylisting.club/privacy-policy).
  12. Settings > Basic > Terms of Service URL > Enter the desired URL. (ex. https://mylisting.club/terms-of-service).
  13. Settings > Basic > User Data Deletion > Choose the ‘Data Deletion Insructions URL’ mode and enter the desired URL. (ex. https://mylisting.club/privacy-policy).
  14. Click the ‘Save Changes’ button.
  15. Products > Click ‘Add Product’.
  16. Click the ‘Set Up’ button for the ‘Facebook Login’ product.
  17. Choose ‘WWW/Web’.
  18. Site URL > Enter the desired URL. (ex. https://mylisting.club).
  19. Click the ‘Save’ button and the ‘Continue’ button.
  20. Click the ‘Next’ button, three times.
  21. Facebook Login > Settings > Allowed Domains for the JavaScript SDK > Enter the desired domain. (ex. mylisting.club).
  22. Facebook Login > Settings > Log in with the JavaScript SDK > Toggle ON.
  23. Click the ‘Save Changes’ button.
  24. In the top toolbar, toggle ‘App Mode’ from ‘Development’ to ‘Live’.
  25. In the top toolbar, click on ‘App ID’ to copy it.

MyListing

  1. WordPress Dashboard > Theme Tools > Social Login > Facebook > App ID > Paste in your ‘App ID’.
  2. Click the ‘Update’ button.
  3. Test logging in with a Facebook account.

MyListing Theme Video Tutorials

Play Video

Facebook Social Login

Play Video

Google Social Login

Partner Deals

Do more for your MyLising website while spending less money on premium solutions.

We are partnering with some of the top vendors in the WordPress space, bringing discounts for solutions and services to MyListing Club members.

WooCommerce Subscriptions Ready

The latest version of the WooCommerce Subscriptions plugin is included (unlicensed) and once you have a Starter Site in hand, you can easily put in your own pricing, package features, graphics, etc.

Should you not wish to use WooCommerce Subscriptions, you can simply turn the Listing Subscription packages into standard MyListing packages in just a few clicks and be on your way.

  • WooCommerce Endpoint Design
  • WooCoommerce Subscriptions Setup
  • Listing Subscription Packages
  • Listing Subscription Switching
  • Stripe Payment Gateway Plugin
  •  and more…

Premium Assets

Get licensed, premium plugins, valued at over $600 in the first year alone, making a Starter Site investment a no-brainer.

You will get licensed copies of all the plugins listed below, with the exception of the WooCommerce Subscriptions and WooCommerce Product Vendors, and the licenses are yours to keep, for as long as the plugins remain on your website.

  • Elementor Pro ($49)
  • Perfmatters ($25)
  • Permalink Manager Pro ($45)
  • SEOPress Pro ($39)
  • UiPress ($39)
  • WooCommerce Product Vendors ($79) 
  • WooCommerce Subscriptions ($199)
  • WP Rocket ($49)