Overview
For AR experiences you initiate through the web in iOS 13 or later, you can display an Apple Pay button in AR Quick Look so users can make purchases from your website. You can also display custom action text or a custom banner to best fit your situation.
Requirements
This demo uses Apple Pay JS 3, and requires iOS devices running iOS 13.3 or later
Getting started
This demo assumes you’ve already set up your environment to process Apple Pay transactions, and are familiar with previewing a model with AR Quick Look. Before starting your integration, take a look at Apple’s WWDC 2020 session video, Shop online with AR Quick Look.
Apple Pay
Preview the USDZ model below using the built-in AR Quick Look, and begin an Apple Pay test transaction.
You can customize the following fields for the Apple Pay banner:
Button Type
Title
Subtitle
Price
Embed the code below on your website:
Custom Action
Preview the USDZ model below using the built-in AR Quick Look, then tap the custom action to be redirected to the developer documentation page.
You can customize the following fields for the custom action banner:
Custom Action
Title
Subtitle
Price
Embed the code below on your website:
Custom banner
Preview the USDZ model below using the built-in AR Quick Look, then tap the custom banner to visit the developer documentation page:
You can customize the following fields for the custom banner:
Banner Height
URL
Embed the code below on your website.
Additional resources
Ready to integrate Apple Pay in your AR experience? Here are a few links you may find useful:
Questions or feedback
Check out our developer forums or reach out to us.