Embed web component
The embed web component lets you add online booking directly to your website. This way clients can start a booking from your own page instead of opening a separate Reservation.Studio profile first.
Before you start
Confirm:
- online booking is enabled for your location;
- you can open the location settings in "Online booking";
- you have access to website code or WordPress admin.
What you should decide first
- what the widget should show: location profile, services list, classes, or business profile;
- which
slugyou will use; - whether the client will open a modal window from a button or link or use an inline iframe directly in the page;
- whether you will manage the integration with your own JavaScript or with WordPress shortcodes.
Choose the right path
JavaScript integration
Use this if you have a custom website and can add HTML and JavaScript. This path is best when you want a modal widget opened from:
- a page button or link;
- a sticky floating button;
- a custom JavaScript flow.
WordPress integration
Use this if your site runs on WordPress and you want settings managed from the admin panel or through shortcodes.
This is also the documented path for:
- modal widget through shortcode button or link;
- inline iframe embed through
[reservation_studio_embed].
Next steps
Important
- The widget does not replace the location online booking settings. First configure the profile, services, working hours, and limits in Online booking.
- If you use a custom domain, complete DNS setup first in Set up a custom domain.
- For a modal widget, first decide how the client opens it: with
buttons_selector, a sticky button, or a WordPress shortcode button/link. - For iframe embed, use the WordPress shortcode path when you want booking visible directly in the page instead of a modal.