User Manual

Open Stripe Payment Drawer

14/3/25
Open Stripe Payment Drawer

Open Stripe Payment Drawer is an action used with Kuika's Stripe integration. This action allows users to make payments via Stripe's secure payment interface using methods such as credit cards, debit cards, or digital wallets. It is an ideal solution for initiating and completing the payment process, especially in product or service sales.

Technical Features

  • Stripe Payment Element Integration: Provides users with Stripe's up-to-date and secure payment interface (Drawer).
  • Web and Mobile Application Support: Works on both web and mobile applications.
  • Support for Various Payment Methods: Payments can be made using methods such as credit cards, debit cards, and digital wallets.
  • Single or Multiple Payee Payment Option: Payments can be collected in a single account or distributed to multiple accounts.
  • Commission Definition: Platform share (application fee) can be defined for marketplaces.

Open Stripe Payment Drawer Action Application Steps

  1. Log in to the Kuika platform.
  2. Select and open your project from the Apps screen.
  3. Go to the UI Design module.
  4. Select the UI element that will initiate the payment process (e.g., “Pay Now” button).
  1. Click on the +ADD ACTION menu in the Properties panel on the right.
  2. Select the button and add the Payment → Stripe → Open Stripe Payment Drawer action according to the appropriate trigger event (Initial Actions, OnClick, etc.).

Action Settings

Configure the following parameters in the settings that appear:

  • Capture Method:
    • Determines when the payment will be collected.
      • Capture: The payment is collected immediately.
      • Authorize: The payment amount is reserved and collected later.
  • Single / Multi Part:
    • Specifies how the payment will be distributed.
      • Single: The payment is made to a single account.
      • Multi Part: The payment is distributed to multiple accounts.
  • Currency:
    • Select the currency in which the payment will be made.
    • This value must match the currency defined in your Stripe account. (e.g., USD, TRY, EUR)
  • Payment Types:
    • Select the methods the user can use to pay.
    • For example: credit card, debit card, Apple Pay, Google Pay, etc.
  • Amount:
    • Specifies the amount to be collected.
    • Amounts must be entered in the smallest currency unit in the Stripe system.
      • For example: 1000 is entered for $10.
  • Description:
    • Enter the description to be displayed to the user regarding the payment transaction.
    • This description will be visible on the payment interface.
  • Multipart Config (only visible if Multi Part is selected):
    • Specifies to which accounts the payment will be transferred, in what proportion, or how much.
    • The connected account ID and amount must be defined for each recipient.
  • Application Fee Amount:
    • For example: Enter 100 for a commission of 100 units on a payment of 1000 units.
  • Destination:
    • Specify the ID of the Stripe-connected account(s) to which the remaining amount after payment will be transferred.
    • Account IDs starting with acct_... are typically used.

After filling in the information, click the Close button to complete the action.

Use Case: Product Sale and Commission Deduction

Scenario: A user wants to purchase a product through the application. The payment must be securely received via Stripe, the platform commission must be deducted, and the remaining amount must be transferred to the seller's account.

Scenario Flow:

  1. The user clicks the “Buy” button.
  2. The “Open Stripe Payment Drawer” action is triggered.
  3. The Stripe payment interface opens, and the user enters their card information.
  4. When the payment is completed:
    • The payment is collected via Stripe.
    • The commission amount is transferred to the platform.
    • The remaining amount is sent to the seller's linked account.
  5. The user is shown the message “Your payment has been successfully received.”

Open Stripe Payment Drawer Action Advanced Customizations

  • Dynamic Amount and Description: The payment amount and description can be taken from the form data or previous actions.
  • Conditional Payment Type Display: Alternatives such as Apple Pay or Google Pay can be dynamically displayed based on the user's location.
  • Multi-Part Transfer Configuration: A portion of the sales amount can be distributed to multiple recipients.
  • Redirection Based on Payment Success Status: The user can be redirected to a different page when the payment is successful.
  • Automatic Invoice Generation and Notification: An invoice or receipt can be sent to the user via email after the payment.

Technical Risks

  • Invalid Amount Value: Stripe applies minimum amount rules based on currency. Validation should be performed before taking action.
  • Payment Method Mismatch: An error may occur if a payment method that is not supported on the user's device is selected.
  • Missing Linked Account: In Multi-Part usage, if a linked account is not specified, the transaction will fail.
  • Capture/Authorize Mismatch: Incorrect settings may cause the payment process to work unexpectedly.

Open Stripe Payment Drawer is the ideal action to offer your users Stripe's modern and secure payment infrastructure. It is easily configurable with Kuika, adapts to multiple scenarios, and makes the payment experience seamless.

No items found.

Other Related Content

No items found.

Glossary

No items found.

Alt Başlıklar