Salon Booking System is equipped with a Mobile Web App that is fully synchronized with the plugin and allows the salon administrator and staff members to manage reservations.
Jump to a specific section:
- What’s the Mobile Web App
- What are the main features of the Mobile Web App
- How to grant access to salon staff member
- Mobile Web App main screens
- How to add a reservation on the Mobile Web App
- The customers address book and customer photo gallery
- How to enable Web Push notifications
- Multi-Shops compatibility with the Mobile Web App
- Mobile Web App Troubleshooting
What’s the Mobile Web App
The Mobile Web App, available for all the users of the Pro edition of Salon Booking System, is a tool that salon administrators and staff members can use to manage reservations mainly from a mobile device, avoiding the complexity of the WordPress dashboard.
The Mobile Web App can be easily accessed from a special URL of your website: www.yourwebsite.com/salon-booking-pwa
You’ll be requested to log-in as administrator or Salon Staff role, then you’ll be automatically redirected to the Mobile Web App.
What are the main features of the Mobile Web App?
The Mobile Web App offers the following features:
- Control upcoming reservations
- Control reservations calendar
- Create / Edit reservations
- Block Time-slots
- Access Customers address book
- Managing Customers photo-gallery
How to grant access to salon staff members
While the website administrator has access to the mobile app by default, if you want to grant access to your salon staff members,
you need to create an account for each of them on WordPress and assign them a “Salon Staff” role.
This way, these users can access the Mobile Web App.
If you want to limit the access to salon staff members to Mobile Web app to their reservations only, please follow these instructions.
Mobile Web App main screens
The Mobile Web App is made by the following screens:
- Upcoming reservations
- Bookings Calendar
- Booking details
- Create/Edit reservation
- Customers address book
Upcoming reservations
You can filter reservations by time-range and by assistant, if you have Assistants selection option enabled.
Reservation calendar
Here you have a calendar where you can check the reservations by date. We use a color system to easily understand when a date is past or unavailable, when is fully free or when is still free while having already some reservation.
Once you select a date, scroll down, and you’ll see all the single time slots for that date and the reservations for each hour. For each time slot you have “+” icon that allows you to create a new reservation.
If the icon is disabled it’s because the slot is full or unavailable.
For each time-slot you have a “locker” icon, that allows you to block that time slot.
Adding a new reservation
Once you selected the desired hour slot for a new reservation you can easily select the customer from “Customers address book” or or entering the details for a new customer.
When you add a service or assistant to a reservation, the system will inform you if you if they are available or not.
Booking details screen
Clicking on an existing reservation you can easily have a look at the details and perform these tasks:
- Send an SMS to the customer
- Call the customer
- Edit the current reservation
- Add a Photogallery
Customers address book
Customers photo gallery
You can create a photo gallery for each of your customer by simply accessing the “Customers address book” section or from an existing reservation.
Step to follow:
- Click on the “image” icon
- Then choose if you want to take a picture from your phone or use an existing photo
You can take/select multiple images for each customer.
You can set a “cover image” by clicking on the “check” icon on the left. You can also delete a photo.
Web push notifications
We’ve implemented “Web push notifications” system that will notify you when a new reservation is arrived.
Here is a guide on how to enable them:
go to “Settings / General / API service /Onesingnal Notification service” and click on “Generate” link.
Access your Web App and “Allow” notifications from the pop-up notice:
You need to consider that “Web push notifications” have some limits:
- They are fully supported on Android devices, while for iOS they will be supported from 2023 only
- They work only when the browser is open
Multi-Shops compatibility
Troubleshooting
Follow these suggestions if you have problems using the app.
- Login issues
- Your website needs to have a valid https certificate
- Make sure you are using your WordPress administrator or Salon staff user account credentials
- Make sure to type the credentials in a correct way
- Make sure you are using Pretty Permalinks on your WordPress settings: https://www.dropbox.com/s/br2dq7ae8zj2v80/Screenshot%202019-07-23%2011.53.10.png?dl=0
- Make sure your WordPress API are working correctly check the: http://yoursite.com/wp-json/ url (https://developer.wordpress.org/rest-api/)
