Steps to Reproduce

1. Connect Payment Integration in Settings

  1. Go to Settings → Payment Integration tab.

  2. Select the payment type: Stripe or PayPal.

  • For Stripe:

    • Enter your Publishable Key and Secret Key.

    • Below the input fields, you’ll find a link with detailed instructions.

    • Click Save changes.

  • For PayPal:

    • Enter your Public KeyPrivate KeyMerchant ID, and Environment.

    • A link with setup instructions is provided below the fields.

    • Click Save changes.



2. Configure Payment on a Specific Form

  1. Open the desired Form.

  2. Navigate to Form Integration → Payment Integration.

  3. Toggle Enable/Disable Payment Integration.

  4. Select the payment type: Stripe or PayPal.



3. Stripe Payment Options

When Stripe is selected, the following options are available:

  • Payment Type

    • One-time purchase → a single, fixed payment.

    • Donation → allows the user to enter a custom payment amount.

    • Authorize a charge and capture it later → places a temporary hold on the amount (authorization), which you can capture/charge later.

  • Payment Currency → select the desired currency (e.g., USD, EUR, BAM).

  • Payment Cost → set a fixed amount or link it with form logic.

  • Card Language → choose the language for the credit card field.

  • Payment Display Settings (toggle options):

    • Display price in the submit button.

    • Hide credit card details if there is no charge.

    • Create a customer in your Stripe account.



4. PayPal Payment Options

When PayPal is selected, the following options are available:

  • Payment Type (same as Stripe):

    • One-time purchase.

    • Donation.

    • Authorize a charge and capture it later.

  • Payment Currency → select the currency for the payment.

  • Payment Cost → set the payment amount.

  • Merchant ID → must be entered for the selected currency.



📌 Note: For both integrations, make sure the API keys and credentials are correctly added in Settings before enabling integration on a form.