1. Log in to the Kuika platform and open the project you will be working on.
2. Open the screen where the payment will be made in the UI Design module.
3. Add the element that will trigger the payment process (e.g., ‘Make Payment’ button).

4. Open the + ADD ACTION menu from the Properties panel on the right.
5. Select the button and add the Payment> Param > Param Payment Pay 3D action from the + ADD ACTION menu according to the desired trigger event (Initial Actions, OnClick, OnBlur, etc.).
6. Fill in the following fields in the settings that appear:

• Name Surname: The first and last name of the person making the payment.
• Phone Number: The phone number of the person making the payment.
• Credit Card No: The credit card number.
• Credit Card Month: The month the card expires.
• Credit Card Year: The year the card expires.
• Credit Card CVC: The security code on the back of the card.
• Order ID: The unique ID number of the order.
• Order Description: The order description (optional).
• Installments: Number of payment installments.
• Order Amount: Total amount of the order.
• Total Amount: Total amount to be paid (including taxes).

7. These fields can be dynamically linked from form components, screen inputs, or fixed values using the Symbol Picker.

On an online education platform, users want to purchase different course packages. To provide a secure and easy payment experience on the platform, the Param Payment Pay 3D action is used.

Scenario Flow

1. Course Selection: The user selects the course package they want to purchase from the courses available on the platform.
2. (For example: ‘Advanced Software Training’ package.)
3. Entering Payment Information: The user is redirected to the payment screen and enters their credit card information completely:
   
   • Card number
   • Expiration month and year
   • CVC code
   • First name and last name
   • Phone number
4. Preparing Order Information: The system determines the price of the selected course and the instalment options.
   
   • The Order Amount and Total Amount fields are dynamically assigned according to the user's selection.
   • A unique Order ID is created for the order.
5. Clicking the Payment Button: The user clicks the ‘Make Payment’ button. This button triggers Param Payment Pay 3D as its OnClick action.
6. 3D Secure Verification:
   
   • Depending on the user's bank, the 3D Secure verification screen opens automatically.
   • The user enters the verification code received via SMS or the app from their bank.
   • If verification is successful, the payment is approved.
7. Post-Payment Process:
   
   • If the payment is successful, the user is shown a ‘Payment Successful’ message.
   • The user is granted access to the course in their profile.
   • An automatic confirmation email is sent to the relevant team or user.
   • If necessary, the user is assigned a role (e.g., ‘Student’ role).
8. Error and Cancellation Scenarios:
   
   • If the card details are entered incorrectly or 3D verification is not completed, the payment process fails.
   • An error message is displayed to the user, and they are prompted to try again.

This workflow enables users to make secure, transparent, and easy payments while the platform manages payment processes seamlessly. The Param Payment Pay 3D action reduces fraud risk with 3D Secure verification and ensures legal compliance.

• Order information (amount, description, number of instalments) can be determined dynamically.
• Parameters can be set as form inputs, previous action results, or fixed values.
• After a successful payment, users can be redirected to a confirmation screen, and email notifications or role assignment actions can be triggered.
• An Order ID must be uniquely generated for each transaction to prevent duplicate transactions.
• Card information must be processed securely on the server side, not on the application side.

Technical Risks

• Card details must be entered correctly and completely.
• If the user closes the transaction without completing the 3D verification screen, the payment will not be processed.
• Avoid repeating transactions with the same Order ID.
• The payment transaction should only be triggered by authorised users.

Param Payment Pay 3D is a secure payment action compatible with 3D Secure, mobile-supported, and configurable with dynamic parameters for your Kuika projects. It enables you to easily manage your payment processes by prioritising security, flexibility, and user experience.