Ox
OxPlugins

Embedding the Booking & Dashboard on Your Site

Shortcodes (Work Everywhere)

The spa vertical uses SBS shortcodes.

  • Booking form

    • [sbs_booking]

  • Customer dashboard (for logged-in clients)

    • [sbs_customer_dashboard]

  • Services list (to showcase services)

    • [sbs_services_list]

    You can paste these into any page, post, or builder text/code element.

    Elementor

    #### Booking form

  • Edit the page with Elementor.
  • Add Spa Booking → Booking widget (under the sbs-booking category).
  • Configure options such as default service type, specific service, provider, and whether to show the header.

    • #### Customer dashboard

  • Create a “My Bookings” or “My Account” page.
  • Add Spa Booking → Dashboard widget.
  • Save the page and optionally restrict it to logged-in users only.

    • Gutenberg (Block Editor)

    #### Booking form

  • Edit a page using the Block Editor.
  • Click “+” and search for Spa Booking Form.
  • Insert the block and configure attributes in the sidebar.

    • #### Customer dashboard

  • Edit the client dashboard page.
  • Click “+” and search for Spa Customer Dashboard.
  • Insert the block and publish the page.

    • Divi

    #### Booking form

  • Edit the page with Divi.
  • Add a Text or Code module.
  • Paste:

    • [sbs_booking]

    #### Dashboard

  • On your “My Bookings” page, add a Text or Code module.
  • Paste:

    • [sbs_customer_dashboard]

    WPBakery

    #### Booking form

  • Edit the page with WPBakery.
  • Add a Text Block or Raw HTML element.
  • Paste:

    • [sbs_booking]

    #### Dashboard

  • On the dashboard page, add a Text Block or Raw HTML element.
  • Paste:

    • [sbs_customer_dashboard]

    Beaver Builder

    #### Booking form

  • Launch Beaver Builder.
  • Drag an HTML or Text Editor module.
  • Paste:

    • [sbs_booking]

    #### Dashboard

  • On the dashboard page, add an HTML or Text Editor module.
  • Paste:

    • [sbs_customer_dashboard]

    Oxygen Builder

    #### Booking form

  • Edit the page in Oxygen.
  • Add a Shortcode element.
  • Paste:

    • [sbs_booking]

    #### Dashboard

  • Add a Shortcode element to the dashboard page.
  • Paste:

    • [sbs_customer_dashboard]

    Bricks Builder

    #### Booking form

  • Edit the page with Bricks.
  • Add a Shortcode element.
  • Paste:

    • [sbs_booking]

    #### Dashboard

  • On the dashboard page, add a Shortcode element.
  • Paste:

    • [sbs_customer_dashboard]

    Services List (All Builders)

    To display your services in a grid:

  • Add a Text, Code, HTML, or Shortcode element.
  • Paste:

    • [sbs_services_list]

    To show only a specific category (for example, massage):

    [sbs_services_list category="massage" columns="3"]

    Was this page helpful? /