Skip to main content

Set up Apple login

Back to the main guide

Give customers a Sign in with Apple button on the website and Customer App. Apple issues the App ID, Services ID, and private key. Ordering.co stores those values under Social login options → Apple Sign-in.

Configure Sign in with Apple​

Open Certificates, Identifiers & Profiles in the Apple Developer account.

Apple Developer account with Certificates, Identifiers & Profiles

Apple documents the web side of this setup in Configure Sign in with Apple for the web.

Step 1. Register an App ID​

Do this step if you have not created the app identifier yet, or if you only operate a website. If the App ID already exists with Sign in with Apple, skip to Step 2.

Certificates, Identifiers & Profiles Identifiers list

In the left menu, open Identifiers and select the blue + button.

Add identifier plus button

Select App IDs, then Continue.

Register a new identifier with App IDs selected

Select App, then continue.

App ID type App

Enter a Description (example: newtestingapporder) and a Bundle ID. One documented pattern appends .login to the app bundle, for example com.newtestingapporder.app.login. Another documented example uses the app bundle itself, for example com.newtestingapporder.app. Use the identifier that matches the Customer App you will publish.

App ID description and Bundle ID

Enable Sign in with Apple and select Edit.

Sign in with Apple capability with Edit

Leave Enable as a primary App ID selected, leave the following field empty, and select Continue.

Enable as a primary App ID

Select Register.

Register the App ID

The new App ID appears in the list.

New App ID in the Identifiers list

Step 2. Register a Services ID​

Select + again.

Add identifier plus button for a Services ID

Select Services IDs, then Continue.

Register a new identifier with Services IDs selected

Enter a description and a unique identifier, then Continue.

Services ID description and identifier

Register the Services ID.

Register the Services ID

Confirm the new Services ID

Open the identifier, select Sign in with Apple, then Configure.

Services ID with Sign in with Apple selected

Configure Sign in with Apple on the Services ID

In the popup, select the app you registered in Step 1.

Primary App ID dropdown for Sign in with Apple

Under Website URLs, enter the domain and the return URL. The return URL is the domain plus /login/apple/callback and must include https://. Example:

https://sourcedemo.tryordering.com/login/apple/callback

For a franchise website, use /searchlogin/apple/callback instead:

https://sourcedemo.tryordering.com/searchlogin/apple/callback

Sign in with Apple domains and return URLs including the franchise callback

Return URL with https and /login/apple/callback

Save the confirmation. Apple requires an absolute return URL with scheme, host, and path.

Step 3. Create a Sign in with Apple key​

Open All Identifiers.

All Identifiers after saving the Services ID

Open Keys and select the blue + button.

Add a new key

Enter a key name.

Key name for Sign in with Apple

Select Sign in with Apple, then Configure.

Create a key with Sign in with Apple

Select the app registered in Step 1, then continue and Register.

Configure the key with the primary App ID

Download the key file and store it. Apple lets you download it once.

Download the Sign in with Apple key

Add Apple Merchant ID on the Customer App​

In the Ordering.co Dashboard, open Products → Customer App and add Apple Merchant ID. Use the format Team ID + app identifier, for example LXXXXXXXXF.com.demo.orders.

Customer App Apple Merchant ID

Prepare the private key file​

Open the downloaded .p8 file.

Downloaded Sign in with Apple private key file

Delete the first and last lines (the BEGIN and END wrapper).

Private key with the first and last lines removed

Collapse the remaining lines into a single line (remove the spaces between lines) and copy it.

Private key collapsed into one line

Treat that string as a secret. Do not paste it into tickets or chat.

Add the keys in Social login options​

Open Settings → Pro → Social login options → Apple Sign-in.

Apple Sign-in fields in Social login options

Apple Sign-in with Team ID, Login ID, Private Key, Private ID, and Bundle ID

Apple Sign-in settings ready for the converted private key

Apple Private Key​

Paste the single-line contents of the downloaded key into Apple Private Key.

Apple Private ID​

In Apple Developer, open Keys, select the key you created, copy Key ID, and paste it into Apple Private ID.

Apple Bundle ID​

This is the identifier of the app package. In Identifiers, open the app you created, copy Bundle ID, and paste it into Apple Bundle ID.

Apple Login ID​

Copy the Identifier from the Services ID and paste it into Apple Login ID.

Also enter Apple Team ID from the Apple Developer membership details.

Enable Apple Login​

Set Enable Apple Login to Yes so the Customer App can show Sign in with Apple. Saving the credential fields without this toggle leaves the button hidden. Enabling the toggle does not by itself complete an Apple sign-in.

For the product overview, see Sign in with Apple on Ordering.co.


Back to the main guide