Apple Pay is a mobile payment and digital wallet service created by Apple. ReCharge now supports Apple Pay for mobile checkouts in conjunction with both Stripe and Braintree. This guide provides an overview of Apple Pay, how to set it up, and some frequently asked questions.
Requirements and availability
To enable Apple Pay for the your store, you will have to have one of the following payment providers enabled as your primary processor:
Merchants can enable Apple Pay regardless of their location. Apple Pay is available for customers located within the following countries.
- Austria, Belgium, Brazil, Denmark, Finland, France, Germany, Ireland, Israel, Netherlands, New Zealand, Norway, Poland, Singapore, Slovenia, South Africa, Sweden, Switzerland, United States.
Enable Apple Pay
Once ReCharge detects that you're using Stripe or Braintree for payment processing, you'll see the option to enable Apple Pay in the Settings > Checkout menu under Checkout page controls.
The standard ReCharge checkout URL
http://checkout.rechargeapps.com has been verified and does not need further action to begin using Apple Pay.
Use Apple Pay
Once you have enabled Apple Pay, your customers will see the Apple Pay option when checking out with an iOS mobile device using the Safari browser.
When Apple Pay is selected, the customer will be presented with subscription terms to review. When ready to pay, they will proceed by clicking the Apple Pay button.
This button connects to their Apple Pay account and will automatically pull information to complete the checkout process.
Manage a subscription with Apple Pay
Your customers will see that their subscription payment is associated with Apple Pay when they look at the billing information in their customer portal.
Note: If customers change their billing details in their Apple wallet, it will not have any impact on their ReCharge recurring billing. ReCharge will continue to charge the original card associated with Apple Pay during their initial checkout.
To update their billing information, customers will need to switch to a different credit card via their ReCharge customer portal.
Adding discounts at checkout
The Apple Pay interface does not have an area for inputting discount codes. To enter a discount code, the customer will need to add the discount code in the Order Summary section of the checkout before selecting the Apple Pay option.
Can I use Apple Pay with Authorize.net as my payment processor?
At this time, the Apple Pay integration is not available for Authorize.net.
Can a customer checkout using Apple Pay on desktop?
Apple Pay can work for customers running a Mac with the Safari browser. However, the customer will need to have:
- Handoff enabled with their iPhone.
- Apple Wallet enabled.
- iCloud enabled and logged into both devices.
My Canadian customers aren't seeing the Apple Pay button, what's wrong?
Apple Pay is currently only available to customers in a select number of countries. ReCharge is working on adding more countries to this list to help meet the global demand.
Why am I still being charged on my old Apple Pay credit card?
ReCharge uses the credit card associated with Apple Pay during checkout. Customers need to switch to a new credit card via their Customer Portal if this card has changed. Changes made in the Apple Wallet will not automatically be reflected in ReCharge billing.
Can I adjust the subscription terms customers see before proceeding to payment?
You can adjust the subscriptions terms on the Legal Settings page in the app.
Can I translate the 'How will you be paying today?' text?
At the moment, this text cannot be updated. However, future improvements to the feature will allow the Apple Pay subscription disclaimer to be edited.
Can I change the color of the Apple Pay button?
You can adjust the color of the button to white by using custom CSS. You will need target the background-color of the
.apple-pay-buttonelement in your custom CSS by applying the following code.
background-color: white !important;
background-image: -webkit-named-image(apple-pay-logo-black) !important;
background-color: white !important;