stripe-express doc logo
Launch Stripe Express

Google & Apply Pay Element

How to create google pay, apple pay, microsoft pay by Payment-Request-Button


Prerequisites

For Google Chrome

For Chrome Mobile for Android

For Safari (test your's availability)

  • iOS devices running iOS 11 or later
  • Safari 11 on Mac devices running macOS 10.13 or later
  • verified your domain with Apple Pay, tell Stripe to register your domain with Apple. You can do this by either going to the Apple Pay tab in the Account Settings of your Dashboard

Note: For apple domain association file, we don't need to download it manually, it's already done by our plugin.

Create Payment Button

After the below steps, it will show a payment(apple, google, microsoft..) button which depends on the customer browser availability.

  1. Config digital button element. In plugin admin page, Click Elements tab -> Create, then click 'Digital Wallet' category, then select 'Payment Request Button'. Then fill the fields and save it.
payment-request-button-setting
  1. Copy the shortcode. In Elements list, find the created element just now and copy short code.
element list
  1. Paste the shortcode and explore it. Paste the short code anywhere in your pages and view the page.
element shortcode

Explore the button

If everything goes well, you should see:

chrome preview chrome mobile preview

If the browser doesn't meet above condition, then it will show an error message said not support.