{"title":"Afterpay Component","category":"default","creationDate":1776961628,"content":"

This page explains how to add Afterpay to your existing Web Components integration.<\/p>\n

Requirements<\/h2>\n

Select the server-side flow<\/a> that your integration uses:<\/p>\n\n

\n
\n \n <\/tabs>\n <\/div>\n<\/div>\n\n

When making an Afterpay payment, you also need to:<\/p>\n

    \n
  1. Collect shopper details, and specify these in your payment request.\nAfterpay uses these for risk checks.<\/li>\n
  2. Provide information about the purchased items.<\/li>\n
  3. Make sure that you use a supported combination of country\/region and currency<\/a>.<\/li>\n<\/ol>\n

    API reference<\/h2>\n

    Select which endpoint you are using:<\/p>\n\n

    \n
    \n \n <\/tabs>\n <\/div>\n<\/div>\n\n

    Component configuration<\/h2>\n

    Step 1: Create a DOM element<\/h3>\n

    Create a DOM element on your checkout page, placing it where you want the payment method form to be rendered:<\/p>\n

     <div id=\"afterpaytouch-container\"><\/div><\/code><\/pre>\n
    Step 2: Create an instance of the Component<\/h3>\n
    v6.0.0 or later<\/h4>\n
    Create an instance of the Component, passing:<\/p>\n