How To Guides
How to Setup Apple Pay on your Miva Store
5. Implementation Guide & Best Practices
6. Enable Apple Pay on your Payment Gateway
Prerequisites
- Apple Pay for Miva only works with Authorize.net and Braintree payment gateways.
- Future updates will support Chase Paymentech and Cybersource.
- Apple Pay only works on secure (https) pages
- Apple Pay only works with the Safari Browser version 10.0 or later and MacOS Sierra
- Requires Bluetooth 4.0 for Continuity which is how it works behind the scenes
- You must be using Miva 9.0065 or later to use Apple Pay
Learn More about Braintree Here
Learn More about Authorize.net Here
Enable Apple Pay
Under Payment click Add/Remove Modules and install the Apple Pay Module. Once installed there will be a new Tab Group under Payment -> Settings where you can map the Apple Pay payment methods to one of supported payment gateways in Miva. The default value will be "Automatic". This setting will automatically choose the first gateway you have installed which supports Apple Pay.
You can override the Automatic setting to explicitly map a payment gateway. This is useful in the case where you have more than one Apple Pay supported gateway setup in your store and you want to use one vs another. Currently only Authorize.net and Braintree payment gateways in Miva support Apple Pay. You will need to have one of these gateways installed in your store to setup Apple Pay.
Adding Apple Pay to Your Page Templates
Note: The Apple Pay button can only be displayed on a secure page (https). If you want to use the Apple Pay button on your basket or product page you need to make sure those pages are being served over https. To learn more about making your site all https click here.
Please see the Implementation Guide and Best Practices below for explicitly Apple Pay button placement.
It is recommended for best conversion results using Apple Pay, the Apple Pay button is placed on the following locations:
- Product Page
- Basket Page
- Bill To / Ship To (OCST)
- Global Mini-Basket
Each page you want to place the Apple Pay button, it requires 3 steps
- Assign ApplePay Item to page
- Add Head Tag ApplePay Item
- Add Button Tag Item
Items:
Head Tag Item:
Product Page Tag:
Basket/Checkout Tag:
Note: The Apple Pay button on the product page (with the param="product" above) allows the customer to quickly purchase just the item they are viewing. Any additional items in their cart are ignored. All other Apple Pay buttons will purchase the entire cart.
Button Settings
Apple Pay buttons have a few configuration options which allow you to customize: type, style as well as button height and width.
Type Choices:
- Plain
- Buy With Apple Pay
Style Choices:
- Black
- White
- White with Outline
Customizing the Apple Pay Button
Apple recommends that the width and height of the Apple Pay button match existing buttons on your website. Apple Pay payment buttons can be equal to or larger than similar payment or checkout buttons. Do not specify a size that is smaller than other buttons.
The buttons height and width can be set via the Miva admin. This height and width are set on a per page basis. For additional style guidelines please see Apple's style guidelines here
Apple Pay Button Color Options
Buy with Apple Pay White with Outline
Buy with Apple Pay White
Buy with Apple Pay Black
Apple Pay Plain White
Apple Pay Plain White with Outline
Apple Pay Plain Black
Implementation Guide & Best Practices
Apple Pay on Product Display Page
Apple Pay on Basket Page
It is recommended the button be placed at the very top of the page to avoid confusion with the other fields on the page
Note: A locked “sticky bar” at the bottom of the screen helps increase conversions (especially on mobile).
Enable Apple Pay on your Payment Gateway
Before you can use Apple Pay you need to allow your payment gateway to accept Apple Pay.
- Log in to Braintree
- Go to Settings -> Processing
- Under Accept Apple Pay click "Enable"
You need to do the domain verification. Here is the screen and steps:
Authorize.net
No settings are needed for Authorize.net
Currently, Authorize.net supports Apple Pay on the following Merchant Processors:
- Chase Paymentech
- Global Payments
- TSYS
- First Data (Nashville)
Error Validation
As of Miva 9.12 Apple Pay now supports error validation. This means that missing required address fields will now be validated before the order is allowed to be placed. Miva will use the required fields you have configured within Miva to determine which fields are set to be required.
