Documentation
Print page

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
To ensure that you are using the newest version of the mobile interface you will first need to select the option “Use modern design on mobile devices”. 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 the 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 an additional 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 Smart phones.

The configuration pages have not been optimized for handheld devices; it is assumed that setup and configuration will 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 it can be convenient to be able to launch it from an icon on the home screen of your iPhone or iPad.

  1. To do this, 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.
iPhone home screen

Note that there is no need to go to the iTunes App store and download an app to do this.

Putting your schedule on the home screen of an Android device

To put your appointment schedule on the home screen of an Android device so you can access it with a single tap, take the following steps:

  1. Bookmark your appointment calendar page in the browser
  2. Go to the home screen you want to add the link to
  3. Long-press in an empty space to bring up the Add to Home Screen menu
  4. Select Shortcuts
  5. Select Bookmark
  6. Choose the bookmark created in the first step