Skip to main content

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 slug you 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.