You can get a client ID by registering as a developer at Facebook for Developers.
If you're new to Facebook SSO
*Please check the following before setting up Facebook SSO.
Facebook's policy has been update; Facebook SSO is no longer supported for sites in http.
If you are using Facebook SSO only with app ID
*Without creating a new app, you can enter the secret code of the existing app.
If you create a new app, existing Facebook members are not able to sign in at your store.
Go to My Apps>your existing app>Settings>Basic and click Show to check App secret.
How to register as a Facebook developer
1. Sign in at Facebook for Developers with your Facebook account or create a new account if you don’t have one.
▶ Go to Facebook for Developers
2. Go to My apps and click Create App to create a new app.
How to set up Facebook SSO
1. Go to [Settings>Basic] on the new app’s console and provide information needed.
1) App Domains: Enter the store domain that uses Facebook SSO. Enter the mobile store domain as well to set up SSO for mobile.
E.g. If you use “sample.com,”
https://sample.com
https://m.sample.com
2) Privacy Policy URL: Enter the URL of the store’s privacy policy page.
E.g. https://(domain)/member/privacy.html
3) Terms of Service URL: Enter the URL of the store’s terms of service page.
E.g. https://(domain)/member/agreement.html
4) Category: Select Shopping.
5) App Icon: Customers see the app icon when signing in.
- You can upload JPG, GIF, PNG files (512x512 - 1024x1024 px).
- Files should not exceed 5MB.
6) Business Use: Select Support my own business.
After filling in all required fields, click Save changes to save your data.
2. Go to Products from the left menu bar and click Set Up on Facebook Login.
3. When you see this screen, go to Facebook Login>Settings from the left menu bar.
4. Enter URIs as the example below in [Client OAuth Settings>Valid OAuth Redirect URIs]. (HTTP addresses cannot be entered.)
E.g. If you use “sample.com,”
https://sample.com/Api/Member/Oauth2ClientCallback/facebook/
https://www.sample.com/Api/Member/Oauth2ClientCallback/facebook/
https://m.sample.com/Api/Member/Oauth2ClientCallback/facebook/
If you have additional second-level domains that use Facebook SSO, you should enter them all.
- Second-level domains: primary domain, subdomain, mobile domain, multi-language store domain, etc.
5. Go to App Review>Requests and find the In development toggle to switch to Live Mode.
6. Go to [Settings>Basic] and click Show to see the app secret.
How to configure on the admin page
1. Go to [Promotions>Social media>Social login] on the admin page.
2. Enable Google login. Enter the client ID and client secret from Facebook for Developer and click [Save].
You can get a client ID by registering as a developer at Facebook for Developers.
If you're new to Facebook SSO
*Please check the following before setting up Facebook SSO.
Facebook's policy has been update; Facebook SSO is no longer supported for sites in http.
If you are using Facebook SSO only with app ID
*Without creating a new app, you can enter the secret code of the existing app.
If you create a new app, existing Facebook members are not able to sign in at your store.
Go to My Apps>your existing app>Settings>Basic and click Show to check App secret.
How to register as a Facebook developer
1. Sign in at Facebook for Developers with your Facebook account or create a new account if you don’t have one.
▶ Go to Facebook for Developers
2. Go to My apps and click Create App to create a new app.
How to set up Facebook SSO
1. Go to [Settings>Basic] on the new app’s console and provide information needed.
1) App Domains: Enter the store domain that uses Facebook SSO. Enter the mobile store domain as well to set up SSO for mobile.
E.g. If you use “sample.com,”
https://sample.com
https://m.sample.com
2) Privacy Policy URL: Enter the URL of the store’s privacy policy page.
E.g. https://(domain)/member/privacy.html
3) Terms of Service URL: Enter the URL of the store’s terms of service page.
E.g. https://(domain)/member/agreement.html
4) Category: Select Shopping.
5) App Icon: Customers see the app icon when signing in.
- You can upload JPG, GIF, PNG files (512x512 - 1024x1024 px).
- Files should not exceed 5MB.
6) Business Use: Select Support my own business.
After filling in all required fields, click Save changes to save your data.
2. Go to Products from the left menu bar and click Set Up on Facebook Login.
3. When you see this screen, go to Facebook Login>Settings from the left menu bar.
4. Enter URIs as the example below in [Client OAuth Settings>Valid OAuth Redirect URIs]. (HTTP addresses cannot be entered.)
E.g. If you use “sample.com,”
https://sample.com/Api/Member/Oauth2ClientCallback/facebook/
https://www.sample.com/Api/Member/Oauth2ClientCallback/facebook/
https://m.sample.com/Api/Member/Oauth2ClientCallback/facebook/
If you have additional second-level domains that use Facebook SSO, you should enter them all.
- Second-level domains: primary domain, subdomain, mobile domain, multi-language store domain, etc.
5. Go to App Review>Requests and find the In development toggle to switch to Live Mode.
6. Go to [Settings>Basic] and click Show to see the app secret.
How to configure on the admin page
1. Go to [Promotions>Social media>Social login] on the admin page.
2. Enable Google login. Enter the client ID and client secret from Facebook for Developer and click [Save].