Support
Documentation

Using SuperSaaS on mobile devices

When using your online appointment schedule via a mobile device such as an iPhone or tablet, the system will automatically show a version optimized for handheld devices.

You do not need to configure any settings for your schedule to be usable on a mobile device. The mobile version can also be used on a desktop and vice versa.

iPhone
There are several designs to choose from. The design theme typically applies to both the desktop and the mobile version, but some themes offer an alternative mobile design. You can find this setting under Layout Settings on your account dashboard.

Using the mobile version on a desktop

If you want to use the mobile version of your online appointment schedule on a desktop, you can force this display by replacing www.supersaas.com with m.supersaas.com in the web address. For example, if the link is www.supersaas.com/schedule/example, you would navigate to m.supersaas.com/schedule/example.

One reason to use the mobile version on a desktop is to get a smaller appointment schedule to put inside an iframe. When you use an iframe to integrate the appointment calendar into a site, there may not be enough room available for the full desktop version. In this case, the mobile version would be better suited.

Any domain that starts with “m.” will cause the mobile version to display, so if you use a custom domain name for your schedule then you can add another custom domain that starts with “m.” to get that same capability.

Using the desktop version on a mobile device

On tablet devices with a large screen, such as an iPad, you may find it convenient to use the desktop version instead of the mobile version, provided that you have a fast internet connection. You can switch a mobile device to the desktop version with the Show desktop link at the bottom of the screen. To switch back, you would replace “www” with “m” as explained in the previous paragraph. You can force the system to show the desktop version by default by replacing www.supersaas.com with d.supersaas.com in the link to your schedule.

Differences between the mobile version and the desktop version

The mobile version of the site has been optimized for small screens and slow download connections. Most pages require that JavaScript is enabled and those will therefore only work on phones that have JavaScript switched on. On all modern phones and tablets JavaScript is switched on by default, including the iPad, iPhone, all Android and smartphones.

The configuration pages have not been optimized for handheld devices; setup and configuration should be done on a desktop or laptop computer. You can still access them by clicking the Show desktop link at the bottom of the phone screen.

Putting your schedule on the home screen on an iPhone or iPad

If you frequently visit your appointment schedule on an iPhone or iPad, it can be convenient to be able to launch it from an icon on the home screen of your iOS device. You can follow the steps underneath to create the shortcut.

Please note that there is no need to go to the App Store to download an app to do this.

Video preview
Click to enlarge and play video
  1. Visit the link to your appointment schedule in the Safari browser on your iPhone or iPad.
  2. When the page has finished downloading, click iOS share icon (or pre-iOS 7 share icon on devices with older versions of iOS) and select the option Add to Home Screen from the menu that appears.
  3. A SuperSaaS icon will appear on the home screen of your iPhone or iPad, as if it were an app. You can do this multiple times if you have multiple schedules. Clicking it will open your schedule.

Putting your schedule on the home screen of an Android device

You can add a shortcut to your schedule on the home screen of your Android device. That way you can access the schedule with a single tap on your mobile phone or tablet. To do so, you can follow these steps:

Video preview
Click to enlarge and play video
  1. Visit the link to your schedule in Chrome on your device
  2. Press the three dots in the upper right corner and scroll down for the option Add to Home Screen
  3. The shortcut is now added to your home screen. If you want to move it you can press and hold the shortcut and move it around on your home screen