How to Add Facebook Login in TYPO3 | Integrate Facebook Social Login
How to Add Facebook Login in TYPO3 | Integrate Facebook Social Login
What is social login?
Social Login allows users to connect to any website using various networking platforms such as Google, Facebook, Twitter, etc. It is a form of single sign-on for users designed and implemented to make logging in easier for end-users. Using social login users can sign into any third-party website without having to create an account.
How does Social Login Works?
The social login process is extremely simple. Users come to your website and select whichever social login provider they want to login. They fill in their details on the social network provider’s site. Once the authentication process is completed by the social provider the user can start using your TYPO3 website. If they are a new user then they are registered and if they are an existing user they are logged in.
Integration of Facebook Social Login ( Facebook SSO ) For TYPO3 using OAuth 2.0 Protocol.
miniOrange Social Login enables your users to use their Facebook account to login/register to your TYPO3 Website. Give your users a Best choice, without remembering passwords, to login/register on your TYPO3 website. Setup TYPO3 Facebook Plugin by miniOrange in few easy steps and setup Facebook.
TYPO3 Facebook Social Login (Facebook Single Sign-On (SSO)) for TYPO3 can be achieved by using our TYPO3 Social Login plugin. In this guide we will see how to implement Facebook login on your TYPO3 website in the easiest way. Click here to know more about other features we provide in TYPO3 Social Login Plugin.
Pre-requisites : Download And Installation
- Log into your Typo3 instance as an admin.
- Navigate to Extensions tab from left pane.
- Select Get Extension from the dropdown and search for miniOrange Social Login and install the extension.
- Now select Installed Extensions from the dropdown menu and search for Social Login and activate the extension.
Steps to configure Facebook Social Login into TYPO3
Step 1. Configure Facebook Social Login In TYPO3
Follow the steps below to configure Facebook login in TYPO3
Configure Facebook Social Login
- To get started, Go to Facebook developers console click here and sign up/Login with your facebook developer account. Click on My apps.
- Click the button to Create App.
- Select the App Type as Consumer form the provided options.
- Enter the App Display Name and Add Contact Email for your Facebook app respectively then click on Create App button to save your settings.
- Now, you will be asked to add products to your app select Facebook Login by clicking on the Set Up button .
- Select the Web option as you are trying to integrate your Facebook Login with a website.
- Next, enter the Site URL and click Save. Then, click Continue.
- Go to Settings -> Basic tab from the left pane and enter the required information as given below.
- App Domain: Write your website’s domain there.
- Privacy Policy URL: Fill in this box with the URL liked to your website’s privacy policy page.
- Terms of Service: Fill in this box with the URL linked to your website’s terms of service page.
- User Data Deletion:drop down, Select Data Deletion Instruction URL (Enter the URL of your page with the instructions on how users can delete their accounts on your site).
- Choose a category from the dropdown in the Category field and pick the App Purpose option that describes your App the best, then press Save Changes to save your configurations.
- Now, Navigate to Settings tab under the Facebook Login tab from the left pane.
- Copy the Redirect URL provided in the miniOrange Social Login Plugin.
- Paste the Redirect URL in the Valid OAuth Redirect URL field and click on Save Changes button.
- Click on the App review tab from the left hand side menu and click on Permissions and Request.
- Click on Request Advance Access for public_profile and email. If you want any extra data to be returned you can request permission for those scopes.
- Change you app status from In Development to Live by turning ON the toggle button.
- NOTE:- If you are asked to complete Data Use Checkup. Click on start Checkup Button.
- Certify data use for all the Enabled Advanced permission. Click on submit button.
- Now, Navigate to Settings -> Basic option to get your Client ID and Client Secret which will be required to setup Facebook Social Login.
2. Set credentials in miniOrange Social Login Plugin
- Go to miniOrange Social Login Plugin → Click on Configure Apps → click on Facebook:
- Enable Facebook Social Login for TYPO3 by enabling the toggle button.
- Paste the Client Id and Client Secret copied form above setup and Paste them into the fields in Facebook Instructions.
- Enter the required scope.
- Then click on Save & Test Configuration button.
- A notification from the plugin that the test was successful will be shown. That means your Custom app will set properly.
- Now, Navigate login page. Here you will notice that Facebook Social Login button has been activated. Customers can now login using their Facebook Credentials.
You have successfully configured Facebook Social Login for TYPO3 Website.
Additional Resources
If you are looking for anything which you cannot find, please drop us an email on info@xecurify.com
Need Help? We are right here!
