Online Consultant
What can we help you with?
How to Add Apple Sign In Button to your Website

First, you will need to login to your Apple Developer account to do the initial setup and get the necessary values. Then go to your website admin panel, Configure Site > Social Login to fill in the values you got, and activate the Apple Sign In button, as well as customize it.

1. Go to https://developer.apple.com/ -> Certificates, Identifiers & Profiles -> Identifiers ( https://developer.apple.com/account/resources/identifiers/list/bundleId ): Click the "plus" icon and create new App Ids. Add Capabilities "Sign In with Apple" and set config with your domain and callback-url

2. Change the filter App Ids to Services IDs ( https://developer.apple.com/account/resources/identifiers/list/serviceId ) -> Click the "plus" icon and create new Services IDs. Add Capabilities "Sign In with Apple" and set config width your domen and callback-url. Copy Identifier value - this is the variable "Apple Client Id"

3. Change the menu to Keys ( https://developer.apple.com/account/resources/authkeys/list ) and click the "plus" icon and create new Keys. Copy Key ID value - this is the variable Apple Key Value. Download the file (Apple only allows you to download this once on the setup) and upload it on the Social Login page, for Apple Key File.

4. Next go to https://developer.apple.com/account/#!/membership/ Copy Team ID value, for the Apple Team ID field.


To add the Apple Sign In button to your website, just copy the Placeholder Text you get from your website Admin Panel Social Login page, and paste it on the Add/Edit Page where you want it. 

Report article by:
Report a concern
0.00 Rating0.00 Rating0.00 Rating0.00 Rating0.00 Rating0 Ratings
Please use the form below to post your comment/rating!
Email (not posted):
1 star out of 52 stars out of 53 stars out of 54 stars out of 55 stars out of 5
Captcha Question
Anna is Bob's sister. Who is Anna's brother?
Switch Question
Subscribe to new comments
Comments/Ratings (0)
Sort By
No Comments, be the first to comment!
Report comment by:
Report a concern