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. Configuring Site Settings

Accessing Site Details

  • Log in to the Shortcut Smart System Console.

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

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

Adding Business Information

  • Fill in essential details such as product brands and business descriptions.

  • Add gallery images:

    • Select Site Gallery and click Choose File to upload images.

    • Click Upload Image to save changes.

2. Managing Dashboard Tiles

Understanding Default Tiles

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

  • My Appointments: Allows clients to manage past and future bookings.

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

  • My Profile: Enables clients to update personal information, such as name and contact details.

  • Book Now: Facilitates new appointment bookings.

  • Meet the Team: Introduces staff members and allows bookings with specific employees.

  • Specials: Highlights current promotions.

  • 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 and Visit History: Integrates with the walk-in manager for real-time updates and past visit logs.

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.

3. Customizing the Dashboard Layout

  • 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.

4. Theming and Branding

Selecting Themes

  • Go to Theming to select a default theme or create a custom look.

Customizing Colors

  • Click a color field and select from the swatch or enter a hex code.

  • Preview changes in real time and click Save to finalize.

5. Final Steps and Activation

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.

Activating the App

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

  • Click Save to complete the setup.

Key Takeaways

  • Keep site details and images up-to-date for a professional look.

  • Use default and custom tiles to highlight services and promotions.

  • Customize colors and themes to match your brand identity.

  • Activate and test the app to ensure it meets client expectations.