MioCommerce’s Real-Time Pricing & Booking Pages help you save time with customizable sections, and dynamic pricing/availabilities. Site visitors can instantly obtain personalized pricing, schedule a booking, pay online & receive an instant confirmation while on your web or social site.
Goal of Live Pricing & Real-Time Booking Pages
Live Pricing & Real-Time Booking Pages are designed to give visitors a fast, convenient way to buy and schedule services in one step.
By showing personalized pricing instantly and confirming an appointment in real time, this experience:
Reduces the need for back-and-forth quoting
Eliminates waiting for estimates or callbacks
Prevents customers from shopping elsewhere
Allows you to sell services 24/7, without manual involvement
This saves time and frustration for both your business and your customers, while increasing conversion rates.
Best-fit use cases (when this feature works best)
Live Pricing & Real-Time Booking Pages work best for services that can be priced and scheduled instantly based on information provided by the customer. This is ideal when pricing is mostly based on labor time, does not require an on-site inspection, uses standard or predictable materials, and can usually be completed in one visit within a day. These services typically fall within a lower price range and are purchased for speed and convenience, where customers prefer instant pricing and real-time scheduling instead of waiting for quotes.
Common service industries that use this feature
Live Pricing & Real-Time Booking Pages are often used by businesses in industries such as:
Home and residential cleaning services
(maid, carpet, windows, pressure washing, gutters, pools, air ducts, chimney sweeping)Automotive services
(car detailing, tire changes, oil changes)Digital marketing services
(including website builds)Electrical emergency services or standard on-site estimates
HVAC residential and standard commercial maintenance services
Lawn care, shrub trimming, and tree services
Handyman and general repair services
Legal services with standardized offerings
Minor roofing repairs
Notarial services
Pet services
Plumbing emergency services or standard estimates
Septic tank cleaning
…and many other service-based businesses with predictable pricing models.
Where Booking Pages are Managed
All booking pages are managed from:
From here, you can create, edit, publish, install, and configure all booking page settings.
Create a Booking page
To get started:
Create a new booking page: How do I make a new booking page?
Duplicate an existing booking page: How do I copy an existing booking page?
Once created, you’ll be taken into the Booking Page editor.
Actions on a Booking Page (Editor)
In the editor, you will be able to modify how your booking page will appear to your customers.
Required Sections
Every booking page must include:
Booking Page Name
Service Title
Personal Information section for your customers to fill out
Recommended Sections
To improve pricing accuracy and customer experience, we recommend:
Location selection
Date selection
Options, Extras, and Frequency sections (used for dynamic pricing)
You will notice a gears icon to the top-right of every section on the booking page to modify that section. This is section toolbar.
To open the toolbar, click or hover over the icon. A number of buttons will appear, from left-to-right:
Positioning arrows – Use these to modify the placement of this section.
Add section – Use this to add a new section directly below this section.
Delete section – Use this to remove this section from a booking page.
Modify section – Use this to modify the default text and other section-specific display features of this section. If pricing can be set for this section, this is where it will be set.
After editing, please save your Booking page.
After Saving a Booking Page
Once saved, you are taken to the Booking Page Manager.
Notice that the left-hand sidebar has changed as well, the new sections are:
Edit
Preview
Publish
Install
Get more Reviews!
Share!
Settings
At this stage, the booking page is not yet published and not accessible to customers.
Review your configuration before publishing.
Edit
Use Edit to continue modifying layout, sections, and pricing logic.
For detailed guidance:
Preview
Preview shows exactly how your booking page will appear to customers.
If you fill out this page,
Completing a preview does not create a real booking
A preview booking confirmation email will be sent to the entered email address
Preview feature helps you to -
Catch pricing or availability errors before customers see them
Validate confirmation emails without creating real bookings
Ensure complex pricing rules behave as expected
Publish
Publishing a booking page will make it visible on your landing page (to learn what a landing page is, please see Is there somewhere my customer can see a list of all my booking pages?) and also allow you to install it on your website or share links on social media.
Before publishing, you’ll have to make sure there are no problems detected with the booking page. The system will alert you if there are any issues with your booking page on this page.
Install
After publishing your booking page, you will be able to link to it or install it on your web site, social media, etc. Select one of the following options:
Links for your website – You can use the URL from this page to link your booking page on a web page. It is recommend to use this as a hyperlink, or integrate it with a button.
Links for social media – You can use the URL provided on this page to integrate with your social media, such as a “book now” button on your Facebook business page.
Links for your book now button – You can paste the code from this page onto your website in in order to have a book now button display that will lead customers to your booking page.
Embed on your website (most common): You can paste the code from this page onto your website in in order to have your booking page display directly on your website. This option is recommended, but requires a Start subscription or higher. (How to install my booking page on my website?)
Get More Reviews
Display your best reviews directly on your Live Pricing & Real-Time Booking Pages.
Embed reviews from Google, Facebook, Yelp, Services In My Hood, and more
Reviews update automatically wherever they are displayed
You can preview how reviews appear using one of MioCommerce’s demo booking pages.
Reviews increase booking confidence at decision time. It further -
Builds instant trust before the customer commits
Reduces hesitation for first-time customers
Keeps reviews automatically updated without manual effort
Learn more about Customer REVIEWS Display Hub
Share!
Allow customers to share your Live Pricing & Real-Time Booking on social media.
You can:
Choose which channels are enabled
Edit the title and tooltip text
This feature helps -
Your booking pages reach new customers organically.
Turn customers into distribution channels.
Expands reach without additional marketing spend
You can preview how share appear using one of MioCommerce’s demo booking pages.
You can choose on which channel you would like your customers to share. Edit the title and the tool tip.
Booking Page Settings
There are some booking page settings must be changed from within settings,they include:
General Options
Booking Time Intervals (requires a date selection section) – Set how often time availabilities should be spaced: i.e. every 30 minutes (9:00, 9:30, 10:00), every 60 minutes (9:00, 10:00, 11:00), every 4 hours (9am, 1pm, 5pm), etc.
Minimum time between bookings (requires a date selection section) – A fixed set of time in minutes added to the end date of a booking, which determines when the start of the next availability beings. E.g.: If there is 1 hour booking scheduled for 10:00, and you have this setting set to 30, the next availability will be for 11:30.
Team size – Say the labour of a booking requires 4 hours for one employee. However, you usually send two employees for this booking page. You should set the team size to two, so that the booking will only occupy 2 hours in your calendar, rather than 4.
Prospects Settings - If you want to receive the notification when a person lands on your booking page, fills in the contact information but due to some reason decides not to book & pay for your service. You can be notified immediately with the filled in the information and connect with them to convert.
Customer Settings - Invite new Customers to the Customer Portal
Confirmation Settings - Choose to enable/disable Web Booking Confirmation Email to Customer
Base service price – A fixed cost of the base service you provide for the customer. The cost of this will be added as a line item entitled (Base Service Price) in the right-hand booking details panel.
Base service time – A fixed time for the base service you provide for the customer.
Minimum service price – The fixed cost that is required at a minimum. It will not show up as a line item, but all bookings will have this cost built-in.
Minimum service time – A minimum time for the base service you provide for the customer.
Layout Settings - Are you placing your booking page in a Wix page? Does your web page already have padding on the left and right of the booking page?
By default, our booking pages come with builtin left and right side padding, to make your page look the best on all screens. By removing booking page padding, we will remove extra padding. Choose this if your web page already provides proper layout and padding.
Booking Summary
These settings give you control over what items are displayed to the customer in the right-hand booking details panel.
For more detailed instructions, please see How to Configure Your Booking Page: Booking Summary
Availabilities and Dispatching Settings
This page allows you to choose how date availabilities will be displayed on your booking page. It requires a date component be present on the booking page.
Use operating hours for this booking page – If this booking page falls within the normal operating hours you’ve set in your company settings (What are Operating Hours, Non-working Hours and Work Hours?), turn this on. Otherwise, turn it off.
Allow bookings to extend past operating hours – Say your operating hours are from 9-5, turning this setting on will allow you to take a booking that starts within the operating hours, but may end after your operating hours, so you could have a booking from 4:30-6:30.
Calendar – This is the calendar that the bookings on your booking page will be associated with. Bookings can only be associated with a single calendar, by default it is the Company Calendar.
Availabilities Strategy – Here you can choose your real-time availability strategy. No real-time availabilities – Your booking page will not have real-time availabilities, meaning other booking slots won’t be blocked by other bookings, only by non-working times and operating hours. Company calendar – Your bookings will be blocked based on if a booking already exists in your company calendar. Service Providers (requires subscription) – The booking slot will be available as long as there is a service provider (or service providers – based on the booking page’s team size setting) available at that time.
For more detailed instructions, see How do I set up real-time availabilities for my booking page?
Dispatching (requires subscription)
This is where auto-dispatching is configured for the booking page. Currently, two strategies exist:
Manual – You are responsible for assigning service providers to bookings, MioCommerce won’t assign them for you!
Automatic – Drag and drop the service providers in order of precedence. If the service provider in slot #1 is available, they will be assigned the booking, otherwise it will go to the next service provider, and so on.
Notifications
Here you are able to configure when booking reminders are sent out to your customers for this booking page. Each row relates to one booking reminder that will be sent a fixed number of minutes, hours or days before the booking is scheduled to start. See Notifications overview for how to set company-wide reminder settings and how to edit the content of your notifications.
MioPay (via Stripe) - Payment Options
If Stripe is connected and enabled on the booking page:
Customer cards can be pre-authorized to reduce fraud
Charges can be processed after booking completion
You can control Pre-Authorization and ChargeNow behavior directly from booking page settings.
Confirmation Page Redirect
If you enable the Confirmation Page Redirect setting, your booking page will not show the confirmation page upon completion. The customer will be redirected to your chosen URL found in the "Redirect URL" field below.
This option gives you control over what happens after the booking is completed, allowing you to:
Guide customers to a custom thank-you page on your website
Share next steps or preparation instructions specific to the service booked
Track completed bookings using external analytics or conversion pages
Route customers to upsell, review, or onboarding pages immediately after booking
Service Area Restrictions (requires subscription)
If you don’t want to receive bookings from an area that you do not service, you will be able to specify this area in terms of zip/postal codes in your company settings (How do I restrict my booking page to a specific service area?). You will then be able to turn the restrictions on and configure the error message that customers from outside your service area will receive.
Tax Codes
You can add the tax rate you would like to apply on each booking page separately.
If you serve in more than one location, you can make location-specific Booking Pages, which can have their own respective tax rate applied.
For example - If you serve 3 locations - Quebec, Ontario, and Nova Scotia (Canada), You can choose to add the respective tax code in your location-specific booking pages. Learn more
What to do next
Once you understand how Real-Time Booking Pages work, follow these three steps to start accepting bookings.
1. Create your first Booking Page
Start by creating a booking page for one core service you offer.
This sets up the foundation for pricing and availability.
2. Configure pricing and availability
Add pricing rules and availability settings that reflect how your business operates, so customers can only book when you’re able to deliver.
→ How do I set up my pricing strategy?
→ How do I set up real-time availabilities for my booking page?
3. Publish and install the Booking Page
Publish the booking page and install it on your website to start accepting real bookings. At this point, your booking page is live and ready for customers.
👉🏻 Want to try out this feature in our simulated environment: Try Live Tour and become an expert today! 😊