Changes for page PayEx Checkout v1
Last modified by Trieu Tran on 2019/12/04 14:11
From version 33.1
edited by Asbjørn Ulsberg
on 2018/04/27 11:08
on 2018/04/27 11:08
To version 34.1
edited by Asbjørn Ulsberg
on 2018/06/05 13:25
on 2018/06/05 13:25
Change comment: There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -1,8 +1,8 @@ 1 -= Introduction = 1 +== Introduction == 2 2 3 -PayEx Checkout is an easy way for customers to complete payments. We provide a two-phase payment method which means that an amount is initially reserved (authorized), then deducted (captured) and described in more detail when you are ready to send out the goods. 3 +PayEx Checkout 1.0 is an easy way for customers to complete payments. We provide a two-phase payment method which means that an amount is initially reserved (authorized), then deducted (captured) and described in more detail when you are ready to send out the goods. 4 4 5 -= What you need before you get started = 5 +== What you need before you get started == 6 6 7 7 * HTTPS enabled web server 8 8 * Agreement that includes PayEx Checkout ... ... @@ -136,10 +136,8 @@ 136 136 137 137 138 138 139 -= What you should do, step by step = 139 +== What you should do, step by step == 140 140 141 -=== Implementation example === 142 - 143 143 Below is an example implementation provided in C# 6, .NET 4.5.1+ and Newtonsoft.Json for the backend code. The frontend naturally uses HTML5 and JavaScript. To view backend examples of the raw HTTP request and response messages, please have a look at the [[Backend API documentation>>doc:Main.ecommerce.payex-checkout.Introduction.WebHome]]. 144 144 145 145 Note that the examples are written for a "happy path" implementation and thus contain no error handling of any kind. The examples are therefore not production ready code to be used in an actual application, they are just provided to help understanding the API and give the implementation a head start. ... ... @@ -146,7 +146,7 @@ 146 146 147 147 Test data is located in the [[Test Data section>>doc:Main.ecommerce.payex-checkout.Testdata.WebHome]]. If you encounter any problem with the implementation, please visit the troubleshooting section or [[send us an e-mail>>mailto:support.ecom@payex.com]]. 148 148 149 -== Step 1: Create payment session == 147 +=== Step 1: Create payment session === 150 150 151 151 Create a payment session by doing a HTTP POST from your webserver with payment info and your merchant token. The response from the POST will contain a Payment Session URL that you will need later. Save this value for future use (frontend config and operations on the payment) related to the order/shoppingcart in your database. 152 152 ... ... @@ -244,8 +244,6 @@ 244 244 245 245 (% id="CS" %) 246 246 ((( 247 -==== Implementation example ==== 248 - 249 249 {{code language="c#"}} 250 250 var merchantToken = "<secret merchant token>"; 251 251 var httpClient = new HttpClient(); ... ... @@ -282,7 +282,7 @@ 282 282 283 283 Your can read more about the payment session object [[here>>Main.ecommerce.payex-checkout.Introduction.Payment-session.WebHome]]. 284 284 285 -== Step 2: Configure your frontend == 281 +=== Step 2: Configure your frontend === 286 286 287 287 PayEx Checkout uses a script that bootstraps the payment process when your purchase button is clicked. Add the PayEx Checkout script to your page: 288 288 ... ... @@ -305,32 +305,34 @@ 305 305 306 306 You can read more about how to implement PayEx Checkout in your frontend [[here>>Main.ecommerce.payex-checkout.Frontend API.WebHome]]. 307 307 308 -== Step 3: Payment window (facilitated by PayEx) == 304 +=== Step 3: Payment window (facilitated by PayEx) === 309 309 310 -{{{When a consumer clicks on the Pay button the PayEx Checkout payment window appears in the web browser. 311 -This payment window includes the following steps. 306 +When a consumer clicks on the Pay button the PayEx Checkout payment window appears in the web browser. This payment window includes the following steps. 312 312 313 -=== Login === 314 -PayEx holds all payer information for easier payment procedure. If the user submits an email address a lookup process begins. 308 +==== Login ==== 309 + 310 +PayEx holds all payer information for easier payment procedure. If the user submits an email address a lookup process begins. 315 315 Otherwise an anonymous payment process is used where only credit card is available as payment method. 316 - 317 -=== Authentication === 312 + 313 +==== Authentication ==== 314 + 318 318 By specifying mobile phone number, a verification code is sent to your phone. 319 319 320 -=== Delivery === 317 +==== Delivery ==== 318 + 321 321 Depending on the parameters provided in the acquires property, various address information is required to continue to next step. 322 322 323 -=== Payment === 321 +==== Payment ==== 324 324 325 325 Depending on merchant country, merchant contract and consumer country a list of payment options is displayed. 326 -Possible options are currently credit card and invoice. 324 +Possible options are currently credit card and invoice. 327 327 Credit card offers the option to add a new card or pick a previous card. 328 328 Invoice is only available for consumers in same country as merchant. 329 329 330 330 Once the payment is authorized at our end - the PayEx Checkout Javascript will post the form. 331 -From the payment window is opened until it closes, everything in the payment process is performed entirely by PayEx. After that we expect a receipt to be sent to the consumer. }}}329 +From the payment window is opened until it closes, everything in the payment process is performed entirely by PayEx. After that we expect a receipt to be sent to the consumer. 332 332 333 -== Step 4: Get payment status == 331 +=== Step 4: Get payment status === 334 334 335 335 After a successfully authorized payment, the purchase form will be submitted as earlier mentioned. It is assumed that the form contains the reference connecting the previously persisted {{code}}paymentSessionUrl{{/code}} to the order, shopping cart, or similar. 336 336 ... ... @@ -462,7 +462,7 @@ 462 462 463 463 (% id="C_2" %) 464 464 ((( 465 -==== Implementation example ==== 463 +===== Implementation example ===== 466 466 467 467 {{code language="c#"}} 468 468 var merchantToken = "<secret merchant token>";