{"metadata":{"image":[],"title":"","description":""},"api":{"url":"","auth":"required","results":{"codes":[]},"params":[],"method":"get"},"next":{"description":"","pages":[]},"title":"Checkout Flow","type":"basic","slug":"checkout-flow","excerpt":"","body":"This guide is intended to give you an idea of the Apruve checkout flow in a eCommerce application. \n\n# Checkout Scenario\n\n * Apruve has been integrated into the eCommerce system. Here we are looking at a ficticious shopping cart system that was created to demonstrate the Apruve payment process. \n \n * The customer has created a corporate account with the merchant by filling out a credit application with Apruve. \n\n# Checkout Steps\n\nAs you can see the customer has already added some items to their shopping cart and they are ready to check out. \n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/4a5d9ae-Screen_Shot_2018-10-16_at_12.12.45_PM.png\",\n        \"Screen Shot 2018-10-16 at 12.12.45 PM.png\",\n        3100,\n        1980,\n        \"#dbdee1\"\n      ]\n    }\n  ]\n}\n[/block]\nThe customer then clicks on the Apruve button to start the payment process. This pops up a window that prompts them to log into their Apruve account if they are not already logged in. If they don't have an account they can apply through a supplied link.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/63054b6-Screen_Shot_2018-10-16_at_12.12.53_PM.png\",\n        \"Screen Shot 2018-10-16 at 12.12.53 PM.png\",\n        3100,\n        1980,\n        \"#888b8d\"\n      ]\n    }\n  ]\n}\n[/block]\nOnce they are logged in they will see information about their credit limit and be prompted to optionally add a PO number to associate with the order. \n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/8422084-Screen_Shot_2018-10-16_at_12.13.15_PM.png\",\n        \"Screen Shot 2018-10-16 at 12.13.15 PM.png\",\n        3100,\n        2094,\n        \"#8d9192\"\n      ]\n    }\n  ]\n}\n[/block]\nOnce they confirm their selection they will be redirected to the confirmation page that your cart would normally use.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/244638a-Screen_Shot_2018-10-16_at_12.15.23_PM.png\",\n        \"Screen Shot 2018-10-16 at 12.15.23 PM.png\",\n        3100,\n        1980,\n        \"#dfe2e4\"\n      ]\n    }\n  ]\n}\n[/block]","updates":[],"order":12,"isReference":false,"hidden":false,"sync_unique":"","link_url":"","link_external":false,"_id":"598365097b3f5f0020d30634","project":"58b9e955fba7da250056ff86","version":{"version":"4.0","version_clean":"4.0.0","codename":"","is_stable":true,"is_beta":false,"is_hidden":false,"is_deprecated":false,"categories":["58b9e955fba7da250056ff8a","58b9e9e168a4a5190011dcc2","58b9ea1de87271190074c623","58b9f9df4022e60f00ae20af","58bda4f77181082500275455","58bda69b8bcd092f00e52862","58bda751b4e9640f00e4bdaf","58e800fabc0deb0f002801f3","5925bfd9504e5239003807f4","5925c026aef9fd27008525c0","5925c0e7dd71b51b00ccc329","592d872451a3e80f00eb4a1a","592d9539b9b6b91900569ea0","592d990a51a3e80f00eb4c25","592d9bf480832f0f00ddfa46","592d9d5051a3e80f00eb4e02","592dbd5cd97832190073d76a","598360d76050430034ef4e07","598363237c926c0028d2e420","598363755de0a1002049efad","598363c27c926c0028d2e442","59c15f2ebc639a0032f770f0"],"_id":"58b9e955fba7da250056ff89","releaseDate":"2017-03-03T22:08:21.880Z","__v":22,"createdAt":"2017-03-03T22:08:21.880Z","project":"58b9e955fba7da250056ff86"},"category":{"sync":{"isSync":false,"url":""},"pages":[],"title":"Integrations","slug":"ecommerce-integrations","order":4,"from_sync":false,"reference":false,"_id":"598363755de0a1002049efad","project":"58b9e955fba7da250056ff86","version":"58b9e955fba7da250056ff89","isAPI":false,"createdAt":"2017-08-03T17:55:01.947Z","__v":0},"user":"59232ee4e465c11900921e8a","createdAt":"2017-08-03T18:01:45.859Z","githubsync":"","__v":0,"parentDoc":null,"updatedAt":"2018-10-16T17:16:20.775Z"}
This guide is intended to give you an idea of the Apruve checkout flow in a eCommerce application. # Checkout Scenario * Apruve has been integrated into the eCommerce system. Here we are looking at a ficticious shopping cart system that was created to demonstrate the Apruve payment process. * The customer has created a corporate account with the merchant by filling out a credit application with Apruve. # Checkout Steps As you can see the customer has already added some items to their shopping cart and they are ready to check out. [block:image] { "images": [ { "image": [ "https://files.readme.io/4a5d9ae-Screen_Shot_2018-10-16_at_12.12.45_PM.png", "Screen Shot 2018-10-16 at 12.12.45 PM.png", 3100, 1980, "#dbdee1" ] } ] } [/block] The customer then clicks on the Apruve button to start the payment process. This pops up a window that prompts them to log into their Apruve account if they are not already logged in. If they don't have an account they can apply through a supplied link. [block:image] { "images": [ { "image": [ "https://files.readme.io/63054b6-Screen_Shot_2018-10-16_at_12.12.53_PM.png", "Screen Shot 2018-10-16 at 12.12.53 PM.png", 3100, 1980, "#888b8d" ] } ] } [/block] Once they are logged in they will see information about their credit limit and be prompted to optionally add a PO number to associate with the order. [block:image] { "images": [ { "image": [ "https://files.readme.io/8422084-Screen_Shot_2018-10-16_at_12.13.15_PM.png", "Screen Shot 2018-10-16 at 12.13.15 PM.png", 3100, 2094, "#8d9192" ] } ] } [/block] Once they confirm their selection they will be redirected to the confirmation page that your cart would normally use. [block:image] { "images": [ { "image": [ "https://files.readme.io/244638a-Screen_Shot_2018-10-16_at_12.15.23_PM.png", "Screen Shot 2018-10-16 at 12.15.23 PM.png", 3100, 1980, "#dfe2e4" ] } ] } [/block]