15.3 Facebook – Social Login

This article is a step by step breakdown on how you can enable Facebook login for returning customers to your company.

Important

To make sure that it appears to your customers on your website. Enable the setting by heading to Settings > Car Rental > Car Rental > Enable Social Login > Yes like in the picture below.

 

Step 1

Head over to https://developers.facebook.com/ on a web browser and log in with your usual Facebook credentials by clicking the blue “Log In” button on the top right of the screen highlighted in orange in the picture below.

social login facebook

 

Step 2

Once you have successfully logged in, you would want to create a Facebook Application. You can find the button on the top right of the screen under My Apps > Add New App both highlighted in orange in the picture below.

 

Step 3

Once you have clicked on the button, a new window will appear. Here, fill in the Display Name and Contact Email. Next, click on the blue “Create App ID” button highlighted in orange in the picture below.

 

 

Step 4

Once you have clicked the “Create App ID” button, a Security Check window will pop up. Complete the security check button as required till you receive the green tick as shown in the picture below. Click on the blue “Submit” to continue.

 

Step 5

You should be automatically redirected to the Dashboard as shown in the picture below.

Navigate to the basic “Settings” tab by clicking on the Settings button and then “Basic” on the menu located on the left of the page as shown in the picture below highlighted in orange.

 

Step 6

Here, take note of the App ID and the App Secret shown in the picture below highlighted in orange as you will need it in a later step. You can click on the “Show” button under App Secret to reveal your App Secret token.

While you are on this page, fill up the required details which are “Namespace”, “App Domains”, “Privacy Policy URL”, and “Terms of Service URL”. For “Namespace”, do note that there cannot be any uppercase letters. In “Privacy Policy URL” and “Terms of Service URL”, just put in your company’s own Privacy Policy and Terms of Service. For “App Domain”, this will be your tenant URL located on the top of your web browser. For convenience, it will look something like this https://xxxx.hqrental.eu for Europe, https://xxxx.caagcrm.com or https://xxxx.hqrental.app for America and https://xxxx.hqrental.asia for Asia, an example is shown in the picture below highlighted in orange.

 

Step 7

Scroll down to the bottom of the page and click on the button “Add Platform“, highlighted in orange in the picture below.

 

Once you have done so, a new window will pop up, here select “Website” as the platform highlighted in orange in the picture below.

 

In doing so, a new section will appear on the page titled “Website” as shown in the picture below. Fill this up with your own personal website link. If you do not have a website, you can use your tenant link which is the same one mentioned in Step 6.

Once you are done, click on the blue “Save Changes” button highlighted in orange in the picture below.

 

Step 8

Navigate back to the dashboard located on the menu on the left and click on the “Set Up” button, highlighted in orange in the picture below under the “Facebook Login”.

 

Step 9

After you have clicked on the button, a new page will appear, here select the “Web” platform highlighted in orange in the picture below.

 

Step 10

In this next step, check that the site URL is the same on that you have keyed in Step 7. If it is, click on the blue “Save” button as shown in the picture below.

 

Step 11

Next, open up your HQ system in a new window and navigate to Settings > Items > Integrations and click on the blue “Add Integration” button as shown in the picture below, highlighted in dark blue and orange.

 

Step 12

Once you have done so, a new page will appear. Here, select “Social Networks” in the drop-down under “Provider Type” and “Facebook” under the “Provider”. Next, you would need to copy and paste the App ID and App Secret retrieved in Step 6 and place them into Client ID and Client Secret respectively as shown in the picture below. Make sure that the radio box is selected as “Yes” under Active and click on the blue “Save” button in the picture below highlighted in orange.

 

Step 13

Once you have clicked on the save button, navigate back to the created integration. Here, copy the link that is under “Redirect URI” as shown in the picture below highlighted in orange. You will need the link in the next step.

 

Step 14

In your Facebook application, navigate to Facebook Login > Settings on the left side of the menu. Here, paste the link that you have copied in Step 13 under “Valid OAuth Redirect URIs” as shown in the picture below and click on “Save Changes”.

 

Step 15

After you have saved the changes in the Facebook App, click the green “Authenticate” button that is shown in the picture below highlighted in orange.

 

Step 16

When you clicked on the “Authenticate” button, a new window will open up redirecting you to the Facebook App asking for confirmation. Click on the blue “Continue” button as shown in the picture below highlighted in orange.

 

 

Step 17

This picture below shows what you should see if you have followed all the steps correctly.