Apple Pay Payment Page

To process Apple Pay request, the ccElement and apElement must be rendered on the page. The customer name and email must be filled in. When the Apple Pay button is clicked, the customer will be prompted to pick a card from their Apple wallet and authorise the payment. Once authorised, Apple will respond with a Apple Pay payment token. This generated payment token is automatically inserted into the payment form, then the whole form with the payment token is submitted.

The Apple Pay button will only be enabled on iOS devices.

In a PHP implementation, your payment page may look like this:

...
<body>
    <form method="POST" action="process" id="payment">
        @csrf
        {!! $ccElement !!}
        <input type="hidden" id="merchant_data" name="merchant_data" value="{\"order_id\": \"12345\"}" />
        <button type="submit">Submit</button>
    </form>
    <form method="POST" action="apProcess" id="apPayment">
        @csrf
        {!! $apElement !!}
        <input type="hidden" id="merchant_data" name="merchant_data" value="{\"order_id\": \"12345\"}" />
        <button type="submit">Submit</button>
    </form>
</body>

Elements

These are the elements that were fetched from the Intents resource. Specifically the ccElement and apElement.

{!! $ccElement !!}
{!! $apElement !!}

Merchant Data Element

This is an optional element, which is hidden. It can be used to send important order or customer details that should be linked to the transaction. The value should be json string with double quotes delimited by backslashes.

<input type="hidden" id="merchant_data" name="merchant_data" value="{\"order_id\": \"12345\"}" />