Overview
For AR experiences initiated through the web in iOS 13.3 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 display a custom banner to best fit your situation.
Requirements
This demo is built using Apple Pay JS version 3, and requires the following:
- iOS devices running iOS 13.3 or later
Getting Started
This demo assumes you have 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, we recommend watching our 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. Your card will not be charged.
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 on 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 on the custom banner to be redirected to 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.