1 / 13

COPYandPAY

COPYandPAY. Integration of payment pages is now super easy. Set up your fully integrated payment page, in your own design. COPYandPAY. Easy as never before. Your requirements are met without compromises – and without trade-offs when it comes to PCI compliance or ease of integration

akiva
Download Presentation

COPYandPAY

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. COPYandPAY Integration of payment pages is now super easy.Set up your fully integrated payment page, in your own design.

  2. COPYandPAY. Easy as never before. • Your requirements are met without compromises – and without trade-offs when it comes to PCI compliance or ease of integration • Create your own payment page, perfectly integrating the corporate identity of your wesite, keeping things simple • A widget library makes it easy to build payment forms. Have full control of checkout and payment workflows that come with all our payment methods

  3. COPYandPAY. Easy as never before. • Your requirements are met without compromises – and without trade-offs when it comes to PCI compliance or ease of integration • Create your own payment page, perfectly integrating the corporate identity of your wesite, keeping things simple • A widget library makes it easy to build payment forms. Have full control of checkout and payment workflows that come with all our payment methods

  4. COPYandPAY. Easy as never before. • Your requirements are met without compromises – and without trade-offs when it comes to PCI compliance or ease of integration • Create your own payment page, perfectly integrating the corporate identity of your wesite, keeping things simple • A widget library makes it easy to build payment forms. Have full control of checkout and payment workflows that come with all our payment methods

  5. Super easyThe solution you have been waiting for • This interactive 1-page-tutorial guides you through the three steps of set-up. Don’t struggle with complicated instruction manuals. • Fully integrated payment page within minutes • Kick-start by using our widgets to design your payment form • Once integrated according to your Corporate Design (background colour, font and size etc.).

  6. Extremely flexibleThe solution you have been waiting for • Change and adapt everything as you like • Useall our payment methods available in our system • Performing also asynchronous workflows such as 3D Secure, PayPal, sofortüberweisung • An all-in-one payment solution (HTML5) for classic browsers and mobile devices • Minimized PCI compliance issues – it’s completely secure

  7. www.sample.test.ctpe.info/integrationguide/CopyandPay.html Let’s try it now https://sample.test.ctpe.info/Integrationguide/CopyandPay.html

  8. The fastest way to integrateyourpaymentpageStep 1 01 Generate a token • Prepare a token for the payment by sending one request with credentials and unmodifyable data, such as an amount in a server-to-server call. The preparation call is simply done with a POST request from your server to the payment server. The JSON response contains a token which you need in the second step for initialising the JavaScript library in order to build the payment form with your desired brands. COPY...

  9. URL url = new URL("https://ctpe.net/frontend/GenerateToken"); HttpRequest request = (HttpRequest) url.openConnection(); //config data request.setParameter("SECURITY.SENDER", "67ebdcb7d84276f0c2c5037cee0c6e2f"); request.setParameter("TRANSACTION.CHANNEL", "c1c020a4bfca258d4da22a655dc42966"); request.setParameter("TRANSACTION.MODE", "INTEGRATOR_TEST"); request.setParameter("USER.LOGIN", "40288ff6387a46bc01387a70d31f0011"); request.setParameter("USER.PWD", "demo"); //transaction data request.setParameter("SECURITY.SECRET", "abc"); request.setParameter("PAYMENT.TYPE", "DB"); request.setParameter("PRESENTATION.AMOUNT", "50.99"); request.setParameter("PRESENTATION.CURRENCY", "EUR"); request.setParameter("PRESENTATION.USAGE", "Order Number 975"); request.connect(); request.getResponseMessage(); … will return: { 'transaction': { 'token':'99F9E7D720782B91A19E12858CF002E3.sbg-vm-fe02' }} And how does the server-to-server call look like? 01 Generate a token

  10. The fastes way to integrate your payment pageStep 2 02 Build the payment page You have to simply copy two lines of code into your html page (as shown below). A JavaScript library is then loaded and parses the page in order to find the copied form and the chosen payment methods (Visa, Master, PayPal, Amex and Sofortüberweisung in that case). It integrates the form directly into your html page. There is no iFrame, it’s just integrated into your payment page by using its already defined style and behaviour. Set up a redirection URL to an error or success page for the shopper. and...

  11. Load JavaScript library with the token from the first step: https://js.ctpe.net/v2/?token={token} Put the following form to the place where the shopper should choose between brands: <form action="{url to redirect shopper after payment is done}">VISA MASTER PAYPAL</form> Within the form you just insert the methods of payments you want to offer. This will generate a form that looks like the one on the left. Alternatively, the merchant can also provide a form designed by himself, and just make a simple JavaScript library call from within that form to achieve integration. And how does the integration of widgets work? 02 Build the payment page

  12. The fastes way to integrate your payment pageStep 3 03 Get the status of the transaction • Now, you can easily get the result of the payment in a simple call either server-side or from the browser, using the token obtained earlier. The integration was successful. You can now let your shoppers pay. In order to get the status of the transaction just call the following https://test.ctpe.net/frontend/GetStatus;jsessionid={token} PAY

  13. And how does the server-to-server call look like? 03 Get the status of the transaction … this will return something like: { "transaction":{ "channel":"25d220fc35329ffd2179496239ed4999", "identification":{ "shortId":"3439.3920.9890", "uniqueId":"ff8080813a8e080a013a9ce00e294b99" }, "mode":"CONNECTOR_TEST", "payment":{ "code":"CC.RG" }, "processing":{ "code":"CC.RG.90.00", "reason":{ "code":"00", "message":"Successful+Processing" }, "result":"ACK", "return":{ "code":"000.100.112", "message": "Request+successfully+processed+in+%27Merchant+in+Connector+Test+Mode%27" }, "timestamp":"2012-10-26+11%3A41%3A00" }, "response":"SYNC" }} URL url = new URL("https://ctpe.net/frontend/GetStatus"); HttpRequest request = (HttpRequest) url.openConnection(); request.setParameter("SECURITY.SECRET", "abc"); request.setParameter("TOKEN", "99F9E7D720782B91A19E12858CF002E3.sbg-vm-fe02"); request.connect(); request.getResponseMessage();

More Related