Stripe Payments Pro
Collect credit card payments directly inside your forms.
What It Does
The Stripe Payment field adds a card input to your form and processes payment before submission is accepted. Giraforms supports fixed prices, booking-based prices, and values from currency/number fields.
| Amount Mode | Description |
|---|---|
| Fixed Amount | You define a static amount in the field settings. |
| From Booking Field | Amount is read from a linked Booking field. |
| From Field | Amount is read from a linked Currency or Number field. |
Requirements
- Giraforms Pro license active
- Stripe account with API keys
- Publishable key and secret key configured in Giraforms
Setup
1
Add Stripe API Keys
Go to Forms → Integrations, open the Stripe card, and save your Publishable Key and Secret Key.
2
Add the Stripe Payment Field
Edit your form page, add Giraforms Stripe Payment inside the Form Container, then configure the field in the block sidebar.
3
Configure Payment Settings
- Amount Mode: fixed, booking, or field-based
- Amount: set numeric amount for fixed mode
- Currency: choose the charge currency
- Source Field: required for booking/field mode
- Statement Description: shown on customer statement
4
Run a Test Transaction
Use Stripe test keys and a test card to validate your checkout flow before going live.
Field Options
| Option | Purpose |
|---|---|
| Label | Field title shown to users |
| Amount Mode | How payment amount is calculated |
| Currency | Payment currency (EUR, USD, GBP, etc.) |
| Source Field | Field used when amount is dynamic |
| Statement Description | Description sent to Stripe for the charge |
| Required | Require successful payment to submit |
Submission Flow
- Giraforms requests a Stripe
PaymentIntentfor the computed amount. - Card confirmation happens in the browser with Stripe.js.
- On form submit, Giraforms verifies server-side that payment status is
succeeded. - If payment is valid, submission is stored; payment metadata is attached to the entry.
Tip: Stripe works well with the Booking field for appointment payments and deposits.
Troubleshooting
- "Stripe is not configured" message: check keys in Forms → Integrations.
- Invalid amount: ensure the source field returns a positive value.
- Payment not completed: submission is intentionally blocked until Stripe status is
succeeded.
Security: never expose your Stripe secret key outside the Integrations page. Only the publishable key is used in the front-end.
Start Accepting Payments
Use Giraforms Pro + Stripe to charge customers directly in your WordPress forms.
Get Giraforms Pro