Facebook Login

Allow easy login with facebook to your customers.

The Facebook Login is a really easy way to register for your customers, also it can guide to your Facebook page a get a lot of likes!

Due this use your own facebook, we recommend that you make the configuration, at the end this is your business, but do not worry, here you can find an easy way to do it by yourself!.

Configure your Facebook Developer Account

To configure you need to create an account, in https://developers.facebook.com/

Once you have an account you need to "Add a new Application".

Next create the app, write the name to your app and verify that the email that shows is correct.

Then go to settings and fill the information.

Please fill these fields with this info:

  • Display Name: Name of the App.
  • Namespace: namespace is the same as the ##display-name just "withoutspaces".
  • App Domains: localhost
  • Contact Email: Your email for contact.
  • Privacy Policy: If you have one, please add it, in case you do not have a page of these, just write on your website.
  • Terms of Service URL: If you have one, please add it. in case you do not have a page of these, just write on your Website.
  • App Icon: Upload your App Icon.
Complete this personal information for security.

Complete this personal information for security.

Add Website

Click on add platform and select Website

On the Site URL paste "http://localhost/8080" and click on "Save changes" button.

Add iOS

Select iOS Platform

Put the Package Bundle that is in your App, example: "com.ordering.ordering".

Add Android

Do the same if another platform is needed like Android.

Use these texts in order to get it working.

  • Google Play Package Name: On your builder you can see this package on your OrderingApp. example: com.orderingapp.ordering
  • Class Name: com.facebook.loginactivity

Add hashes in Android "Key Hashes"

P06REiEMufbvSOrQ76OaICh4L50=
TwtQwSSbQbitJBrpdPuZwp56eaA=
KNhJ+X6VJU/FVwXiAV3fs1KGC7c=

After completing the fields save the changes, a popup message will appear, just click on "Use the name of this package" button to continue with the configuration.

Add Facebook Login Product

Click on "+" button and then select "Login with Facebook".

You need to write the Valid OAuth redirect URIs and check if you have the same options that the screenshot is shown below.

Here you have to use these texts below to Valid OAuth redirect URIs
1st.- https://localhost:8100/oauthcallback.html
2nd.- https://www.facebook.com/connect/login_success.html
3rd.- https://"YOUR_DOMAIN"/oauthcallback.html
4th.- Your Domain example: https://www.ordering.co/

Review Application

To complete the configuration about facebook login only need to publish your app.

Finally, go to your builder (my.ordering.co) and write your App ID to finish your settings. After this, you need to rebuild your website/OrderingApp to see this extension working.

Also be sure that the Facebook_app_name is the same as the one in the Facebook Developer Account.

In the settings screen select the "Facebook Setting" to complete the configuration to your Facebook login.

To complete the configuration to Facebook login only need to paste the App ID & App Secret on the pop up that shows and save the changes.

NOTE

Facebook login will not work on the demo apps created on your builder unless you add the temporal domain as Valid OAuth redirect URIs. Please test the Ios and android apps directly on your phone.

If you need anything else from your Ordering Team, just let us know 👍
Have a Happy Ordering

Houston Salgado

Support Team

Facebook Login


Allow easy login with facebook to your customers.

Suggested Edits are limited on API Reference Pages

You can only suggest edits to Markdown body content, but not to the API spec.