AR Quick Look with Apple Pay Demo

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:


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:


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:


Embed the code below on your website.


                    


Questions or Feedback

Check out our developer forums or reach out to us.