{"type":"doc","content":[{"type":"panel","attrs":{"panelType":"warning"},"content":[{"type":"paragraph","content":[{"text":"Please ensure you have followed the steps outlined in ","type":"text"},{"text":"Domain Verification for Apple Pay","type":"text","marks":[{"type":"link","attrs":{"href":"https://blinkpayment.atlassian.net/wiki/x/EwCLK"}}]},{"text":" before implementing Apple Pay.","type":"text"}]}]},{"type":"paragraph","content":[{"text":"To process Apple Pay request, the ","type":"text"},{"text":"ccElement ","type":"text","marks":[{"type":"strong"},{"type":"em"}]},{"text":"and ","type":"text"},{"text":"apElement ","type":"text","marks":[{"type":"strong"},{"type":"em"}]},{"text":"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 ","type":"text"},{"text":"payment token","type":"text","marks":[{"type":"strong"}]},{"text":". This generated ","type":"text"},{"text":"payment token","type":"text","marks":[{"type":"strong"}]},{"text":" is automatically inserted into the payment form, then the whole form with the payment token is submitted.","type":"text"}]},{"type":"panel","attrs":{"panelType":"info"},"content":[{"type":"paragraph","content":[{"text":"The Apple Pay button will only be enabled on iOS devices.","type":"text"}]}]},{"type":"layoutSection","marks":[{"type":"breakout","attrs":{"mode":"wide"}}],"content":[{"type":"layoutColumn","attrs":{"width":66.66},"content":[{"type":"paragraph","content":[{"text":"In a PHP implementation, your payment page may look like this:","type":"text"}]},{"type":"codeBlock","content":[{"text":"...\n\n \n \n","type":"text"}]}]},{"type":"layoutColumn","attrs":{"width":33.33},"content":[{"type":"paragraph","content":[{"text":" ","type":"text"}]}]}]},{"type":"rule"},{"type":"heading","attrs":{"level":2},"content":[{"text":"Elements","type":"text"}]},{"type":"layoutSection","content":[{"type":"layoutColumn","attrs":{"width":50.0},"content":[{"type":"paragraph","content":[{"text":"These are the elements that were fetched from the ","type":"text"},{"text":"Intents","type":"text","marks":[{"type":"link","attrs":{"href":"https://blinkpayment.atlassian.net/wiki/spaces/IN/pages/173375502"}}]},{"text":" resource. Specifically the ccElement and apElement.","type":"text"}]}]},{"type":"layoutColumn","attrs":{"width":50.0},"content":[{"type":"codeBlock","content":[{"text":"{!! $ccElement !!}\n{!! $apElement !!}","type":"text"}]}]}]},{"type":"rule"},{"type":"heading","attrs":{"level":2},"content":[{"text":"Merchant Data Element","type":"text"}]},{"type":"layoutSection","content":[{"type":"layoutColumn","attrs":{"width":50.0},"content":[{"type":"paragraph","content":[{"text":"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.","type":"text"}]}]},{"type":"layoutColumn","attrs":{"width":50.0},"content":[{"type":"codeBlock","content":[{"text":"","type":"text"}]}]}]},{"type":"paragraph","content":[{"text":" ","type":"text"}]}],"version":1}

Browser not supported