Accepting Payments in Your Appointment Booking Widget
Want clients to pay for appointments quickly and securely right inside your widget? Great news — the Appointment Booking widget can do that! This guide will help you get started with payments in no time. Let’s dive in! 🚀
In this article
Important Notes Before You Begin
- 💳 Payment Types
Currently, only one-time payments with a fixed price are supported. Other Stripe payment options, like recurring subscriptions or "Buy now, pay later", are not available. - 💰 How Payments Work
Once Stripe is connected, payment will be mandatory for all fixed-price services. Other pricing types (such as free or “from”) remain unaffected and won’t require payment. - 💵 Supported Currencies
Payments are available only in currencies and minimum amounts supported by Stripe. For details, see Stripe Docs: Supported Currencies.
How to Integrate the Payment Form
Follow these steps to connect Stripe and enable payments in your Appointment Booking widget:
- 1
-
Open your widget editor and go to Settings → Payment:
- 2
-
Click Connect Stripe:
In the same Payment section, you can also add a Cancellation Policy that will appear at checkout and in the confirmation emails sent to customers.
- 3
-
In your Stripe Dashboard, go to Developers → API keys or follow this direct link:
Copy the Publishable and Secret keys:
Stripe provides two types of keys: Sandbox for testing and Live for real payments. Make sure you’re viewing the correct environment in your Stripe Dashboard, as each has its own set of keys. Learn more: Stripe API Keys Explained. - 4
-
Return to the widget editor, paste both keys into the fields, and click Connect:
Success!🎉Stripe is now connected. Here’s how the payment form will look in your widget:
Viewing Payment Information in Your Bookings
Once payments are enabled, you can access the payment data in your Stripe Dashboard and your booking notifications. The following payment details will be transferred:
| Payment Status | Price |
| Amount Paid | Payment Method |
| Card Last 4 Digits | Transaction ID |
| Payment Date | Receipt Link |
| Refund Link |
Check the toggles below to see how the information will appear in your booking submissions.
Email Notifications
When you receive a new booking email, the payment information will be displayed as shown below:
CSV File & Google Sheets Integration
Here's how the payment details will appear in your spreadsheets:
Google Calendar Integration
When a booking is synced with Google Calendar, the payment info will appear in the event description like this:
Zapier Integration
Here's how the payment data will be reflected in your Zap:
Payments are now easy to accept with your Appointment Booking widget! 🙌 And if you need any help along the way, feel free to contact our Support team. We're happy to assist!
FAQ
Can I test the integration before accepting real payments?
Yes! Use the API keys from your Stripe Sandbox environment (created automatically with your Stripe account) and test payments using Stripe Test Cards.
When you're ready to switch to Live mode, in the widget editor, click the three dots next to the integration → Disconnect, and replace the keys with your Live ones:
Can I use a restricted Stripe key in the widget?
Yes. Although your standard Secret Key is secured and used only to process payments, you can use a restricted key instead. Make sure it has the following permissions:
- Checkout Sessions (Write)
- Customers (Write)
- Payment Intents (Write)
- Balance (Read)
- Invoices (Read)
To create a restricted key, follow this guide: Stripe API Keys.
Will my customers get a receipt after payment?
Сustomers can access their receipt on the Confirmation screen and in the email sent after booking:
To send the confirmation email, toggle on Booking Confirmation to Client in Settings → Notifications.