Apple Pay Setup & Customer Checkout flow

SHOPLINE_Support-Premium-Plan.jpgTo provide better customer experience, merchants can now setup Apple Pay as new payment option. 

 

This article will cover:


Setting up Apple Pay

Remarks: You will need a Stripe account to activate Apple Pay payment option. Stripe is now currently only available to merchants located in Hong Kong& USA. Supported currency are HKD/USD.

Transaction fee: 3.4% + HK$2.35 per successful card charge

The price is the same for all major cards. There’s no additional fee for international cards, failed charges, or refunds. For more details, please visit: https://stripe.com/hk/pricing

 

Step 1 : Add Payment Options

Go to your SHOPLINE Admin Panel > "Settings" > "Payment Options" > Press "Add" button

 

Step 2 : setting up your account

Select your "Payment Type" as "Apple Pay" > Click "Activate" to start setting up your account

Apple_Pay_EN_1.png

  

Step 3 : Sign in

You will be directed to a page as shown below. 

If you already have a Stripe account, click "Sign in" on the top right hand corner to login to your account; 
For new registrations, please enter your information below > Click "Authorize access to your account"

Step 4 : Update

You will be redirected back to SHOPLINE admin panel after authorization.

Here you will see the system has updated the payment method with Stripe's secret key & Publishable key. You can now set up your payment processing fee, edit the name of your payment method for Apple Pay and check if you need to exclude any delivery options.

After you've done the setup > Press "Update" to add Apple Pay

Apple_Pay_EN_2.png

 

Step 5 : Add Apple Pay

Log in to your Stripe account again

Choose "Payments" > Click "Apple Pay" tab > Click "Add new domain" button to input your shop domain

Screen_Shot_2017-09-14_at_3.41.01_pm.png

 

Step 6 : Publish

Although Apple Pay has been added, it is currently not visible in your store.

Go back to SHOPLINE admin panel > "Settings" > "Payment Options" > Click "Publish" to start using this payment method in your store

Apple_Pay_EN_3.png

 

Customer checkout flow using Apple Pay

To get started, you will need to add your debit, credit, or prepaid cards to your device first.

Check that you are up to the following standards:

Here we'll demonstrate how to setup Apple Pay in mobile. Click here to learn set up procedures of other devices.

 

Step 1 : Add Credit or Debit Card

Go to "Wallet" > tap "Add Credit or Debit Card"

 

Step 2 : Add a new card

Follow the steps to add a new card. If you're asked to add the card that you use with iTunes, just enter its security code > Tap "Next"

 

Step 3  : Verify your card

Your bank or card issuer will verify your information and decide if you can add your card to Apple Pay. If your bank or issuer needs more information to verify your card, they'll ask you for it.

Go back to "Settings" > "Wallet & Apple Pay" and tap your card

 

Step 4 : Complete

After your bank or issuer verifies your card > Tap "Next"
You can now start using Apple Pay

 

Mobile Web Checkout 

 Remarks: You need to set Safari as browser to place order

 

 Step 1 : Apple Pay

After customers confirm purchase and proceed to checkout, they will see "Apple Pay" button

 

Step 2 : Touch ID

Payment details are then popped up and customers can choose different payment card by clicking the ">" button if they have added more than one card in Wallet.

After that, customers have to authenticate payment by scanning their fingerprint with Touch ID to complete the purchase.

 

Desktop Checkout 

If customers are not using MacBook Pro with Touch ID, the checkout procedure is slightly different. Here we will demonstrate checkout flow using Mac without Touch ID and authenticating payment with iPhone. 

You will need to fulfil the following requirements:

  • Mac is updated to MacOS Sierra
  • Use Safari to place order
  • Both phone and Mac are connected to the same iCloud account 
  • Both phone and Mac bluetooth are turned on


If your device does not support Apple Pay, you'll see the following message in checkout page. Screen_Shot_2017-09-14_at_3.53.36_pm.png

 

Step 1 : Apple Pay

After customers confirm purchase and choose Apple Pay as payment method, a dialog as below is shown.

Customers can double check shipping address and contact information; and choose card for payment if they have added more than one card in Wallet.

Remarks: You can choose credit and debit cards from any iPhone that is nearby and signed into the same iCloud account

 

Step 2 : Confirm 

Click to confirm device proceeding payment and scan fingerprint using selected device 

 

Step 3 : Done

When your payment is successful, you'll see "Done" and a checkmark on the screen

 

Click here to check out other Apple Pay payment procedures 

 

 

 

 

 

Have more questions? Submit a request

Comments