Skip to content
Contact us
  • There are no suggestions because the search field is empty.

Setting Up and Customizing Your My Salon App

The My Salon App empowers businesses by putting their services directly into clients' hands. This guide outlines the steps for configuring your app and customizing its appearance.

 

1.Logo and Branding 

Visual Branding, hero colours and logos are the same as your online booking Branding so no setup is required.

If you would like to change/review the colour or logos please update in the console under Company and Site settings.   

2.Configuring Site Settings

Accessing Site Details

  • Log in to the Shortcut Smart System Console.

  • Select Site Settings to confirm and update your site details.

  • Update logo and Feature image.

  • If you manage multiple sites, use the drop-down menu to switch between them.

3. Managing Dashboard Tiles

Understanding Default Tiles

Navigate to the My Salon App tile to view and edit dashboard tiles:

  • Book Now: Facilitates new appointment bookings.

  • My Future Bookings: Allows clients to manage future bookings.

  • My Previous Visits: Allows: Clients to view previous bookings and rebook
  • Services: This shows a list of services offered at the Salon
  • Our Team: Introduces staff members and allows bookings with specific employees.

  • About: Displays business details, including location, description, and product brands.

  • Contact us: Clients can see your contact details, opening hours, links to your social media and website, and the Short Description of your business. Ensure your details are correct in the Site Settings screen of this Console.
  • My Profile: Enables clients to update personal information, such as name and contact details.
  • Services: Displays available services and booking options.

  • News: Shows recent Facebook posts and links to your page (ensure Facebook is linked in Book Me Settings).

  • Check-In :This shows the availability of a self check-in slot

  • Call us: Opens the user's calling app, with your number pre-entered, ready for them to call you. Ensure your phone number is correct in the Site Settings screen of this Console.
  • Directions: Opens the user's navigation app, with your address pre-filled, ready for users to navigate to. Ensure your address is correct in the Site Settings screen of this Console.
  • Loyalty: This allows clients to join a Loyalty program, access their digital Loyalty card, and view their points and rewards balance

Editing Tiles

  • Click a tile name to edit its label and image.

  • Upload new images by selecting Choose File and clicking Save.

Adding Custom Tiles

  • Click New Tile to create a custom link (e.g., blog or social media).

  • Enter a label, URL, and upload an image.

  • Save changes and arrange tiles on the dashboard by dragging and dropping.

App Tile Images Size Guide

Use this guide when designing the content of your app. Your app is made up of various 'tiles' your clients will be able to tap on to access different features of your app. Each tile you choose to include in your app requires an image, the size of the image depends on how many other tiles are in the same row as that tile. Please ensure each image is the following format:

  • .JPG or .PNG format

  • 72 DPI Resolution

  • Less than 100 kb in size

The size of a tile changes depending on how many tiles you have in a row (1, 2 or 3). Below are recommendations for the size of your tile images depending on how many tiles per row you have.

1 Image Per Row - 594x220 pixels

2 Images Per Row - 288x220 pixels

3 images Per Row - 187x220 pixels

Each device renders and crops the images slightly differently, so we recommend important aspects of your image don’t touch the sides as the edges of images may be cropped out by different devices.

App Tile Layout

Your app is created using the tiles you have provided above. You can have an unlimited number of rows with a maximum of 3 tiles per row, use the example image on the right as a guide to help you decide how you want each row to look.

If you only choose 1 tile for a row the image will stretch across the full width, this is great if you want to promote a key feature such as online booking. If you select 2 tiles the row is divided into 2 even sections. If you select 3 tiles and the row is divided into 3 sections.

4. Customizing the Dashboard Layout

  • Go to the Dashboard

  • Arrange tiles by dragging them into position (maximum of three tiles per row).

  • Remove tiles by dragging them to the Inactive Tiles box.

  • Restore tiles by dragging them back to the dashboard.

  • Save all changes before exiting.

 


5. Final Steps and Activation

Activating the App

  • Return to My Salon App Settings and check the box to activate the app.

  • Click Save to complete the setup.

 

Previewing the App

  • Test the app on your phone to ensure tiles and images display correctly.

  • Adjust and re-upload images as needed to fit tile layouts.