To add Apple ID as a login option to the WiFi journey:
Configure the domains under the walled garden ( whitelist / ACL ) of your AP or controller. From our Walled Garden Domain Whitelist page, select your hardware type and whitelist the corresponding Apple ID URLs that display.
Next, log in at the company or venue level and navigate to Onboarding > Splash pages.
The next steps will depend on whether you are creating or editing a Standard or HTML splash page. Apple ID requires no additional configuration beyond being added at the splash page level.
Splash Page - Standard
After selecting 'Create new template' and selecting the type as 'Standard', a page will display which allows you to choose which elements to include.
One of the sections regards the connection method. Select the Apple option for it to display as an option to end users:
Connection methods can be arranged by dragging them using the three lines in the top right of each box:
When finished, select 'Save' in the top right-hand corner of the page. The splash page must be assigned to an access journey for it to show to end users.
More information on standard splash pages is available here.
Splash Page - HTML
Select 'Create new template' then the type 'Custom HTML'.
Custom HTML splash page templates are intended for users who have a good knowledge of HTML, CSS and JavaScript. Standard templates are better for those unfamiliar with HTML.
Select the HTML tab at the top of the page. This is where to add the Apple authentication snippet code.
Snippets are short codes that you can embed in your HTML splash pages to render common elements. When the splash page compiles, the snippets convert into HTML.
To insert a snippet, ensure your cursor is in the correct location and click on the required snippet title. Use the following snippet to insert the Apple authentication link:
Name |
Snippet Code |
Description |
Example HTML Output |
Apple |
[[!AppleAuthLink]] |
Embeds an HTML anchor element to allow visitors to authenticate on to your WiFi via Apple ID including face and touch ID. |
<a href="#apple" data-auth-provider="apple">Apple</a> |
Select 'Save' in the top right-hand corner of the page when complete. The splash page must be assigned to an access journey for it to show to end users.
A detailed guide is available for custom HTML splash page templates.