SuperSaaS

SuperSaaS is an online scheduling platform that allows visitors to book appointments through a website using booking buttons or embedded schedules.

Key features include:

Booking buttons that open a scheduling page in a new browser tab
Embedded booking frames that display a schedule directly within a page
Script-based widgets for adding booking functionality to pages
Page-level embedding for flexible placement of schedules

SuperSaaS integrates with ShopWired by adding to individual website pages to display booking buttons or embedded booking frames.

SuperSaaS does not integrate with ShopWired products or ShopWired Payments. It is not possible to use ShopWired products or the ShopWired payment gateway to take payment for appointments booked through SuperSaaS.

ShopWired can only provide support for the instructions provided in this help guide. For assistance with your SuperSaaS account, contact SuperSaaS support directly.

Account creation

Create an account on the SuperSaaS website. SuperSaaS provides embed code that can be added to your website to display booking buttons or embedded schedules.

Booking button

Use this method to add a booking button to a page on your website. Selecting the button opens the SuperSaaS schedule in a new browser tab.

An example of booking button embed code is shown below:

<script src="https://cdn.supersaas.net/widget.js"></script>
<script class="supersaas-widget">
  var supersaas_123456 = new SuperSaaS(
    "000000:YourAccount",
    "000000:YourAccount",
    {"view":"week"}
  );
</script>
<button onclick="supersaas_123456.show()">
  Book now
</button>

The code shown above is provided as an example only. You must copy the exact embed code provided in your own SuperSaaS account, as the code and any ID values will be unique to your website.

Add this code to a page on your ShopWired website:

Navigate to Website > Themes
Select customise your theme
Select the page where you want the booking button to appear
Select add a new section
Select the custom HTML section type
Paste the booking button code into the Custom HTML setting
Use the theme editor to position the booking button on the page

The booking button will now display on the selected page.

Booking frame

Use this method to display an embedded SuperSaaS schedule directly within a page on your website.

An example of booking frame embed code is shown below:

<script src="https://cdn.supersaas.net/widget.js"></script>
<script class="supersaas-widget">
  var supersaas = new SuperSaaS(
    "000000:YourAccount",
    "000000:YourAccount",
    {"widget_type":"frame","view":"week"}
  );
</script>