Skip to main content

How do I set up Stripe with my booking page?

Accept online payments or pre-authorize cards using Stripe.

Written by Franc Botti
Updated over a week ago

To collect payments through your Live Pricing & Real-Time Booking Page, you need to:

  1. Connect your MioCommerce account to Stripe

  2. Add the Stripe Payment Section to your Booking Page

  3. Configure your payment settings

Let’s walk through it.

Step 1 – Connect Your Stripe Account

Before accepting payments, make sure your MioCommerce account is connected to Stripe.

If you haven’t done this yet:

👉 Navigate to Marketplace and connect MioPay (Stripe)
👉 Follow the Stripe onboarding steps

Need help? See: How do I set up Stripe?

Once connected, you’re ready to add a payment section on your Booking Page.

Step 2 – Add the Stripe Payment Section to Your Booking Page

  1. Select the Booking Page you want to edit

  2. Click Add a New Section

  3. Choose Stripe Payment Section

This allows customers to:

  • Enter credit or debit card details

  • Authorize payment at checkout

Important: Without this section, online payments cannot be collected.

Step 3 – Configure Your Payment Behavior

Once you have added the Stripe Payment Section in your booking page, and connected your account to Stripe, you're ready to start charging your clients for your web bookings!

You can decide when to charge your customer.

Go to: Booking Pages → Select Page → Settings → Stripe Payment Options

You have two options:

Pre-Authorized Payments

The customer’s card is saved and approved, but not charged immediately.
You charge the card later — for example, after the service is completed.

ChargeNow Payments

Customer is charged immediately at checkout.

Best for: Deposits and Upfront payment models.

What Happens After Setup?

Once Stripe is connected and the Stripe Payment Section is added:

  • Customers can securely enter payment details

  • Payments are processed through MioPay(via Stripe)

  • You can manage charges directly from your Booking

MioCommerce does not store credit card information. Stripe handles all secure payment processing.

Continue Customizing Your Booking Page

• Refine your pricing structure
• Enable real-time availability
• Restrict bookings to specific service areas
• Automatically assign bookings to your team

Explore the full Booking Pages collection in the Help Center to unlock all available features and configurations.

Did this answer your question?