Enabling Facebook Login on Your Website & Mobile App

 

Introduction

End User Interface(Website or Mobile App)

How to Enable Facebook Login for Users

Create Facebook App Yourself

Deactivate Facebook Login

 

Introduction

By enabling Facebook login feature on your website and mobile app you can allow your subscribers/users to login to your website or mobile app by using their Facebook account. To enable Facebook Login on your website or mobile app, you need a Facebook App. Either you can allow us to create and manage Facebook App or you can create the Facebook App yourself and provide us the necessary information to enable Facebook login. You can also deactivate the Facebook login on your website.

Note:

  • When users login to your website/app through Facebook login, the homepage will open first. 
  • If you have already logged in through mobile app using Facebook login and try to open your store in web browser, it will not allow you to login automatically. You need to type your user ID and password again to login to your store.

 

End User Interface

 

 

How to Enable Facebook Login for Users

  • To enable Facebook login on your website, go to “User Features-->Social Media Integration” in your CMS.
  • Select the checkbox “Enable Facebook Login for users” (See Below Screenshot)

 

 

  • You can see two options. 1. “Muvi to create and manage the Facebook App” (This option is only available for Muvi paid subscribes) 2. “Use my Facebook App”. (See Above Screenshot)
  • If you choose, “Muvi to create and manage the Facebook App” then we will create a Facebook App for you and enable the login feature for your website.
  • If you choose “Use my Facebook App”, then you need to create a Facebook App yourself and provide us the information which includes your App ID, App Secret, App Version and Redirect URL. (See Below Screenshot)

Note: If you change your Domain Name, then you need to update the "Redirect URL" accordingly. Otherwise Facebook login feature will not work on your website.

 

 

Create Facebook App Yourself

1.Create an account or Sign in to https://developers.facebook.com/

2.Go to My Apps > Add a New App

 

 

3. A window will pop up. Provide the Display Name of your website or app in the corresponding field. Then provide your Contact Email. Choose a Category from the drop down list. Finally click on “Create App ID” (See Below Screenshot)

 

 

4. You will be asked to select a Captcha Code. Select the right code and click on Submit.

 

 

 

5. On the next page click on “Get Started” on the right hand side of “Facebook Login

 

 

On the next page click on "Settings" on your left-hand side, under Facebook Login. (See Below Screenshot)

 

 

6. On the next page Enable Client OAuth Settings > Embedded Browser OAuth Login

Client OAuth Settings > Web OAuth Login > Valid OAuth redirect URIs: Provide the valid Oauth Redirect URL. Redirect URL will be http://www.youdomain.com/login/facebookAuth/

Click on “Save Changes”

 

 

7. Click on “Settings” on the left hand side of your Dashboard. There are two settings. 1. Basic 2. Advanced. In basic setting You can view your App Id, App Secret, Display Name, Contact Email Here you can upload your App Icon and select the website category. Finally, click on “Save Changes”.

 

 

 

8. On the next page click on “App Review”. Under Make (Your App) Public select “Yes”, then you will get a dialog box click on “Yes” to confirm. Click on “Start a Submission” to submit your App for approval.

 

 

9. Click on Dashboard, (See below screenshot) collect the following information and put it in the corresponding field in your CMS (Go to "User Features" -->"Social Network Integration". Select "Use My Facebook App") or send them to support@muvi.com.

  1. App ID
  2. App Secret
  3. API Version

 

 

Note: The “App Secret” is not visible by default. Please click on “Show” to make it visible.

  • Type the "App ID", "App Secret", "App Version" in the corresponding fields in the CMS and click on "Confirm". (See Below Screenshot)

 

 

  • Finally, click on "Redirect URL entered to App" (See Below Screenshot). Facebook Login will be activated and it will be visible on the login screen.

 

 

Deactivate Facebook Login

If you don’t wish to use Facebook login feature on your website, then you can “Deactivate” this feature.

  • Go to “User Features-->Social Media Integration” in your CMS.
  • Click on "Deactivate Facebook Login" (See Below Screenshot)
  • When asked for confirmation, click on "Yes" to deactivate Facebook login (The button name will change from "Deactivate Facebook Login" to "Activate Facebook Login")
  • To activate Facebook Login again, click on "Activate Facebook Login"

 

 

  • Once you deactivated the Facebook login feature, the option will not show on your login page. (See Below Screenshot)

 

We use cookies for best experience on website. By using our site you agree to

Cookies Policy