This article is a step by step breakdown on how you can enable Facebook login for returning customers to your company.
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.
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.
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.
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.
Once you have clicked the “Create App ID” button, a Security Check window will pop up. Complete the security check button as required until you receive the green tick as shown in the picture below. Click on the blue “Submit” to continue.
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.
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.
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 HQ system URL, the same used in step 6, as shown in the images below.
Once you are done, click on the blue “Save Changes” button highlighted in orange in the picture below.
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”.
After you have clicked on the button, a new page will appear, here select the “Web” platform highlighted in orange in the picture below.
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.
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.
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.
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.
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”.
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.
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.
This picture below shows what you should see if you have followed all the steps correctly.
Safari & Opera Browser
Due to an incompatibility with Safari and Opera browsers, the domain name of the iFrame has to be updated. You will need to add a CNAME record in your DNS records where the value is the name of your tenant. For example, if your link is my-company.caagcrm.com or my-company.hqrentals.app the value for the CNAME record has to be “my-company”, and the value needs to be your link for example my-company.caagcrm.com. Once you have created the CNAME record on your domain, you will receive an SSL error. Please create a support ticket inside the HQ application so our team can proceed with the installation.
If you complete this update, then you will also have to update the root domain and the callback URLs on Facebook settings, so they match the domain update.