Sign in with Apple

Use this Guide to Use Apple Sign-In with Your App

In-Depth Guide

1) Install the Sign in with Apple component from the Adalo Marketplace

1. Click the plus button in the left toolbar in Adalo

2. Scroll down and click the Explore Marketplace button

3. In the Marketplace, scroll to find the Sign in with Apple component and click the install button

2) Add the Sign in with Apple component to your Sign Up and Login screens

1. Click the plus button in the left toolbar in Adalo

2. Search for the Sign in with Apple component

3. Drag the component on to your Sign In screen (and do the same for your Login screen)

4. Follow the steps below to configure the component:

3) Apple Bundle ID

If you have a Bundle ID:

1. Sign into your Apple Developer Account and go to Identifiers

2. Click on your App ID

3. Scroll down and check Sign In with Apple and then 'Save'

If you don't have a Bundle ID:

If you haven't already, follow the first three steps in our Publishing to the Apple App Store guide

1. 1. Create your Apple Developer Account

   2. Set up Annual Payment for your Apple Developer Account

   3. Create your Apple Bundle Id

      1. Follow steps 1-10 of this guide.

      2. After you select "Push Notifications" in the Capabilities step, also select the checkbox next to Sign in with Apple and enable it as the primary App ID

      3. Click to Register your Bundle ID

Note: You will need to create a bundle ID for your app in your Apple Developer Account even if you are only publishing your app to Web or Android, but not iOS. If you are publishing your app to multiple platforms, you will only need to create one bundle ID.

4) Create a Service ID for your app with Apple

1. Go to https://developer.apple.com/account/resources/identifiers/add/bundleId

2. Select Services IDs

3. Click Continue

4. Enter a Description (or name) for your Service ID such as "My Trip App" and a unique identifier for your service such as mytripapp.client. Then click "Continue"

5. Click Register

6. Now, on the list of Identifiers in your Apple Developer account, click on the Identifier you just created to further edit it.

7. Below the name and description, check the box next to Sign in with Apple, and then click the "Configure" button.

8. In the modal, make sure that your app is selected as the Primary App ID. Then, you'll need to enter at least 2 values:

• Enter "previewer.adalo.com in the Domains and Subdomains box

• Enter "https://previewer.adalo.com in the Return URLs box

If you're using a custom domain you will also need to add those to the lists:

• Enter your own custom URL for your app in the Domains and Subdomains box (example: app.yoursite.com

• Enter your own custom URL for your app in the Return URLs box (example: https://app.yoursite.com)

If your app doesn't show up in the Primary App ID field, make sure to head back to your Bundle ID setup and add the Sign In with Apple Capability. (See Step 3)

9. Completed your Service ID setup by clicking Next, then Done, then Continue, then Save (ignore warning)

NOTE: Apple allows users to obfuscate their emails from your app, meaning if the users chooses, you will not be able to see their real email. If you plan to gather emails for mailing lists or send transactional emails to users who sign up via Apple Sign-in, you will need to do two things:

1. Setup sending emails from your custom domain from an email service such as SendGrid, Mailerlite, Postmark, Mailchimp, etc.

2. Tell Apple which domains and email addresses your users will be receiving emails from so they can forward them appropriately. To do this go to https://developer.apple.com/account/resources/services/list and configure your domains and email addresses.

5) Enter your Service Id into your component setup in Adalo

6) Customize your button styles and add a link action

Help

If you need additional help with this article, you can always ask in our community forum! Be sure to paste the link to this article in your post as well!