--- title: "Set up Google login" description: "Create a Firebase project, enable Google sign-in, and add Web Client ID, API key, and auth domain in Ordering.co." canonical: https://docs.ordering.co/docs/products/dashboard/settings/pro/social-login-options/google/ --- # Set up Google login [Back to the main guide](https://docs.ordering.co/docs/products/dashboard/settings/pro/social-login-options/) Google Login (Sign in with Google) lets customers open the website or mobile app with an existing Google account instead of a new password. The customer is redirected to Google to confirm the account and authorize access. After Google approves, Ordering.co can sign them in. This can: - Simplify sign-in - Reduce password-reset requests - Use Google's identity checks - Increase registration and login completion Saving Dashboard credentials or enabling the Google provider in Firebase does not by itself complete a customer sign-in. ## Requirements - A [Firebase](https://firebase.google.com/) project. - Permission to edit **Settings → Security & login** in the Ordering.co Dashboard. - The website domain, Android **Package Name**, and iOS **Bundle ID** of the products that will show Google Login. One Firebase project can manage authentication for the website and the apps. ## Create a Firebase project If you already have a Firebase project for this brand, skip creation and use that project. 1. Open the [Firebase Console](https://console.firebase.google.com/) and sign in with a Google account. 2. Select **Create a project** (older consoles: **Build** → **Add Project**). [![Firebase Console Create a project](https://docs.ordering.co/assets/images/fd3fb913e5926efe40e5ebe0-ccfc7c83b95a9bc7f9e0181625dc5b8d.png)](https://docs.ordering.co/assets/files/fd3fb913e5926efe40e5ebe0-ccfc7c83b95a9bc7f9e0181625dc5b8d.png) [![Firebase Build menu with Add Project](https://docs.ordering.co/assets/images/7b8dc438c4c4886e12681c1d-7a2fdb9404662f09f1663e87ba77d367.png)](https://docs.ordering.co/assets/files/7b8dc438c4c4886e12681c1d-7a2fdb9404662f09f1663e87ba77d367.png) 3. Enter a **Project name** and follow Firebase's remaining screens. Use a project ID that matches the brand. [![Firebase project name](https://docs.ordering.co/assets/images/f65aaa1b074742e0b0bb0dd6-b7a386d40bd4bf1faa97ee695dc64624.png)](https://docs.ordering.co/assets/files/f65aaa1b074742e0b0bb0dd6-b7a386d40bd4bf1faa97ee695dc64624.png) [![Firebase Add Project name](https://docs.ordering.co/assets/images/de09cd76f56e259eb9504bff-a10f7626d76ca9b73a91f5c75c7e5efb.png)](https://docs.ordering.co/assets/files/de09cd76f56e259eb9504bff-a10f7626d76ca9b73a91f5c75c7e5efb.png) [![Firebase project ID set to the brand name](https://docs.ordering.co/assets/images/4779fb97c284037762e583cc-a8d553ea8bcdad32d079f82112aff230.png)](https://docs.ordering.co/assets/files/4779fb97c284037762e583cc-a8d553ea8bcdad32d079f82112aff230.png) If the console asks for a parent resource, select **Select parent resource**, choose where the project should live, then continue. [![Firebase Select parent resource](https://docs.ordering.co/assets/images/99902474034da2b6488c73ed-3164d36f641f65815f4e3cc3411c655d.png)](https://docs.ordering.co/assets/files/99902474034da2b6488c73ed-3164d36f641f65815f4e3cc3411c655d.png) If the console presents a **Google Analytics** choice, make that choice according to your project's analytics requirements. This guide does not establish Analytics as a requirement for Google Login. [![Google Analytics enabled for the Firebase project](https://docs.ordering.co/assets/images/85b463e881e85b2d1b88c8cd-b91fbc2b80620c399c2d43027dc8b172.png)](https://docs.ordering.co/assets/files/85b463e881e85b2d1b88c8cd-b91fbc2b80620c399c2d43027dc8b172.png) 4. When setup finishes, the project is ready to register applications. ## Register the website and apps Register every platform that will use Google Login: - **Website:** the website domain - **Android app:** the **Package Name** - **iOS app:** the **Bundle ID** Those identifiers tell Firebase which clients may use Google authentication. [![Firebase project overview for adding apps](https://docs.ordering.co/assets/images/350ad8e8e8f91358d33b34ee-2639c3e11be2855857f841ed5d12d2c8.png)](https://docs.ordering.co/assets/files/350ad8e8e8f91358d33b34ee-2639c3e11be2855857f841ed5d12d2c8.png) [![Register a web app in Firebase](https://docs.ordering.co/assets/images/25898d54488a85aa283b47a9-3ee1c39e86162d5db14566c826717765.png)](https://docs.ordering.co/assets/files/25898d54488a85aa283b47a9-3ee1c39e86162d5db14566c826717765.png) [![Register an Android or iOS app in Firebase](https://docs.ordering.co/assets/images/6670d732c6ff2b444aa9a1d5-56ed691c7d5d536ca176c86e215ebfe3.png)](https://docs.ordering.co/assets/files/6670d732c6ff2b444aa9a1d5-56ed691c7d5d536ca176c86e215ebfe3.png) On **Project Overview**, **Add app** also lists Android. [![Firebase Add App with Android](https://docs.ordering.co/assets/images/6a0d6e41de4ce6c5989572aa-f4252a69d3c9c3fc1873eaf4bb0aff63.png)](https://docs.ordering.co/assets/files/6a0d6e41de4ce6c5989572aa-f4252a69d3c9c3fc1873eaf4bb0aff63.png) Copy **Name** and **Package** from the Ordering.co builder for the Customer App that should offer Google Login. [![Builder app Name and Package](https://docs.ordering.co/assets/images/2ffa0453f9c02c9998c1973c-faa127487dd49063d6238cc14ca0f7c9.png)](https://docs.ordering.co/assets/files/6db17177c1bf9f11198b2db0-995a09ce33ce422a273dd40a8872b0e2.png) Firebase also asks for a **SHA-1** certificate fingerprint for Android. See [Android SHA-1](#android-sha-1) before you register the Android app, or add the fingerprint later in the app settings. When you select **Register app**, Firebase offers a config file to download (`google-services.json` for Android). Save that file. If you lose it, you have to repeat the download from this project. [![Firebase download google-services.json](https://docs.ordering.co/assets/images/7892aff985fcaae31d8fa0c3-65be0077fc14bdfaa7f0827ba9b60d2d.png)](https://docs.ordering.co/assets/files/7892aff985fcaae31d8fa0c3-65be0077fc14bdfaa7f0827ba9b60d2d.png) [![SHA-1 field while registering the Android app](https://docs.ordering.co/assets/images/f6c02f969983bdc50d739c1f-7440f7d17b555a0bab4a18f88f818fb4.png)](https://docs.ordering.co/assets/files/f6c02f969983bdc50d739c1f-7440f7d17b555a0bab4a18f88f818fb4.png) Select **Continue** through the remaining Firebase screens. [![Firebase Continue after registering the app](https://docs.ordering.co/assets/images/ddf7086c7afff3394832b3f0-b1d00c9bce84c02d3f6f433b61ae2c60.png)](https://docs.ordering.co/assets/files/ddf7086c7afff3394832b3f0-b1d00c9bce84c02d3f6f433b61ae2c60.png) ### Select the product to configure After the platforms are registered, select the Ordering.co product that should use Google Login. Configure **Website** first, then the mobile apps. [![Dashboard product list for Google Login](https://docs.ordering.co/assets/images/a07495946a6e9abb66f152a2-3ced53aed82595670d4baffdff98d65f.png)](https://docs.ordering.co/assets/files/a07495946a6e9abb66f152a2-3ced53aed82595670d4baffdff98d65f.png) ### Save the website configuration values During website registration, Firebase shows configuration values. Copy and store: - **apiKey** - **authDomain** [![Firebase web app configuration with apiKey](https://docs.ordering.co/assets/images/30bdab263c2f34b5764ad215-cd6f719b643dda7ca16ffef89e18d478.png)](https://docs.ordering.co/assets/files/30bdab263c2f34b5764ad215-cd6f719b643dda7ca16ffef89e18d478.png) [![Firebase SDK snippet with apiKey and authDomain](https://docs.ordering.co/assets/images/fdcba60107759c8515048370-3fb311258e47ebfc048c2a419900cd33.png)](https://docs.ordering.co/assets/files/fdcba60107759c8515048370-3fb311258e47ebfc048c2a419900cd33.png) [![Firebase project settings with web config](https://docs.ordering.co/assets/images/aa21ad81c868b0a4212f61b5-6639a3cb57155d12db9dfdeb2b21bc37.png)](https://docs.ordering.co/assets/files/aa21ad81c868b0a4212f61b5-6639a3cb57155d12db9dfdeb2b21bc37.png) [![Copied apiKey and authDomain](https://docs.ordering.co/assets/images/d18060a57ab3fadece2efbdf-1245ff4501c01890cf3ab854b7b36efa.png)](https://docs.ordering.co/assets/files/d18060a57ab3fadece2efbdf-1245ff4501c01890cf3ab854b7b36efa.png) [![Firebase config object with API KEY and AUTHDOMAIN](https://docs.ordering.co/assets/images/c7c18d4d19676c63dae64334-9a6897d57aa0da343c967e3ebd560372.png)](https://docs.ordering.co/assets/files/c7c18d4d19676c63dae64334-9a6897d57aa0da343c967e3ebd560372.png) You will paste **apiKey** into **Google Login API Key** and **authDomain** into **Google Login Auth Domain**. ## Enable Google as a sign-in method 1. In the Firebase left menu, open **Security** → **Authentication** (older menus: **Authentication**). [![Firebase Security Authentication](https://docs.ordering.co/assets/images/46222324dd7ca7a78574696c-3f6aa980061bdd810bee8dab60f2cccb.png)](https://docs.ordering.co/assets/files/46222324dd7ca7a78574696c-3f6aa980061bdd810bee8dab60f2cccb.png) 2. Select **Get started** if Authentication is not enabled yet. [![Firebase Authentication Get started](https://docs.ordering.co/assets/images/8b35aacba7b5634dfc1ac765-16ed6110a5b3df96646461c214f7507f.png)](https://docs.ordering.co/assets/files/8b35aacba7b5634dfc1ac765-16ed6110a5b3df96646461c214f7507f.png) [![Authentication Get started from the older Firebase menu](https://docs.ordering.co/assets/images/b6968ec906bf5416171fe87f-eb3611c255dff754f54452ae7bd77c6c.png)](https://docs.ordering.co/assets/files/b6968ec906bf5416171fe87f-eb3611c255dff754f54452ae7bd77c6c.png) 3. Open the **Sign-in method** tab and locate **Google**. [![Sign-in providers with Google](https://docs.ordering.co/assets/images/36846894a32a5023b26169ac-010bd4c22041c976fe6c6552632e1f9b.png)](https://docs.ordering.co/assets/files/36846894a32a5023b26169ac-010bd4c22041c976fe6c6552632e1f9b.png) [![Google sign-in method in the provider list](https://docs.ordering.co/assets/images/2fc39b72521f9cba55b801db-c2cb880e65e2d0eaca8062a67fe3fb00.png)](https://docs.ordering.co/assets/files/2fc39b72521f9cba55b801db-c2cb880e65e2d0eaca8062a67fe3fb00.png) 4. Open **Google** and enable it. [![Enable Google sign-in](https://docs.ordering.co/assets/images/d912dc872851ce3ec1c42510-cb5bf72a6ac7eee9c15765c3f94b073d.png)](https://docs.ordering.co/assets/files/d912dc872851ce3ec1c42510-cb5bf72a6ac7eee9c15765c3f94b073d.png) 5. Select the **Project support email**, then **Save**. [![Google provider support email and Save](https://docs.ordering.co/assets/images/b7068fb7720731145d33cbb7-06365cabebc232121df86ac133e706bf.png)](https://docs.ordering.co/assets/files/b7068fb7720731145d33cbb7-06365cabebc232121df86ac133e706bf.png) [![Google sign-in enabled with the support email](https://docs.ordering.co/assets/images/13615ac867f7733480ae5e64-7f25489011303c3383d6b3979ffba385.png)](https://docs.ordering.co/assets/files/13615ac867f7733480ae5e64-7f25489011303c3383d6b3979ffba385.png) If the email field is missing, enable the **Google** sign-in method first. After **Save**, the provider shows as enabled. [![Google provider listed as Enabled](https://docs.ordering.co/assets/images/79118df5afc0eed351124d06-2db3c3f2a7c8e7b042ee78ed0cdf0747.png)](https://docs.ordering.co/assets/files/79118df5afc0eed351124d06-2db3c3f2a7c8e7b042ee78ed0cdf0747.png) Enabling the provider in Firebase does not show the button on Ordering.co until **Enable Google Login** is **Yes**. ## Copy the Web Client ID 1. Open the Google provider configuration again and select **Edit**. [![Edit the Google sign-in provider](https://docs.ordering.co/assets/images/c5d4ef57d094b714ef962dda-18c8790aa59a3981239f6009eb7f89a6.png)](https://docs.ordering.co/assets/files/c5d4ef57d094b714ef962dda-18c8790aa59a3981239f6009eb7f89a6.png) 2. Copy **Web Client ID** and store it. [![Web Client ID in the Google provider](https://docs.ordering.co/assets/images/e1cb64ba54ab0f312d3650fa-385101e1a91705f2c0e42a48f7be1cef.png)](https://docs.ordering.co/assets/files/e1cb64ba54ab0f312d3650fa-385101e1a91705f2c0e42a48f7be1cef.png) [![WEB CLIENT ID in the Google provider](https://docs.ordering.co/assets/images/512c1c622cf78f773eb12348-47a1ccfd3f2a5da35d315514bc72b2cd.png)](https://docs.ordering.co/assets/files/512c1c622cf78f773eb12348-47a1ccfd3f2a5da35d315514bc72b2cd.png) Paste this value into **Google Login ID** in the Dashboard. Also copy the **Web client secret** from the same Google / Firebase OAuth client. Paste it into **Google Client Secret**. Some Dashboard layouts label related fields **General Google Client ID Services** and **Secret Services**; put the matching client ID and secret in each pair. ## Add the website domain to authorized domains 1. In **Authentication**, open the **Settings** tab. 2. Find **Authorized domains**. 3. Select **Add domain**. 4. Enter the website domain (for example, `yourdomain.com`). 5. Save. [![Authentication Settings Authorized domains](https://docs.ordering.co/assets/images/8e30a12b2b770893a809fb81-c6482e5de3ed4459e597ce8bb14eb81c.png)](https://docs.ordering.co/assets/files/8e30a12b2b770893a809fb81-c6482e5de3ed4459e597ce8bb14eb81c.png) [![Add domain in Authorized domains](https://docs.ordering.co/assets/images/637c1feb3195d2a05f57efa7-ba0b7eab2395f22e94e4a0357a4dd128.png)](https://docs.ordering.co/assets/files/637c1feb3195d2a05f57efa7-ba0b7eab2395f22e94e4a0357a4dd128.png) Google Login on the website needs this domain on the allow list. ## Add Google Login credentials in the Dashboard 1. Open the Ordering.co **Dashboard**. 2. Go to **Settings → Security & login → Google Login**. 3. Turn on Google login to show the credential fields, then fill: - **Google Login ID** → the **Web Client ID** - **Google Login API Key** / **apiKey** → the Firebase **apiKey** - **Google Login Auth Domain** / **authDomain** → the Firebase **authDomain** - **Google Client ID** and **Google Client Secret** → the OAuth client ID and secret - **Google Login ID for iOS** → the iOS client ID from `GoogleService-Info.plist` (see below) ### Enable Google Login Turn on the Google login switch to reveal the credential fields returned for the project. Fill them for the intended app and environment. ### Save the configuration Select **Save changes**. Check the login in the intended test channel with a synthetic account. ### Verify Google Login on the website 1. Open the website. 2. Find **Sign in with Google**. 3. Complete a login using a Google account you control. If the button is missing, confirm **Enable Google Login** is **Yes** and that the domain is authorized in Firebase. A successful test on one browser does not prove every app build is signed with the registered SHA-1. ## Google Login for the app build ### Android SHA-1 Google Play signs the installable Android App Bundle. Register the **app signing** SHA-1 with Firebase, not only a local upload key. 1. In [Google Play Console](https://play.google.com/console/), open the Customer App. 2. Go to **Test and release** → **App integrity** → **Play App Signing** → **Settings**. 3. Copy the **SHA-1 certificate fingerprint**. Google also documents this fingerprint on **Test and release** → **Setup** → **App signing**, which you can open from the App integrity page. See [Use Play App Signing](https://support.google.com/googleplay/android-developer/answer/9842756) and [Client authentication](https://developers.google.com/android/guides/client-auth). 4. In the Firebase Android app settings, paste the SHA-1 certificate fingerprint. If the fingerprint is not visible in Play Console, contact for the SHA-1 used to sign the Ordering.co Android build. ### iOS Create an iOS app in the same Firebase project. Use its iOS **Bundle ID**, which is distinct from the Android **Package Name**, plus a name. The App Store ID is optional. Register the app and download **GoogleService-Info.plist**. Complete Firebase's **Next** screens until you return to the console. Copy the iOS client values from `GoogleService-Info.plist` into **Google Login ID for iOS** (and any matching iOS fields your Dashboard shows). Save **GoogleService-Info.plist**. Losing it means downloading it again from this Firebase iOS app. For the product overview, see [Google Sign-In on Ordering.co](https://www.ordering.co/integrations/google-sign-in/). --- [Back to the main guide](https://docs.ordering.co/docs/products/dashboard/settings/pro/social-login-options/)