SuperSaaS

SuperSaaS is an online scheduling system that lets customers book appointments directly through your ShopWired website. It provides embed code for adding a booking button or a booking frame to specific pages, with all booking settings controlled in your SuperSaaS account.

SuperSaaS offers booking buttons and embedded schedule frames that can be placed on individual pages across your website depending on your display requirements.

Key features for SuperSaaS include:

Booking buttons that open your schedule in a new tab
Embedded booking frames that display your schedule inside a page
Configurable display and behaviour from your SuperSaaS account
Embed scripts that can be added to individual pages

SuperSaaS integrates with ShopWired by adding embed code to your ShopWired website pages to display a booking button or booking frame that displays your schedule directly on a page.

SuperSaaS does not integrate with ShopWired products. It is not possible to use a ShopWired product to take payment for an appointment while using SuperSaaS to provide availability or scheduling.

SuperSaaS does not integrate with ShopWired Payments.

ShopWired can only provide support to you on 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. After your account is created, configure your schedules and booking settings in the SuperSaaS dashboard. Select how you want your booking button or booking frame to display on your ShopWired website.

Installing SuperSaaS on your ShopWired website

SuperSaaS provides two display options for adding booking functionality to your ShopWired website:

A booking button
An embedded booking frame

You can install either with two options:

Display your schedule in a new browser tab
Display your schedule directly on a page

Booking button

Use the booking button when you want to add a clickable button to a page that opens your SuperSaaS schedule.

Copy the booking button code from your SuperSaaS account, similar to the example 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>
<!-- Pop-up button -->
<button onclick="supersaas_808224.show()" style="padding:9px 27px; font-size:18px; font-family:Arial,sans-serif; font-weight:bold; color:#ffffff; background-color:#0078cc; border-radius:9px; border:solid 1px #0078cc">Book now</button>

Add this code to a specific page on your ShopWired website:

Into a landing page or other page as a custom HTML element
Navigate to Website > Themes and select customise your theme
Select add a new section
Select the custom HTML section type
Paste the embedded schedule code into the Custom HTML setting
Use the theme editor to position the booking button on the page

Booking frame

Use the booking frame to display your schedule inside a page.

Copy the booking frame code from your SuperSaaS account, similar to the example 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>

Add this code to a specific page on your ShopWired website:

Into a landing page or other page as a custom HTML element
Navigate to Website > Themes and select customise your theme
Select add a new section
Select the custom HTML section type
Paste the embedded schedule code into the Custom HTML setting
Use the theme editor to position the booking frame on the page

Recommendations

Choose the appropriate display option

Select the booking button if you want to direct users to an external booking page, or use the embedded booking frame if you want the booking interface to appear directly within a page.

Confirm schedule settings in SuperSaaS

Ensure your schedule is correctly configured in your SuperSaaS account, including availability, form fields and required information.

Test the booking button or frame after installation

Check behaviour on desktop and mobile to confirm the button or embedded frame loads and displays correctly.

Position embedded frames carefully

When using an embedded schedule frame, ensure the height value in the iframe is large enough to display the full booking interface.