Shortcode and page setup
How to place the booking form with the [schedopia_booking] shortcode, switch it to event mode, and use it in the block editor, Elementor or the classic editor.
The shortcode
Schedopia renders its booking form wherever you place this shortcode:
[schedopia_booking]That gives you the appointment form: service, time, details.
For event seat reservations, add the mode attribute:
[schedopia_booking mode="event"]That gives you the event form: choose a session, pick seats on the map, enter details.
One form per page
Only one booking form can appear on a page. If you offer both appointments and events, put each shortcode on its own page (for example /book and /classes) and link to them from your navigation.
Block editor (Gutenberg)
- Add a Shortcode block.
- Paste
[schedopia_booking]or[schedopia_booking mode="event"]. - Publish.
The block shows the raw shortcode in the editor and renders the form on the front end.
Elementor
- Drag in the Shortcode widget.
- Paste the shortcode.
- Update the page.
The form inherits the width of the Elementor section or container it sits in. A full-width or wide container works best on desktop; the form is mobile-first and stacks on small screens regardless.
Classic editor and page builders
Paste the shortcode directly into the content area. Any builder that supports WordPress shortcodes, which is nearly all of them, will render it.
Theme compatibility
The form ships its own styles and does not depend on your theme’s CSS. Colours, fonts, shapes and buttons are set in the Form Appearance customizer, so you can match your site without writing CSS.
Timezones
Times are shown to the customer in their timezone and stored with the booking, so a customer in another country sees slots in local time while your admin shows them in your site’s timezone. See timezones.