Reservation.Studio widget

ການຕິດຕັ້ງ

Follow the instructions below to download, install, and activate the Reservation.Studio plugin for WordPress. If you hit any snags, contact us at reservation.business or message support from inside the Reservation.Studio / Reservation.Business apps.

Before you begin, make sure you already have a Reservation.Business account and activate our premium feature “Online booking“.

Don’t use Reservation.Studio / Reservation.Business? Sign up here

Auto installation from WP admin panel

1. Connect to your WordPress admin panel
2. Click the “Plugins” menu on the left and choose “Add New”.
3. Search for “Reservation.Studio” and install it.
4. After the plugin installation has finished, activate the plugin and click on the “RS Widget” menu on the left.

FTP Installation

1. Click the download button on this page, then unzip the file on your computer.
2. Upload the “reservation-studio-widget” folder to the /wp-content/plugins directory. Do not change the folder name, otherwise the plugin may not work correctly.
3. In the WordPress dashboard, navigate to the Plugins menu and activate the Reservation.Studio plugin.

Manual Installation from WP admin panel

1. Click the download button on this page, and download the file on your computer.
2. Connect to your WordPress admin panel
3. Click the “Plugins” menu on the left and choose “Add New” and “Upload Plugin”
4. Upload the “reservation-studio-widget.zip” and “Install Now”
5. After the plugin installation has finished, activate the plugin and click on the “RS Widget” menu on the left.

Let’s get started

1. Click on the “RS Widget” menu on the left.
2. Click “Enable widget”
3. Choose a page type and set the matching slug.
   Example: If your booking address is https://reservation.studio/location/yourBestName, use slug yourBestName.

Don’t use Reservation.Studio / Reservation.Business? Sign up here
4. Choose language settings (including Auto detect if preferred).
5. Set up your scheduling preferences from “Sticky button settings”
6. Save changes. Your clients can now book from your website.

Shortcode usage

Use [reservation_studio_button] or [reservation_studio_anchor] in page/post content to render booking triggers.
Use [reservation_studio_embed] to render booking directly as an inline iframe (without modal trigger).
Use the RS Widget -> Shortcodes admin page to generate shortcode variants quickly.
All shortcode output depends on the global Enable widget setting. When the plugin is disabled shortcodes are shown as plain source text and there is no frontend widget bootstrap.
The global widget bootstrap always includes the shortcode trigger selector and appends any saved buttons_selector setting to it.

Supported attributes:
– slug (optional): Overrides the configured slug.
– page_type (optional): Overrides the configured page type (mapped internally to widget type).
– language (optional): Overrides the configured language.
– utm (optional): JSON object for UTM overrides (for example {"source":"email","medium":"newsletter"}).
– label (optional): Button label when shortcode content is empty.
– class (optional): Additional CSS class names for the trigger element.
– width (embed only, optional): iframe width, default 100%.
– height (embed only, optional): iframe height, default 900.
– loading (embed only, optional): lazy (default) or eager.
– title (embed only, optional): iframe title, default Reservation.Studio booking.

Language behavior:
– For modal shortcodes ([reservation_studio_button], [reservation_studio_anchor]), Auto detect follows widget/browser language behavior.
– For [reservation_studio_embed], omitted/0 language is resolved server-side from WordPress site locale with fallback to bg.

Examples:
– [reservation_studio_button]
– [reservation_studio_button slug="my-location" page_type="location_profile" language="en" label="Book now"]
– [reservation_studio_button class="my-booking-button"]Book an appointment[/reservation_studio_button]
– [reservation_studio_anchor slug="my-location" page_type="location_services" class="my-booking-link"]Book via link[/reservation_studio_anchor]
– [reservation_studio_embed slug="my-location" page_type="location_services" language="en" height="760" class="my-booking-iframe"]