Set Up Stripe Gateway
Quick path: Settings → Integrations → Stripe → Enter API keys → Configure webhook → Save
What this helps you do
Section titled “What this helps you do”Stripe is the payment gateway that processes credit and debit card transactions for your online bookings. Once connected, customers can pay directly when they book through your eCommerce widget, and you can send payment links for unpaid bookings. No manual card processing, no delays — the money goes straight to your Stripe account.
Before you start
Section titled “Before you start”- You have a Stripe account (create one at stripe.com if needed)
- Your Stripe account has completed identity verification (Stripe requires this before processing live payments)
- You are logged into Bloowatch as an Admin or Owner (Settings is only visible to these roles)
- You have your Stripe API keys ready (publishable key + secret key)
1. Open the Integration settings
Section titled “1. Open the Integration settings”Click your profile name in the top-right corner, then select Settings. In the Settings sidebar, click Integration.
This is where all payment gateway connections are managed.
2. Find the Stripe section
Section titled “2. Find the Stripe section”On the Integration page, locate the Stripe payment gateway card. Bloowatch supports multiple gateways (Stripe, PayPal, SystemPay, Redsys, and others) — look for the one with the Stripe logo.
Click to expand or open the Stripe configuration panel.
3. Get your API keys from Stripe
Section titled “3. Get your API keys from Stripe”If you don’t have your keys handy, open a new browser tab and go to dashboard.stripe.com/apikeys.
You need two keys:
| Key | Where to find it | What it looks like |
|---|---|---|
| Publishable key | Stripe Dashboard > Developers > API keys | Starts with pk_live_ or pk_test_ |
| Secret key | Same page — click “Reveal live key” | Starts with sk_live_ or sk_test_ |
Watch out: Use your live keys (
pk_live_/sk_live_) for real payments. Test keys (pk_test_/sk_test_) are only for development. If your eCommerce shows “test mode” badges, you’ve entered test keys.
4. Enter the API keys in Bloowatch
Section titled “4. Enter the API keys in Bloowatch”Paste the keys into the corresponding fields in the Stripe configuration panel:
| Field | Value | Notes |
|---|---|---|
| Publishable Key | Your pk_live_... key | This is used client-side for the checkout form |
| Secret Key | Your sk_live_... key | This is used server-side to process charges |
5. Configure the webhook URL
Section titled “5. Configure the webhook URL”Bloowatch needs to receive notifications from Stripe when payments succeed or fail. This requires a webhook.
- Copy the webhook URL displayed in the Bloowatch Stripe configuration panel
- Go to your Stripe Dashboard > Developers > Webhooks
- Click Add endpoint
- Paste the Bloowatch webhook URL
- Select the events to listen for — at minimum:
payment_intent.succeeded,payment_intent.payment_failed, andcheckout.session.completed - Click Add endpoint to save
Watch out: If the webhook is not configured, Bloowatch won’t know when a payment completes. Bookings will stay in “pending” status even after the customer pays.
6. Save the configuration
Section titled “6. Save the configuration”Click Save to store your Stripe settings in Bloowatch.
7. Test with a small transaction
Section titled “7. Test with a small transaction”Before going live, verify the connection works:
- Create a test product with a low price (e.g., 1.00)
- Open your eCommerce booking widget
- Complete a booking and pay with a real card
- Check that the payment appears in both your Stripe Dashboard and in Bloowatch under Sales > Payments
If the test payment goes through and shows as paid in both systems, your setup is complete.
What should happen next
Section titled “What should happen next”- Your eCommerce booking widget now shows a card payment option at checkout
- Payment links sent from Bloowatch (via email or WhatsApp) use Stripe to process the charge
- Completed payments appear in Sales > Payments with the payment method marked as card
- Funds arrive in your Stripe account according to your Stripe payout schedule (typically 2-7 business days)
Common mistakes
Section titled “Common mistakes”| Mistake | Why it happens | Fix |
|---|---|---|
| ”Payments fail with no error” | Webhook URL is missing or incorrect | Re-copy the webhook URL from Bloowatch and update it in the Stripe Dashboard |
| ”Test mode badge on checkout” | You entered test API keys (pk_test_) instead of live keys | Replace with your live keys from the Stripe Dashboard |
| ”Booking stays pending after payment” | Webhook not receiving events | Check Stripe Dashboard > Webhooks for failed deliveries and fix the endpoint |
| ”Invalid API key error” | Key was copied with extra spaces or characters | Re-copy the key carefully — no leading/trailing spaces |
| ”Currency mismatch” | Stripe account default currency differs from Bloowatch product currency | Ensure your Stripe account supports the currency you set on your products |
If it still doesn’t work
Section titled “If it still doesn’t work”- Go to Stripe Dashboard > Developers > Logs to see if Bloowatch is sending requests
- Check Stripe Dashboard > Developers > Webhooks for delivery failures — a red status means Stripe can’t reach Bloowatch
- Verify your Stripe account has completed all verification steps (Stripe blocks payments on unverified accounts)
- Contact Bloowatch Support via the chat widget — have your Stripe account ID (starts with
acct_) ready