How to Integrate Apple Social Login on WordPress

LoginPress Pro Social Login Add-on has now introduced the Apple Social Login integration for your WordPress site.

The Apple Social Login allows users to log in and register to your WordPress site using their existing Apple accounts.

Learn how to integrate it into your login/register form using LoginPress.

Create an App for Apple Social Login in LoginPress

Note: See our complete guide on Social Login to learn how to activate LoginPress Social Login Add-on. 

Apple provider requires an active subscription to the Apple Developer Program, which costs $99 annually. You must enroll in the developer program to proceed. 

The steps for creating an app to use Apple Login in a web application are as following:

Step 1: Create an Apple ID

1. Navigate to Identifiers.

2. Click the blue + icon next to Identifiers, then select the App IDs option and click the Continue button.

3. Choose the App option as type and click the Continue button.

4. Enter a description for your APP ID.

5. In the Bundle ID field, select the Explicit option and enter your domain name in reverse-domain name style, with the app's name on its end. (i.e., com.domainname.appname)

6. Under the Capabilities section, tick the Sign In with Apple option.

7. Scroll up and press the Continue button and then the Register button.

Step 2: Create the Apple Key

1. Navigate to the Keys tab.

2. Click the blue + icon next to Keys.

3. Enter a name in the Key Name field.

4. Tick the Sign In with Apple option, then click on Configure.

5. Select the app you just created from the Primary App ID dropdown, then click Save.

6. Finally, press the Continue button and then the Register button.

7. Don’t download the key yet, we will do that later in the coming steps.

Step 3: Create the Apple Service

1. Navigate to Identifiers again. 

2. Click the blue + icon next to Identifiers, then select the Services IDs option and click the Continue button.

3. Enter a description for your Services ID.

4. In the Identifier field, enter your domain name in reverse-domain name style, with the name of the client at its end. (i.e., com.domainname.clientname)

Note:  Keep the “com.domainname” part same as set previously in Step 1 but change the clientname part here, otherwise, you may face this error: “An attribute in the provided entity has invalid value. An App ID with Identifier is not available. Please enter a different string.”

5. Now click the Continue button and then the Register button.

6. In the Services IDs section, click the service you just created.

7. Tick the Sign In with Apple option and click the Configure button next to it.

7.1. Select the App from Primary App ID dropdown you created in Step 1. 

7.2. Fill in the Domains and Subdomains field with your domain name. For example: loginpress.pro.

7.3. Add the following URL to the Return URLs field:

https://yourdomainname.com/wp-login.php?lpsl_login_id=apple_check

Note: Make sure to replace “yourdomainname.com” with your domain name, as in our example: loginpress.pro.

8. Click the Next button. Before proceeding with Done, review the Primary Bundle ID and Website URLs, as these settings can not be edited later. 

9. Finally, click the Continue button and then the Save button.

Step 4: Apple Social Login Settings

Now, follow the steps below to add keys to the LoginPress Social Login settings for Apple.

Go to LoginPress > Settings and open the Providers tab from the Social Login tab. Click the Configure button for Apple. After enabling Apple login, you will see four fields. 

1. Service ID: Navigate to the Identifiers tab in the Apple Developer account. You will find the Service ID under the IDENTIFIER column. Copy it and paste it into the Service ID field. 

2. Key ID: Navigate to the Keys tab. Click on the name of your Key and you will see the Key ID. Copy and paste it into the Key ID field. 

3. Team ID: It is a 10-character long identifier that you can find in the top-right corner under your name. Copy it and paste it into the Team ID field.

4. Private Key: Now, click the Download button for the Key you have generated in Step 2. Once this file is downloaded, it will no longer be available, so keep it safe! Open the downloaded file with a text editor like Notepad, copy all of its contents, and paste it into the Private Key field.

Make sure you copied everything from the key file you downloaded, including the following parts:

—–BEGIN PRIVATE KEY—–

—–END PRIVATE KEY—–

After saving your changes, verify your app settings. This will generate a token that validates the authorization grant code provided to your app. Please note that this token cannot be edited directly. This indicates that your configuration for Apple social login is successful. 

You should now see this screen that ensures the token has been generated successfully.

If you need to reset the settings and use some other keys, click the Reconfigure button and follow the same steps again. 

Once finalized, you can see the Apple Social Login button on your WordPress Login forms as shown below:

Conclusion

We hope you now understand how to integrate Apple Social Login into your WordPress login and registration form.

That’s all for this guide.

Looking to add more social logins to your WordPress site with LoginPress? Check the following docs:

• How to Add Facebook Social Login
• How to Add Twitter Social Login
• How to Integrate LinkedIn Social Login
• How to Integrate Google Social Login
• How to Integrate GitHub Social Login
• How to Integrate Discord Social Login

Feel free to contact us if you have any further questions or need help.