Follow the display conditions below.
Missing conditions here IF it returns paymentCredentialsAvailable OR paymentCredentialStatusUnknown(use 2nd option only if you want customer to going into adding a new card journey, not recommended in initial 2 months due to increased friction)
File hosting is required on websites where Razorpay Checkout loads as an overlay/iframe. This includes: WooCommerce, Magento and other ecommerce platforms where Razorpay appears as an overlay. Any website where checkout.razorpay.com iframe is embedded. No file hosting required on: Shopify, Mobile SDKs (Flutter, Native iOS, React Native) and Razorpay no-code solutions, such as Payment Links, Payment Pages, Payment Handles (razorpay.me) and Invoices. File hosting is required if you use both hosted checkouts and overlay iframe integration (a non-Shopify website where an iframe loads as an overlay and Payment Buttons) on your business id. Please do not activate Apple Pay if you have both these kinds of checkouts unless you have hosted the file at the exact path.
Move to top of this section
Each domain requires its own verification. Domain verification must be completed before Apple Pay is activated.
remove these two lines
logo
brand mark
Log in to the Razorpay Dashboard. Navigate to Accounts & Settings → International Payments (under Payment Methods). Find Apple Pay, review and accept Apple's Terms and Conditions.
If you have have uploaded the file or have not requested to opt-out Apple Pay, we will assume you are okay with Apple's guidelines
Apple's Terms and Conditions.
https://developer.apple.com/apple-pay/acceptable-use-guidelines-for-websites/
example
Repeat this process for all domains and subdomains.
Repeat this process for all domains and subdomains from where checkout is getting initiated from with an overlay iframe.
If you use both hosted checkout and iframe integration on the same domain, file hosting is required.
If you use both hosted checkouts and overlay iframe integration(non-shopify website where iframe loads as an overlay and Payment Buttons) on your merchant ID, file hosting is required. Please do not activate apple pay if you have both these kinds checkout unless you have hosted the file at the exact path.
Shopify, Mobile SDKs (Flutter, Native iOS/Android, React Native) and Razorpay no-code solutions, such as Payment Links, Payment Pages, Invoices and Payment Buttons.
Hosted checkouts: Shopify, Mobile SDKs (Flutter, Native iOS, React Native) and Razorpay no-code solutions, such as Payment Links, Payment Pages, Payment handles(razorpay.me), and Invoices.
Prerequisites
Add one more point - Add applepay mark to your website where you are showing payment method illustrations so that the user know your website supports applepay.
Official Apple Marketing Guidelines – [View here](https://developer.apple.com/apple-pay/marketing/
Apple Pay Mark – You can download the mark here.
Watch Out!
add one more point, File hosting to be done on websites where razorpay checkout(razorpay iframe) is loading as an overlay on your website. Give illustration. This is required or else applepay payments will not work form such websites. This includes woocommerce, mangento and other website platforms.
However, for the merchant - Shopify, SDK SDK(flutter, native, and react-native), and other razorpay no-code apps(payment links, payment pages, invoices, payment handles etc. will work without any file hosting.
It is important to note if you have both, you would required to host a file.
Frequently Asked Questions
Add one more faq and in the main body How to identify an apple pay payment?
The following text can be used to identify applepay transactions: payment notes will have the following text: {"provider":"apple_pay",} "notes": { "provider": "apple_pay" }
how will webhook of cards and apple pay differ?
Structural differences between Apple Pay and Card payment.captured events.
Apple Pay (pay_RIKw6RMeePrIYY)
"notes": { "provider": "apple_pay" }
Card (pay_RIa28okbTskirS)
"notes": [], "token_id": "token_RIa2YPNM92wfzv"
Integration
same as above? Can we make this more exciting?
Standard Integration
Change to Standard Checkout
Watch Out!
this is more a note type thing than a watch out. its more like a worry not.
Display Conditions Show button when paymentCredentialsAvailable returns true. Optionally show for paymentCredentialStatusUnknown (adds friction for new card setup).
to be removed, not needed for ios
"app": { "name": "apple_pay" },
can we highlight this in anyway.
designs
this will be linked I assume
Do not use the official Apple Pay button.
can skip this part, say only use razorpay provided..., this makes us sound a little suspicious.
Existing S2S Integration
maybe link how they can get s2s integration here
45
make this 75%
the
our
After Apple Pay is enabled and integrated, it appears on your Checkout page as a payment option, providing a frictionless checkout experience for international customers.
Just keep this to - Apple Pay once integrated provides a seamless and high trust checkout experience to your customers.(We are only live for customers transacting from outside India at this moment)
face id or touch id
FaceID/TouchID
Is
add contact details of me(9500158866) and navee(9740506890)
Apple Pay is available in 70+ countries. Customers from these regions can make payments to your business.
Apple Pay transactions are charged at the same rate as regular international card payments.
Reach out to your account manager for details.
Apple Pay capabilities
Step to be changed to - if using web view, integrate apple pay JS AP and then perfrom applepay capabilities check. and follow display conditions.
for SDK screen, integrate Passkit SDK and then perfrom canMakePayments(usingNetworks: Visa, Mastercard)
NOTE: Do not show the official applepay button in both these cases. Use only razorpaypay provided applepay designs
Button Design Guidelines:
Add one points that says follow official applepay guidelines - link - https://developer.apple.com/apple-pay/marketing/
designs
provide link to jpeg
official
remove word official