CIT Payments follows a simple flow for one time payment to happen in your application where the consumer is present and is providing an authorization for their payment method to be charged in connection with a transaction

Here are the steps to perform a CIT Payment

CIT Payment

Step 1: Calculate final amount to be charged and Payment button

The following pic shows a demo store where a payment button has been placed below the final amount collection on the web application. The actual design of this page should be as per your own application's purchase page. Note that the Wink Payment SDK can be used in Redirect, Embedded iFrame or Overlay iFrame modes. For the purpose of this section we are using the Redirect mode but user experience remains the same in all modes.

Upon clicking the Payment Button, the Wink Payment SDK is launched.

🚧

Wink Payment SDK needs any amount which is greater than $1. In this version only US dollars are supported

Step 2a: Guest Mode

As an app developer you can offer the Wink Payment SDK in purely guest mode or also incorporate Wink Login ( see Wink Login ) to offer a more personalized and secure sign-in experience.

The above pic shows the demo page has the Sign-in button using Wink Login on the top right. It is optional. Using the SDK in guest mode, that button can simply be hidden or not placed at all.

If the user clicks on the Payment Button without signing-in to Wink first, they will be redirected to the following page

To continue with guest mode, the user can click on "Skip"

On clicking Skip, the user will be taken to "Managing Payment Methods" in Wink page of the SDK.

Step 2b: Signed in Mode

As an app developer you can incorporate Wink Login ( see Wink Login ) to offer a more personalized and secure sign-in experience. The following shows the user clicking on Sign-in option at the top of the demo page. By clicking Sign-in, the user is redirect to Wink Login and on successful login, be redirected back to the merchant page. In this case, the button changes to logout as shown below

Now when the user clicks on Payment, he will be redirected to "Managing Payment Methods" in Wink page of the SDK.