Line 1: |
Line 1: |
− | [https://simplybook.me/ SimplyBook.me] has no option of booking days, however, there is a workaround, please check if it is suitable for your business. | + | <br/><br/> |
| + | [https://simplybook.me/ SimplyBook.me] has no option of booking days, however, there is a workaround, please check if these options are suitable for your business. |
| + | <br/> |
| + | :'''Video tutorial available '''[[File:Youtube-Logo.png|link=https://www.youtube.com/watch?v=a-VfZaTE7HQ&feature=youtu.be]]<br/><br/> |
| + | __TOC__ |
| + | ==Multiple services== |
| | | |
− | 1. In Settings // General Settings // Configuration // Allow service to extend over breaktime and Allow service to extend over closing hours.<br/> | + | 1. In <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Main configuration</span> -> set both <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Allow service to extend over breaktime</span> and <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Allow service to extend over closing hours.</span> to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Yes</span> and save.<br/> |
− | [[File:Extendtime.png | center ]] <br/> | + | <nomobile>[[File:Allow service to extend over closing hours.png | center]]</nomobile> |
− | 2. In Manage // Services // Add service button create service with the duration corresponding to the amount of days your service will be offered for (3 days=3 hours, 7 days=7 hours).<br/> | + | <mobileonly>[[File:M extend over service settings.png | center]]</mobileonly> |
− | [[File:Book3DaysService750.png | center ]]<br/> | + | <br/><br/> |
− | 3. In the Time settings // Company opening hours (when you have only 1 service) or in the working hours of the provider (Time settings // Service provider schedule) related to the service (see how to relate service and provider [[Settings#I need certain performers to provide only specific services.| here]] ) open only 1 hour each day.<br/> | + | 2. In <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Manage</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Services</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">+</span> button create service with the duration corresponding to the amount of days your service will be offered for (3 days=3 hours, 7 days=7 hours).<br/><br/> |
− | [[File:Open1hourADay750.png | center ]] <br/> | + | <nomobile>[[File:Service days booking.png |center]]</nomobile> |
| + | <mobileonly>[[File:M book 3 days duration.png | center]]</mobileonly> |
| + | <br/> <br/> |
| + | 3. In the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Company opening hours</span> (when you have only 1 service) or in the working hours of this service (<span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Services schedule</span> or <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Manage</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Services</span> -> select the service -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Services schedule</span>) open only 1 hour each day. |
| + | <nomobile>[[File:Book days schedule new.png | center ]]</nomobile> |
| + | <mobileonly>[[File:M book 3 days service schedule.png | center]]</mobileonly> |
| + | <br/><br/> |
| 4. The system will then book the number of hours indicated in service duration as the number of days.<br/> | | 4. The system will then book the number of hours indicated in service duration as the number of days.<br/> |
− | [[File:Book3DaysInCalendar750.png | center ]] | + | <nomobile>[[File:3days booking v3.png | center ]]</nomobile> |
| + | <mobileonly>[[File:M book 3 days calendar booking.png | center]]</mobileonly> |
| + | <br/><br/> |
| + | 5. For your clients this setup will look in the following way: |
| + | [[File:Book days client side view option 1.png|1200px|border|center]] |
| + | <br/><br/> |
| + | ==Single service with the use of [[Custom_Features#Service_Add-ons |Add-ons]]== |
| + | 1. In <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Main configuration</span> -> set both <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Allow service to extend over breaktime</span> and <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Allow service to extend over closing hours.</span> to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Yes</span> and save.<br/> |
| + | <nomobile>[[File:Allow service to extend over closing hours.png | center]]</nomobile> |
| + | <mobileonly>[[File:M extend over service settings.png | center]]</mobileonly> |
| + | <br/><br/> |
| + | 2. In <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Manage</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Services</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">+</span> button create service with the duration corresponding to the amount of days your service will initially be offered for (3 days=3 hours, 7 days=7 hours).<br/><br/> |
| + | <nomobile>[[File:Service days booking.png |center]]</nomobile> |
| + | <mobileonly>[[File:M book 3 days duration.png | center]]</mobileonly> |
| + | <br/> <br/> |
| + | 3. Enable <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Service_Add-ons |Service add-ons]]</span> custom feature inside the tab on the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Services</span> page or in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom features</span> section. |
| + | [[File:Service add-ons enable path tab.png|border|center]] |
| + | <br/> <br/> |
| + | 4. In <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Manage</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Service add-ons</span> create all the desired additional duration options. |
| + | [[File:Service add-on +1day.png|border|center]] |
| + | <br/> <br/> |
| + | 5. (optional) Relate the Add-ons to the desired services if necessary and you have some specific additional duration options per service. |
| + | [[File:Service add-ons connect to service.png|border|center]] |
| + | <br/> <br/> |
| + | 6. In <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Company opening hours</span> (when you have only 1 service) or in the working hours of this service (<span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Services schedule</span> or <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Manage</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Services</span> -> select the service -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Services schedule</span>) open only 1 hour each day. |
| + | <nomobile>[[File:Book days schedule new.png | center ]]</nomobile> |
| + | <mobileonly>[[File:M book 3 days service schedule.png | center]]</mobileonly> |
| + | <br/><br/> |
| + | 7. Here you can see how this way will look like on the client side |
| + | (they will select the main service first and then choose the additional duration if they need to): |
| + | [[File:Book days client side view option 2.png|1200px|border|center]] |
| + | <br/><br/><br/><br/> |