This guide will help you set up the plugin in your Bubble editor to make it work properly.
The plugin guide consists of three parts: Apple Developer Account - to configure your own developer account, Plugins Tab - to configure the Keys, and Plugin API Configuration - to configure the plugin in the Backend workflows and regular workflows.
Also, you can preview the Plugin Features to know about its available features and some hints.
Note: The button language will be automatically set up by the Apple's script.
Click on the plugin element, and it will open its property editor:
"SignInWithApple" property editor
Redirect URI - Backend workflows endpoint URL
Type - text to set up by Apple script, continue or sing in with Apple
Color - button background color, black or white
Enable border - show border around button
The plugin also comes with
AutoRemove URL params visual element which can be used on your working page.
"AutoRemoveURLparams" plugin element
Instead of using the Remove URL params action, you can place this element on page and it will automatically remove the params when a user has signed in with Apple or canceled it and has been redirected to the cancel page.
Note: If there are any params that you need, they will not be removed. The removing action and auto remover element detect only params associated with Sign in with Apple events.
Button Element Logic
Tip: Place the plugin element on the page where you want the button to appear. There is no need to set up the signup/login workflows on click or other events. This will be handled by Apple's script. Just check the Plugin API Configuration and set the required fields like Redirect URI.
Plugin Element Actions
Remove URL params A SignInWithApple - when a user is redirected from backend, the URL contains some params and this action will remove them (it will remove the Apple-related params only!)
Apple SignIn - Authorize User - used in the Backend workflows to authorize a user