--- title: "Set up Facebook login" description: "Create a Facebook Login app, add website and mobile platforms, and paste the App ID and App Secret in Ordering.co." canonical: https://docs.ordering.co/docs/products/dashboard/settings/pro/social-login-options/facebook/ --- # Set up Facebook login [Back to the main guide](https://docs.ordering.co/docs/products/dashboard/settings/pro/social-login-options/) Facebook Login lets customers authenticate with an existing Facebook account. Meta hosts the login challenge. Ordering.co stores the App ID and App Secret and shows the button when **Enable Facebook Login** is **Yes**. ## Benefits - **Convenience:** Customers use Facebook credentials instead of another username and password. - **Provider security:** Facebook Login uses Meta's authentication protocols. - **Easier return visits:** Faster access can increase how often customers open the storefront. - **Basic profile data:** Facebook can share the fields your app is allowed to request, which you can use to complete an Ordering.co account. - **Lower signup friction:** Fewer new-account fields can increase registrations. Saving Dashboard fields or switching a Meta toggle does not by itself prove a customer can sign in. ## Create a Facebook app Create a developer account at . Meta's current creation flow uses **use cases**. Older consoles used an app type such as **Consumer**. Follow the screens your account actually shows, and keep the App ID and App Secret for the Dashboard. Meta documents this flow in [Create an App with Meta](https://developers.facebook.com/docs/development/create-an-app). Start at , or open **My Apps** and select **Create App**. [![Facebook Developers My Apps with Create App](https://docs.ordering.co/assets/images/a204beb0d0dc93b53296fddb-49d0240bc0f25e79a9ef64423ce4fbf1.png)](https://docs.ordering.co/assets/files/a204beb0d0dc93b53296fddb-49d0240bc0f25e79a9ef64423ce4fbf1.png) Older **My Apps** layouts also expose **Create App** in the header. [![Facebook Developers header with My Apps and Create App](https://docs.ordering.co/assets/images/82e5f5b690f575190e61a3bd-4a5232685d01fae1c4c86702a7cd79aa.png)](https://docs.ordering.co/assets/files/82e5f5b690f575190e61a3bd-4a5232685d01fae1c4c86702a7cd79aa.png) If the console still lists app types, select **Consumer** and continue. [![Facebook create-app screen with the Consumer app type](https://docs.ordering.co/assets/images/b4e9532f07ba6c9d1fc96ca6-c1aeacff9ac7194908c3df15200156f0.png)](https://docs.ordering.co/assets/files/b4e9532f07ba6c9d1fc96ca6-c1aeacff9ac7194908c3df15200156f0.png) ### App details Enter the app name and the app contact email, then select **Next**. [![Facebook app details with app name and contact email](https://docs.ordering.co/assets/images/f94386395b5697aa7408f438-7c15f5e50cddd1f8c261c30e09842138.png)](https://docs.ordering.co/assets/files/f94386395b5697aa7408f438-7c15f5e50cddd1f8c261c30e09842138.png) On older **Create App** screens, fill: - **App Display Name:** The name of your Ordering.co app. - **App Contact Email:** Confirm the email on the Facebook account. - **Do you have a business Manager Account?:** Select a portfolio, or **No Business Manager Account selected**. - **Create App** [![Create App form with App Display Name, contact email, and Business Manager](https://docs.ordering.co/assets/images/ddb108357e868de0c825697f-e2ee0cd5f09aeb4925fca29aea8d78a7.png)](https://docs.ordering.co/assets/files/ddb108357e868de0c825697f-e2ee0cd5f09aeb4925fca29aea8d78a7.png) ### Use cases Open the full use-case list (the console may label this **All (18)**) and select **Authenticate and request data from users with Facebook Login**. Then select **Next**. [![Facebook use case Authenticate and request data from users with Facebook Login](https://docs.ordering.co/assets/images/6bfa02b8f1d73704adef9de5-7ad3fc001782d711171a37a139db1026.png)](https://docs.ordering.co/assets/files/6bfa02b8f1d73704adef9de5-7ad3fc001782d711171a37a139db1026.png) Meta treats this as the Facebook Login use case. You cannot mix it with some other use cases on the same app. ### Business Select the business portfolio to connect, or skip if the console allows it, then select **Next**. [![Facebook app creation Business portfolio step](https://docs.ordering.co/assets/images/a130da51716af80e03dd7838-e8a08eab89ba97c690943c6f07b5f838.png)](https://docs.ordering.co/assets/files/a130da51716af80e03dd7838-e8a08eab89ba97c690943c6f07b5f838.png) ### Requirements Confirm that **Business verification** and **App Review** appear in the publishing requirements, then select **Next**. Checking the list does not complete verification or review. [![Facebook app creation Requirements with Business verification and App Review](https://docs.ordering.co/assets/images/23045bcecd3a3580df9a1125-9b2bebb66c7a94705192be8efb48470f.png)](https://docs.ordering.co/assets/files/23045bcecd3a3580df9a1125-9b2bebb66c7a94705192be8efb48470f.png) ### Overview Review the name, use case, business, and requirements, then select **Go to dashboard**. [![Facebook app creation Overview with Go to dashboard](https://docs.ordering.co/assets/images/a58b213660c328e1233fb181-dee1c745a0a1e1edb5b7a828a03c4290.png)](https://docs.ordering.co/assets/files/a58b213660c328e1233fb181-dee1c745a0a1e1edb5b7a828a03c4290.png) ## Complete the Facebook dashboard checklist The app dashboard lists the remaining setup items. Work through each one the console marks incomplete. [![Facebook app dashboard checklist for the Facebook Login use case](https://docs.ordering.co/assets/images/5dc3bc3d50322c1fcf366310-f6656f99d00dafd7a61bb68affa7b200.png)](https://docs.ordering.co/assets/files/5dc3bc3d50322c1fcf366310-f6656f99d00dafd7a61bb68affa7b200.png) 1. **Customize the Authenticate and request data from users with Facebook Login use case.** Open it, confirm it is activated, then return to the dashboard. [![Facebook Login use case shown as activated](https://docs.ordering.co/assets/images/f3446693a36328aa6573a0e8-f6891ad38d1f671e20895f4b5819ecbb.png)](https://docs.ordering.co/assets/files/f3446693a36328aa6573a0e8-f6891ad38d1f671e20895f4b5819ecbb.png) 2. **Review and complete testing requirements.** After you return, this item is often already checked. If it is not, open it and go back to the dashboard. [![Facebook testing requirements item](https://docs.ordering.co/assets/images/05fbffbfcb6cc1e191c2f20c-818463e73456c870be4bde1b4052c30f.png)](https://docs.ordering.co/assets/files/05fbffbfcb6cc1e191c2f20c-818463e73456c870be4bde1b4052c30f.png) 3. **Business verification.** If it is not checked, open **Business Verifications** and complete Meta's steps. Skipping this can block Live mode for people who are not app testers. 4. **App Review.** Open it and select **Next**. [![Facebook App Review entry](https://docs.ordering.co/assets/images/7b8a7294c4cd373255d0edef-41a608274925060c5bcdca8ebbc472a3.png)](https://docs.ordering.co/assets/files/7b8a7294c4cd373255d0edef-41a608274925060c5bcdca8ebbc472a3.png) 5. **App settings.** Upload the **App icon** in the format Meta lists. Add the **Privacy Policy** URL, configure **User data deletion**, select the **App category**, and enter the **Primary contact** email. Then continue. [![Facebook App settings with icon, privacy policy, user data deletion, category, and primary contact](https://docs.ordering.co/assets/images/caa74ccf91c27b8c7e23dc4f-60c95c3be25e8ed6f8c2b70c854daa62.png)](https://docs.ordering.co/assets/files/caa74ccf91c27b8c7e23dc4f-60c95c3be25e8ed6f8c2b70c854daa62.png) **Allowed usage:** Select **Get started**, select the checkbox, then **Save** and **Next**. [![Facebook Allowed usage Get started](https://docs.ordering.co/assets/images/00d6ed30dac5a67c7a532b98-4b0f2775e79695fc29bc4765243c4df5.png)](https://docs.ordering.co/assets/files/00d6ed30dac5a67c7a532b98-4b0f2775e79695fc29bc4765243c4df5.png) **Data handling:** Before completing this section, ask the organization owner: - Which Platform Data, if any, does this organization share or process through this app? - Which organization-approved person or entity is responsible for that data, and where are they located? - How should each remaining Data Handling question be answered under the organization's authorized privacy decisions? Do not use a default answer from a screenshot or this guide. **Reviewer instructions:** Select **Go to settings**. A new window opens. Copy the **App ID** and **App secret** for the Ordering.co Dashboard, and complete every field marked in the green box. [![Facebook app settings with App ID, App secret, and required fields highlighted](https://docs.ordering.co/assets/images/4414ed68977e61e7108a77a1-0e34a72778b8d5b887838c340a5b3117.png)](https://docs.ordering.co/assets/files/4414ed68977e61e7108a77a1-0e34a72778b8d5b887838c340a5b3117.png) **Data protection officer contact information:** Before completing this section, ask the organization owner whether it applies to this app and, if it does, which organization-approved contact details belong there. Do not invent a contact or copy one from a screenshot. Then save the changes. [![Data protection Officer contact information](https://docs.ordering.co/assets/images/c0b85da41b7434a829885003-b497683b72f4cfba0d163762bc18403d.png)](https://docs.ordering.co/assets/files/c0b85da41b7434a829885003-b497683b72f4cfba0d163762bc18403d.png) At the bottom of the page, select **Add platform**, choose **Web**, and add the website URL that will show Facebook Login. Save the changes. [![Add platform Web with the website URL for Facebook Login](https://docs.ordering.co/assets/images/bce093580e5b64f796ea29af-900674c3aac11a77ebef48e83e86304f.png)](https://docs.ordering.co/assets/files/bce093580e5b64f796ea29af-900674c3aac11a77ebef48e83e86304f.png) 6. Return to **Review** → **App Review**. In **Provide instructions for accessing the app**, describe how a reviewer uses Facebook Login, for example: 1. Go to your site. 2. Select the login button. 3. Select **Continue with Facebook**. 4. Enter Facebook credentials. You can attach a video of the test. Remaining fields are optional unless your app needs them. Select **Next**. 7. When the Review steps are complete, submit the app for review. [![Facebook App Review ready to submit](https://docs.ordering.co/assets/images/814814a070b0f37450928526-7db7869e13170bfb5b16708aece9affb.png)](https://docs.ordering.co/assets/files/814814a070b0f37450928526-7db7869e13170bfb5b16708aece9affb.png) Submitting a review requests Meta's decision. It does not put Facebook Login into Live mode or prove Ordering.co sign-in. ## Fill Settings → Basic If the left menu still shows **Settings** → **Basic**, complete those fields as well. They overlap the App settings checklist and remain the place older consoles store domains and legal URLs. [![Facebook Settings Basic](https://docs.ordering.co/assets/images/5d8be1ff0e6b254e99d6ff27-224b1da56f722f526a1e6d28a3710965.png)](https://docs.ordering.co/assets/files/5d8be1ff0e6b254e99d6ff27-224b1da56f722f526a1e6d28a3710965.png) - **Display Name:** The name of your Ordering.co app. - **Namespace:** The app name in lowercase with no spaces. - **App Domains:** `localhost` and your custom domain (type the URL instead of pasting it). [![App Domains with localhost and the custom domain](data:image/png;base64,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)](https://docs.ordering.co/assets/files/3c3dd291929c3b1a2a29f342-63f65842d35870c04796dc4d8d5180f5.png) - **Contact Email:** A contact address for the app. - **Privacy Policy:** The privacy policy URL. Facebook Login does not work without it. - **Terms of Service URL:** The terms URL. If you do not have one, create it in the Static pages manager on the Ordering.co website. - **User Data Deletion:** **Data Deletion Instructions URL** (recommended) or **Data Deletion Callback URL**. Implement a page with deletion instructions and enter that URL. - **App Icon:** Upload the icon. - **Category:** The category that matches the project. - **App Purpose:** The purpose that matches the project (the sources recommend **clients**). For **Data Protection Officer Contact Information**, ask the organization owner whether the field applies and, if it does, which organization-approved contact details belong there. Do not transfer an individual's details from a screenshot or another organization. [![Data Protection Officer Contact Information on Settings Basic](https://docs.ordering.co/assets/images/cb4925585a52ef37dd055ddc-25bf85f13ce87112d6fd648b6d6292a0.png)](https://docs.ordering.co/assets/files/cb4925585a52ef37dd055ddc-25bf85f13ce87112d6fd648b6d6292a0.png) ## Add a website platform Select **+ Add Platform**, choose **Website**, then **Next**. [![Add Platform with Website selected](https://docs.ordering.co/assets/images/368d182fafc4b3a6b30d852e-180e0d3a00ac8cee170307f98469a547.png)](https://docs.ordering.co/assets/files/368d182fafc4b3a6b30d852e-180e0d3a00ac8cee170307f98469a547.png) [![Website platform fields](https://docs.ordering.co/assets/images/204f62e1551f9457ba11a623-9ccf22fdf5039a290357a69d42ccda17.png)](https://docs.ordering.co/assets/files/204f62e1551f9457ba11a623-9ccf22fdf5039a290357a69d42ccda17.png) In **Site URL**, enter the custom domain (for example, `https://www.ordering.co/`) and select **Save Changes**. [![Website Site URL saved](https://docs.ordering.co/assets/images/d6fd6779f0829c59bef26db8-a68c85d4ca9b8fe4cd5735f35ed66c99.png)](https://docs.ordering.co/assets/files/d6fd6779f0829c59bef26db8-a68c85d4ca9b8fe4cd5735f35ed66c99.png) ## Add an iOS app Select **+ Add Platform**, choose **iOS**, then **Next**. [![Add Platform with iOS selected](https://docs.ordering.co/assets/images/396b68f98e1f4ffe606bf9f9-8cf6ea069d12d1feacc89c0c25b446ae.png)](https://docs.ordering.co/assets/files/396b68f98e1f4ffe606bf9f9-8cf6ea069d12d1feacc89c0c25b446ae.png) Enter the **Bundle ID**. Copy the package bundle of the Ordering.co app from the builder **Settings** field **Package**. [![iOS Bundle ID field](https://docs.ordering.co/assets/images/6dc4c979c492fc6f0cf0efb3-a2d235a7c06763a1b824616a0ee73c50.png)](https://docs.ordering.co/assets/files/6dc4c979c492fc6f0cf0efb3-a2d235a7c06763a1b824616a0ee73c50.png) [![Builder Settings Package value used as the iOS Bundle ID](https://docs.ordering.co/assets/images/a39cec0363b208ccf01350eb-9d85a3325f776d3ee36d12458a0f344b.png)](https://docs.ordering.co/assets/files/d4471faa8902a2fe31c289a2-becd9efe5c0d410fe47ef6ffac11839d.png) ## Add an Android app Select **+ Add Platform**, choose **Android**, then **Next**. [![Add Platform with Android selected](https://docs.ordering.co/assets/images/62b1d51464872fa1d91d2621-c3479fd7cd9ddd4ac1cb68d66071c031.png)](https://docs.ordering.co/assets/files/62b1d51464872fa1d91d2621-c3479fd7cd9ddd4ac1cb68d66071c031.png) Select **Google Play**, then **Next**. [![Android platform Google Play](https://docs.ordering.co/assets/images/f781be9b5dc1d56324cc8f66-6e19ec209056427881b8695014f84a1c.png)](https://docs.ordering.co/assets/files/f781be9b5dc1d56324cc8f66-6e19ec209056427881b8695014f84a1c.png) Fill: - **Package names:** The same package bundle as iOS. Example: `com.orderingapp.ordering`. - **Class Name:** `com.facebook.loginactivity` - **Key Hashes:** Paste these six key hashes: ```text P06REiEMufbvSOrQ76OaICh4L50= TwtQwSSbQbitJBrpdPuZwp56eaA= KNhJ+X6VJU/FVwXiAV3fs1KGC7c= wwaw8MEJvRZJY0UDqH1D5hg97ns= nQDiV5o9r4uzoIMvN/xzEDi1QF4= Xo8WBi6jzSxKDVR4drqm84yr9iU= ``` Leave **Log In-App Events Automatically (Recommended)** active. [![Android package name, class name, key hashes, and automatic in-app events](https://docs.ordering.co/assets/images/e6634b2b98dca7d1791cd8de-34873bcc916829335effa501804df68f.png)](https://docs.ordering.co/assets/files/e6634b2b98dca7d1791cd8de-34873bcc916829335effa501804df68f.png) Save the changes. Open **Add product** in the left panel and select **Set up** on Facebook Login. [![Add product with Facebook Login Set up](https://docs.ordering.co/assets/images/ec201392f6427ca1ba13004f-c6b33a3c5b99c01384ddaebd45905d46.png)](https://docs.ordering.co/assets/files/ec201392f6427ca1ba13004f-c6b33a3c5b99c01384ddaebd45905d46.png) Open **Settings** in the left panel. Do not open **Quickstart**. [![Facebook Login Settings in the left panel, not Quickstart](https://docs.ordering.co/assets/images/7ade5c63c7b435cfccb2b50a-c433d01854ce498bcb494fd5664782b3.png)](https://docs.ordering.co/assets/files/7ade5c63c7b435cfccb2b50a-c433d01854ce498bcb494fd5664782b3.png) ### OAuth login toggles and redirect URIs Deactivate **Force Web OAuth Login**. Activate **embedded Browser OAuth Login**. [![Facebook Login OAuth toggles and Valid OAuth redirect URIs](https://docs.ordering.co/assets/images/a4c72c71a5c815672ef49fbd-7858acf697e3b3c6d318e50968066365.png)](https://docs.ordering.co/assets/files/a4c72c71a5c815672ef49fbd-7858acf697e3b3c6d318e50968066365.png) In **Valid OAuth redirect URIs**, add: - `https://localhost:8100/oauthcallback.html` - `https://YOUR_DOMAIN/oauthcallback.html` Replace `YOUR_DOMAIN` with the custom domain. Example: `https://www.ordering.co/oauthcallback.html`. Enable the JavaScript SDK, then **Save**. Meta console labels for these OAuth controls can change. Keep the redirect path `/oauthcallback.html` on both localhost and the production domain. ## Switch the Facebook app to Live mode To enable Facebook Login in **Live** mode, the Ordering.co app should already be live on Google Play and the App Store. ### Recommendations - Configure Facebook Login in **Development** (tester credentials) and upload the apps to the stores first. - Or enable Live mode for the website only. After the native apps are live, finish the app platforms, add the Facebook Login ID on the Ordering.co app, and upload a new app version. Switch from **Development** to **Live** only when those conditions are met. [![Facebook App Mode switch from Development to Live](https://docs.ordering.co/assets/images/7dc05903458b94bd11826976-ee5b47d2772331d05122a05f8da1f001.png)](https://docs.ordering.co/assets/files/7dc05903458b94bd11826976-ee5b47d2772331d05122a05f8da1f001.png) If a popup appears, select **Use the name of this package** to continue. [![Use the name of this package confirmation](https://docs.ordering.co/assets/images/f1e5ec064966afb54c1c79bb-bdaa8301059d0f238f4e480a4aff9af1.png)](https://docs.ordering.co/assets/files/f1e5ec064966afb54c1c79bb-bdaa8301059d0f238f4e480a4aff9af1.png) Switching the toggle does not complete App Review, store listing, or a customer Facebook sign-in. ## Add Facebook credentials in the Ordering.co Dashboard Open **Settings → Security & login → Facebook Login**. Turn on the Facebook login switch. Enter the App ID and App Secret in the provider fields returned by the project, then select **Save changes**. Keep the App Secret private. Verify the login separately with a synthetic account in the intended test channel. ## Resolve an invalid key hash If Facebook returns `Invalid key hash. The key hash "xxxxxxxxxxxxxxxx=" does not match any stored key hashes`, open the Android platform configuration and add that hash next to the six hashes listed above. ## Practical configurations - **Seamless onboarding:** Keep **Enable Facebook Login Confirmation** off only when Facebook already returns every field you require. - **Personalization:** Use the Facebook profile fields the app is allowed to receive. Extra permissions can require App Review. - **Social sharing and ads:** Sharing to Facebook or running Meta ads is outside this login setup. - **Store-first Live mode:** Do not switch the Facebook app to Live for native apps until those apps are listed. ## Conclusion Create the Facebook app, add website and mobile platforms, register the OAuth redirect URIs and key hashes, then paste the App ID and App Secret in Ordering.co. Set **Enable Facebook Login** to **Yes** when the storefront should show the button. Confirm a Facebook sign-in on the website or app before you treat the method as working. For the product overview, see [Facebook Login on Ordering.co](https://www.ordering.co/integrations/facebook-login/). --- [Back to the main guide](https://docs.ordering.co/docs/products/dashboard/settings/pro/social-login-options/)