This section allows you to configure Stripe as an online payment method for Webba Booking (Available in the PLUS or higher)
At the top of this page, you’ll find a direct link to the Stripe Integration Documentation, which provides step-by-step instructions for setting up Stripe and obtaining API keys.
1.1 Test Mode #
Choose the environment used for Stripe payments.
- Sandbox – Use this mode to test payments using Stripe test credentials
- Live – Use this mode to accept real payments from customers
It’s recommended to test your Stripe setup in Sandbox mode before switching to Live.
1.2 Stripe Sandbox Publishable Key #
Enter the Sandbox Publishable API Key provided by Stripe.
This key is required to process test payments. Use the Read more on how to set up Stripe integration link to learn where to find this key in your Stripe dashboard.
1.3 Stripe Sandbox Secret Key #
Enter the Sandbox Secret API Key provided by Stripe.
This key is used to securely authenticate Stripe payment requests during testing. You can use the eye icon to show or hide the key while editing.
1.4 Stripe Live Publishable Key #
Enter the Live Publishable API Key provided by Stripe.
This key is required to process real payments when Test Mode is disabled.
Important:
Make sure the selected mode (Sandbox or Live) matches the Stripe API keys you enter. Using test keys in Live mode or live keys in Sandbox mode will prevent payments from working correctly.
1.5 Stripe Live Secret Key #
Enter the Live Secret API Key provided by Stripe.
This key is required to securely process real payments when Test Mode is disabled. Use the eye icon to show or hide the key while editing.
1.6 Stripe Currency #
Select the currency to be used for Stripe payments. The selected currency must be supported by Stripe.
Example: USD, EUR
1.7 Select Payment Fields to Show #
Choose which additional fields should be displayed during the Stripe checkout process. You can select one or more of the following fields:
- Cardholder name
- City
- Country
- Address line 1
- Address line 2
- Postal code
- State
Only the selected fields will be shown to customers on the payment form, helping you balance checkout simplicity and required billing details.
Note:
Required fields may vary depending on Stripe requirements, country regulations, and fraud prevention rules.
1.8 Redirect to Page When Payment Is Successful #
Enter the URL where customers should be redirected after a successful Stripe payment.
- If left empty, customers will remain on the booking form page after completing the payment
- You can select an existing page or enter a custom URL
1.9 Hide the Postal Code Field #
Enable this option to hide the postal code field in the Stripe checkout form.
This can simplify the checkout experience when postal code collection is not required.
1.10 Font Size for Card Element on Mobile Devices #
Set the font size for the Stripe card input fields on mobile devices.
- Leave this field empty to use the default input font size
- Useful for improving readability on small screens
1.11 Override Stripe Card Element Error Messages #
Enable this option to override the default Stripe error messages shown in the card input fields.
To customize the message text:
- Go to Wording / Translation → Advanced Settings
- Edit the “Stripe card element error message” string
1.12 Load Stripe JavaScript #
Choose whether the Stripe JavaScript library should be loaded by Webba.
- Yes – Recommended for most setups
- No
1.13 Load Stripe API #
Select how the Stripe API version should be loaded.
- Default option loads the recommended Stripe API version (e.g. 7.26.0)
Set this to No or specify an older version (e.g. 6.21.1) only if there is a conflict with another plugin that also uses Stripe