{
    "componentChunkName": "component---src-templates-article-page-template-js",
    "path": "/concepts/payment-methods-overview/",
    "result": {"data":{"markdownRemark":{"frontmatter":{"title":"Payment methods overview","slug":"payment-methods-overview","updated":"2021-02-01T00:00:00.000Z","category":"concepts-payments","ingress":"This article provides an overview of different payment methods in Flex.","skills":null},"htmlAst":{"type":"root","children":[{"type":"element","tagName":"h2","properties":{"id":"introduction-to-payments-in-flex","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#introduction-to-payments-in-flex","ariaLabel":"introduction to payments in flex permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Introduction to payments in Flex"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Enabling customers to pay for their bookings and handle the transaction\nflow efficiently is one of the most valuable features of Flex. Flex\nleverages Stripe for payments and offers multiple different ways for\ncustomers to pay for transactions. The following are the currently\nsupported payment methods, divided into two categories - pull and push\npayment methods:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"Pull payment methods\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"card payments"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"similar to card payments (Google Pay, Apple Pay, Microsoft Pay)"}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"Push payment methods\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"Alipay"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"Bancontact"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"EPS"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"giropay"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"iDEAL"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"text","value":"Przelewy24"}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"In Stripe's terms, Flex supports payment methods that have "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"immediate\npayment confirmation"}]},{"type":"text","value":" (see the table\n"},{"type":"element","tagName":"a","properties":{"href":"https://stripe.com/en-fi/payments/payment-methods-guide#choosing-the-right-payment-methods-for-your-business","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"in this section of Stripe's guide to payments"}]},{"type":"text","value":")\nand that are supported by Stripe's PaymentIntents API. Mostly, these\npayment methods fall under either Cards,\n"},{"type":"element","tagName":"a","properties":{"href":"https://stripe.com/docs/payments/payment-methods/overview#bank-redirects","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"Bank redirects"}]},{"type":"text","value":",\nor\n"},{"type":"element","tagName":"a","properties":{"href":"https://stripe.com/docs/payments/payment-methods/overview#wallets","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"Wallets"}]},{"type":"text","value":"\nin Stripe's classification."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"Note: Flex does not support payment methods that require the use of\nStripe's older Sources API."}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This article presents how payments flow depending on whether you use\ncard (or similar) payments or have enabled any other push payment\nmethod. The article also describes the tradeoffs you need to consider in\ndesigning the transaction process involving payments."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"money-flow-in-different-scenarios","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#money-flow-in-different-scenarios","ariaLabel":"money flow in different scenarios permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Money flow in different scenarios"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Understanding how money flows when using card payments or push payments\nis crucial for understanding how to design the transaction process in\nFlex."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"card-payment-flow","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#card-payment-flow","ariaLabel":"card payment flow permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Card payment flow"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"For card payments, the payment flow starts with a preauthorization. The\nmoney is reserved but not yet charged from the customer's credit card.\nAfter a charge, Stripe moves money to the provider's Connect Account\nBalance in Stripe and holds it there until a payout is issued."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 635px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/docs/legacy/static/c1730ebe3afba7af9cf90714ad2e0de7/53fb6/card-payment-flow.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 70.44025157232704%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAACXBIWXMAAAsTAAALEwEAmpwYAAACNUlEQVQ4y3WT21LbMBCG8/7PRClMaQM5GgPjmACJ4ziydVpJtpP06u9IdiBM4eKftQ77eU8amOYA2x7hrWuP2NkaKWksDb3rUUk8Kflpz99ZGQPbHGDaD8ZA2QaVthDkILXD2liMVYURZ7irdpjIEldVgeuqwESUYW/MGUaywhMp2PoArl2QtA0GgmpkO47XnIFxjY11mGuBX6s3XKYLTHmJB6MQa4mrlyV+pAtcPqe4KwukhgLQ+z+vcnBtMWj2R2SyxuRxgb+HY4hwTgL3uhdJRFoEzRVH3NuZ5khIwzVHUL0H1W2Xsq73yLXFmgsw47AxFjMtEJMMkUXnUL9HKpz5O4sAPICafailBw/8glMDxmoot8fGueDoIXEPCt9GBftoO+uByRnQnIDKtSjIYmssSlNjyQV+51mo08/nFBdpgotFgtsix6gsMNtWuBcCM/oc4TvQpyxcC+EaePiKKBR8uM0wYlsMt5sAm3CGSHPEXCBWMtQ5IfU/MMxhL19g3+XISDwohWjH8SfPcPW6xM36DWNRYqQq3AqGW1F+RFifAU+LEzjzXfZ1kwJRxTEVJW6yFcY+XcUxVRxjWeFOlliYDtg9jm+AG9sBT132DXiwOjTFN2goGKaywrDIcZ0ssN4ysMpAVk14Md9GGPcjcq9lP5MyaN7PpJ/DiO2gTA3tWpDpOF8CJ5p3jiTCeJzLR+zP/J3EEOr2COrf86eUvfVAZmu8GMJrr5cvrcGSKPz8NNAnzj+xkhEvG5EB0QAAAABJRU5ErkJggg=='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"picture","properties":{},"children":[{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/c1730ebe3afba7af9cf90714ad2e0de7/82e29/card-payment-flow.webp 159w","/docs/legacy/static/c1730ebe3afba7af9cf90714ad2e0de7/ef33f/card-payment-flow.webp 318w","/docs/legacy/static/c1730ebe3afba7af9cf90714ad2e0de7/f1837/card-payment-flow.webp 635w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/webp"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/c1730ebe3afba7af9cf90714ad2e0de7/8b9b5/card-payment-flow.png 159w","/docs/legacy/static/c1730ebe3afba7af9cf90714ad2e0de7/fa108/card-payment-flow.png 318w","/docs/legacy/static/c1730ebe3afba7af9cf90714ad2e0de7/53fb6/card-payment-flow.png 635w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/png"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"src":"/docs/legacy/static/c1730ebe3afba7af9cf90714ad2e0de7/53fb6/card-payment-flow.png","alt":"Card payment flow","title":"Card payment flow in Flex.","loading":"lazy","decoding":"async","style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;"},"children":[]},{"type":"text","value":"\n        "}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The preauthorization is valid for seven days, after which Stripe\nautomatically releases it. You can use the preauthorization to configure\nthe transaction process to allow the provider to accept or decline the\ntransaction. If the provider declines the transaction, Stripe collects\nno processing fees since money has not been transferred."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Finally, the transaction process can hold money in Stripe until an\nexplicit payout (The hold should not exceed three months). The mechanism\nallows you to build a transaction process where the money is in an\nescrow-like hold until an explicit payout. The hold ensures some safety\nfor the customer as the marketplace controls the money until a payout.\nThe process can issue the payout in a separate transition."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"push-payment-flow","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#push-payment-flow","ariaLabel":"push payment flow permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Push payment flow"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"For push payments, there is no preauthorization. Once the customer\nconfirms the payment, it gets captured automatically and a charge is\nmade immediately. The charge moves money immediately to the provider's\nStripe Connect account."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 635px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/docs/legacy/static/12a8511eb7b07e24101c435b5f8975b7/75f62/push-payment-flow.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 70.44025157232704%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAOCAYAAAAvxDzwAAAACXBIWXMAAAsTAAALEwEAmpwYAAACOElEQVQ4y42TbVPaQBSF+f+/qNoXtYoWFANKBARiSIBks++bEOin07mbSHWsM/1wks0u+8w59146ptrD7g5e5e6AjXUYK4Gp0V4TrTDgzGti1HE/1BILrfH2Pqmj3A65NMilhdAOK2vREzmutymu1gn6RYZztsFZvkYv36C7SfxZj2cYKwld1siFQSY0CuXQoY3VhmGyeAFXFom1GMgC58s5vozH6LMtHrTASHF8m0393kkY4nqTeMemrPGyzhHOX8CkQYdsSu0wm0eodr+RWoeB4hg7jbA0GFmJkZEYaoFAcTzStxYYqAKhkj6yqw9ePrJ0O8TaIHYOFD+Sysf6Ppvi6+QJp5MnnDyF6KYr3GzXuIszBHnxF1jWPjaB6d2RZY1nLjFdCxSmQiQULtMY54s5fkYLnC3m+P48RTeNvcOh4AgEfwck2BHou1TuYUQNVx2Quibyg5F4tApDI46R72Xh4xKY6twA9++B9NBVDVPv4ao9EmNxJ5i/NDLNZYIda6iFbxKt/+lQv9kg4IqAiiFgBQZpjos48jX8MX9Gr8jQ5Rmuiq1/f+rwA1AyBJz74tMcXkRL/NqmuOV5M6MELrL/c0hzSMChr6Noo7c1VAUu2RZ9nuNmneD04RGzKEHGDERWecYnDosGqJpGBK3u34iaEmQZuC69M22bXhyBugXGxqIvWHNRcQ8ftKI1OaazW8kQagVb7T+OjW6Hkw5zV/k/fWQMllpjaUy7Nn79KvoNTcTrYL8a+wNorg5Upk4ImAAAAABJRU5ErkJggg=='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"picture","properties":{},"children":[{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/12a8511eb7b07e24101c435b5f8975b7/82e29/push-payment-flow.webp 159w","/docs/legacy/static/12a8511eb7b07e24101c435b5f8975b7/ef33f/push-payment-flow.webp 318w","/docs/legacy/static/12a8511eb7b07e24101c435b5f8975b7/f1837/push-payment-flow.webp 635w","/docs/legacy/static/12a8511eb7b07e24101c435b5f8975b7/29549/push-payment-flow.webp 953w","/docs/legacy/static/12a8511eb7b07e24101c435b5f8975b7/c5420/push-payment-flow.webp 1270w","/docs/legacy/static/12a8511eb7b07e24101c435b5f8975b7/97848/push-payment-flow.webp 1943w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/webp"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/12a8511eb7b07e24101c435b5f8975b7/8b9b5/push-payment-flow.png 159w","/docs/legacy/static/12a8511eb7b07e24101c435b5f8975b7/fa108/push-payment-flow.png 318w","/docs/legacy/static/12a8511eb7b07e24101c435b5f8975b7/53fb6/push-payment-flow.png 635w","/docs/legacy/static/12a8511eb7b07e24101c435b5f8975b7/5a426/push-payment-flow.png 953w","/docs/legacy/static/12a8511eb7b07e24101c435b5f8975b7/91155/push-payment-flow.png 1270w","/docs/legacy/static/12a8511eb7b07e24101c435b5f8975b7/75f62/push-payment-flow.png 1943w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/png"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"src":"/docs/legacy/static/12a8511eb7b07e24101c435b5f8975b7/53fb6/push-payment-flow.png","alt":"Push payment flow","title":"Push payment flow in Flex.","loading":"lazy","decoding":"async","style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;"},"children":[]},{"type":"text","value":"\n        "}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"This means that refunds can be issued only at a point where money has\nalready moved and the marketplace must cover Stripe fees. You should\ntake this into account when designing the transaction process of your\nmarketplace. Either declining the transaction should be disabled,\nhandled through availability management, or accounted for in\ncommissions."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The rest of the money flow is the same as with card payments and has the\nsame features and capabilities."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"using-different-payment-methods-in-your-marketplace","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#using-different-payment-methods-in-your-marketplace","ariaLabel":"using different payment methods in your marketplace permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Using different payment methods in your marketplace"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"customizing-the-transaction-process","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#customizing-the-transaction-process","ariaLabel":"customizing the transaction process permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Customizing the transaction process"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"The\n"},{"type":"element","tagName":"a","properties":{"href":"https://github.com/sharetribe/example-processes/tree/master/flex-default-process","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"default transaction process"}]},{"type":"text","value":"\nin Flex supports card payments. The general article on\n"},{"type":"element","tagName":"a","properties":{"href":"/docs/legacy/concepts/transaction-process/"},"children":[{"type":"text","value":"the transaction process"}]},{"type":"text","value":" describes the\nprocess in more detail."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"blockquote","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"strong","properties":{},"children":[{"type":"text","value":"A note on Google Pay, Apple Pay, and Microsoft Pay"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"Even though Google Pay, Apple Pay, and Microsoft Pay are similar to\ncard payments, they require some changes to the default implementation\nof FTW. To enable them in FTW, you need to follow the\n"},{"type":"element","tagName":"a","properties":{"href":"https://stripe.com/docs/stripe-js/elements/payment-request-button","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"Stripe instructions on the Request Payment Button"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"If you wish to enable push payments, you need to adapt your transaction\nprocess. For instance, you need to add a new transition that includes\nthe\n"},{"type":"element","tagName":"a","properties":{"href":"/docs/legacy/references/transaction-process-actions/#actionstripe-create-payment-intent-push"},"children":[{"type":"text","value":"stripe-create-payment-intent-push"}]},{"type":"text","value":"\naction. Further, because push payments do not have a preauthorization\nphase, it is recommended to avoid that in the transaction process and\nuse an "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"instant booking"}]},{"type":"text","value":" type of flow. The example below describes the\nminimum recommended changes in the two transitions:\n"},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"request-push-payment"}]},{"type":"text","value":" and "},{"type":"element","tagName":"code","properties":{},"children":[{"type":"text","value":"confirm-payment-instant-booking"}]},{"type":"text","value":". The\nexample illustrates how you can still use the preauthorization step for\ncard payments."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-wrapper"],"style":"position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 635px; "},"children":[{"type":"text","value":"\n      "},{"type":"element","tagName":"a","properties":{"className":["gatsby-resp-image-link"],"href":"/docs/legacy/static/47cb36cd5e21952edf1409a0db93d095/0d005/push-payment-process.png","style":"display: block","target":"_blank","rel":["noopener"]},"children":[{"type":"text","value":"\n    "},{"type":"element","tagName":"span","properties":{"className":["gatsby-resp-image-background-image"],"style":"padding-bottom: 93.08176100628931%; position: relative; bottom: 0; left: 0; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAATCAYAAACQjC21AAAACXBIWXMAAAsTAAALEwEAmpwYAAAC4UlEQVQ4y32UiW4jNxBE9f8fl2wQxFhDXsvWNRfvezQSXkCOVmuvkQzQwznI6q5isTfaJ0zI1PH3MPdR3ePx/T7fxkI/CfbHA9qF9n3zmBQzJt0jZnQo6JBxsZDnC3leiHl+JPkJ2B17dk9btPG/ACuA6ALjzjG9R1SvsbJHjT3zPHO73YgxUS+XyyNxfX7fC56ejkiT7oA2IfrA8MMxbC2n74bTy5FhmhDG41MhlZkUI7FcWuLp4FsYk9n1A39st4hPlF1Ch7XS0XhOxz2nfkTYiLCBt8OZt92O46hb0u4fQ/9kmfaeSXt6YZE2roD11iKuYdMF6zxWDOipJ4ZIqRqm2HR0pWBLweTcqp+XK5fl2nR+AFbacoooGVD9AS169NShpzNlzvgQMdaTc2aaHK8vHe/7sYEsSy3ANX1tzGyGF8fwbDn/ZRieNWrskLImCEgRMSohlGEcp7YR05vn9KdqtLVK+FzwseBSaTu/0Sa1CqsFbEiNqtEzSqxVS5GYpGboO6Rbda5zP3rRpflhpZVySAzS0o2S7nykkwZhfVtcNcqlEEJkWRaszfTCME6OnBfmy6X9u95uK2Xj10wNcJL05xOd+AB4XUgl41xoi/V75PC3ZHi15LSQ57lpvFxv2IexQ6UxPyjbMKNlRAyB6d0znTxDZ+mV5bRTHL4LjlvFsVMMyuK/UK4vbbcDutrFX5BTQo4Z1dWTE5BjNW5CmMBkfGNQjV9pVsPX8RPgOkb0cEQrgdECrSaW68z1dm206iVDoDOGk9KkZpsF70M7nvXcbz52mtWTDq0VWmuUUuRcyOXSfLhcF4becXiWHN7V2jjKjPORcllWDR8n5VFpwcRfUaVQLiG0Q8sBcXD0T4bxxSN7iZFjO11fNfyPvlgN+3ro+Pa0RY49Rvb8OJ05Dz12OjcmtdWZ+/pPFf4eP417HhXPr/u16lDuyfLKps79UMzm/8A+PisX+byBXzt4rfBfq4uq7ZidbRgAAAAASUVORK5CYII='); background-size: cover; display: block;"},"children":[]},{"type":"text","value":"\n  "},{"type":"element","tagName":"picture","properties":{},"children":[{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/47cb36cd5e21952edf1409a0db93d095/82e29/push-payment-process.webp 159w","/docs/legacy/static/47cb36cd5e21952edf1409a0db93d095/ef33f/push-payment-process.webp 318w","/docs/legacy/static/47cb36cd5e21952edf1409a0db93d095/f1837/push-payment-process.webp 635w","/docs/legacy/static/47cb36cd5e21952edf1409a0db93d095/29549/push-payment-process.webp 953w","/docs/legacy/static/47cb36cd5e21952edf1409a0db93d095/c5420/push-payment-process.webp 1270w","/docs/legacy/static/47cb36cd5e21952edf1409a0db93d095/712c5/push-payment-process.webp 2040w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/webp"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"source","properties":{"srcSet":["/docs/legacy/static/47cb36cd5e21952edf1409a0db93d095/8b9b5/push-payment-process.png 159w","/docs/legacy/static/47cb36cd5e21952edf1409a0db93d095/fa108/push-payment-process.png 318w","/docs/legacy/static/47cb36cd5e21952edf1409a0db93d095/53fb6/push-payment-process.png 635w","/docs/legacy/static/47cb36cd5e21952edf1409a0db93d095/5a426/push-payment-process.png 953w","/docs/legacy/static/47cb36cd5e21952edf1409a0db93d095/91155/push-payment-process.png 1270w","/docs/legacy/static/47cb36cd5e21952edf1409a0db93d095/0d005/push-payment-process.png 2040w"],"sizes":"(max-width: 635px) 100vw, 635px","type":"image/png"},"children":[]},{"type":"text","value":"\n          "},{"type":"element","tagName":"img","properties":{"className":["gatsby-resp-image-image"],"src":"/docs/legacy/static/47cb36cd5e21952edf1409a0db93d095/53fb6/push-payment-process.png","alt":"Push payment process","title":"Push payment process example.","loading":"lazy","decoding":"async","style":"width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;"},"children":[]},{"type":"text","value":"\n        "}]},{"type":"text","value":"\n  "}]},{"type":"text","value":"\n    "}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"You can find another example process with only an "},{"type":"element","tagName":"em","properties":{},"children":[{"type":"text","value":"instant booking"}]},{"type":"text","value":" flow\nand support for both card and push payments in the\n"},{"type":"element","tagName":"a","properties":{"href":"https://github.com/sharetribe/example-processes#instant-booking","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"Instant booking process"}]},{"type":"text","value":"\nin the\n"},{"type":"element","tagName":"a","properties":{"href":"https://github.com/sharetribe/example-processes","target":"_blank","rel":["noopener","noreferrer"]},"children":[{"type":"text","value":"Flex example transaction processes repository"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h3","properties":{"id":"handling-payment-methods-in-the-client-app","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#handling-payment-methods-in-the-client-app","ariaLabel":"handling payment methods in the client app permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Handling payment methods in the client app"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"See\n"},{"type":"element","tagName":"a","properties":{"href":"/docs/legacy/concepts/payment-intents/#required-actions-in-the-client"},"children":[{"type":"text","value":"this section in the PaymentIntents guide"}]},{"type":"text","value":"."}]},{"type":"text","value":"\n"},{"type":"element","tagName":"h2","properties":{"id":"further-reading","style":"position:relative;"},"children":[{"type":"element","tagName":"a","properties":{"href":"#further-reading","ariaLabel":"further reading permalink","className":["anchor","before"]},"children":[{"type":"element","tagName":"svg","properties":{"ariaHidden":"true","focusable":"false","height":"16","version":"1.1","viewBox":"0 0 16 16","width":"16"},"children":[{"type":"element","tagName":"path","properties":{"fillRule":"evenodd","d":"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"},"children":[]}]}]},{"type":"text","value":"Further reading"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"p","properties":{},"children":[{"type":"text","value":"For further reading on the subject, see the following articles that\ndescribe how to edit the transaction process:"}]},{"type":"text","value":"\n"},{"type":"element","tagName":"ul","properties":{},"children":[{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"/docs/legacy/concepts/payment-intents/"},"children":[{"type":"text","value":"How PaymentIntents work"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"/docs/legacy/concepts/transaction-process/"},"children":[{"type":"text","value":"Transaction process"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"/docs/legacy/references/transaction-process-actions/#stripe-integration"},"children":[{"type":"text","value":"Action reference for Stripe integration"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"/docs/legacy/how-to/edit-transaction-process-with-flex-cli/"},"children":[{"type":"text","value":"Editing transaction process"}]}]},{"type":"text","value":"\n"},{"type":"element","tagName":"li","properties":{},"children":[{"type":"element","tagName":"a","properties":{"href":"/docs/legacy/how-to/change-transaction-process-in-ftw/"},"children":[{"type":"text","value":"Changing transaction process setup in FTW"}]}]},{"type":"text","value":"\n"}]}],"data":{"quirksMode":false}},"headings":[{"value":"Introduction to payments in Flex","depth":2},{"value":"Money flow in different scenarios","depth":2},{"value":"Card payment flow","depth":3},{"value":"Push payment flow","depth":3},{"value":"Using different payment methods in your marketplace","depth":2},{"value":"Customizing the transaction process","depth":3},{"value":"Handling payment methods in the client app","depth":3},{"value":"Further reading","depth":2}]}},"pageContext":{"slug":"payment-methods-overview","category":"concepts-payments"}},
    "staticQueryHashes": ["3794076007","439097193","717698143"]}