|
|
(32 intermediate revisions by 2 users not shown) |
Line 1: |
Line 1: |
− | <languages />
| |
− |
| |
− |
| |
| {{#seo: | | {{#seo: |
| |title=Custom Features - SimplyBook.me | | |title=Custom Features - SimplyBook.me |
Line 8: |
Line 5: |
| }} | | }} |
| | | |
− | <translate>
| |
− | <!--T:1-->
| |
− | Custom Features are additional functionalities of the system that will help you to improve your business. Please check the list of Custom Features below along with their descriptions and instructions how to use.<br><br>
| |
| | | |
| + | Custom Features are additional functionalities of the system that will help you to improve your business. Please check the list of Custom Features below along with their descriptions and view the instructions how to use.<br><br> |
| | | |
− | <!--T:2-->
| |
| Video overview [[File:Youtube-Logo.png|link=https://www.youtube.com/watch?v=nW60o_RIvhY&feature=youtu.be]] | | Video overview [[File:Youtube-Logo.png|link=https://www.youtube.com/watch?v=nW60o_RIvhY&feature=youtu.be]] |
− | | + | <p><youtube>nW60o_RIvhY</youtube></p> |
| | | |
| You may also need: | | You may also need: |
Line 26: |
Line 20: |
| <div class="plugin">[[Custom_Features#Accept_Deposits| Accept Deposits]]</div> | | <div class="plugin">[[Custom_Features#Accept_Deposits| Accept Deposits]]</div> |
| <div class="plugin">[[Custom_Features#Accept_Payments| Accept Payments]]</div> | | <div class="plugin">[[Custom_Features#Accept_Payments| Accept Payments]]</div> |
| + | <div class="plugin">[[Custom_Features#Anti-Fraud/Spam Protection Custom Feature| Anti-Fraud/Spam Protection Custom Feature]]</div> |
| <div class="plugin">[[Custom_Features#Any_Employee_Selector| Any Employee Selector]]</div> | | <div class="plugin">[[Custom_Features#Any_Employee_Selector| Any Employee Selector]]</div> |
| <div class="plugin">[[Custom_Features#API| API]]</div> | | <div class="plugin">[[Custom_Features#API| API]]</div> |
Line 32: |
Line 27: |
| <div class="plugin">[[Custom_Features#Book_Soon_Notification_System| Book Soon Notification System]]</div> | | <div class="plugin">[[Custom_Features#Book_Soon_Notification_System| Book Soon Notification System]]</div> |
| <div class="plugin">[[Custom_Features#Calendar_Sync| Calendar Sync]]</div> | | <div class="plugin">[[Custom_Features#Calendar_Sync| Calendar Sync]]</div> |
| + | <div class="plugin">[[Custom_Features#Campaign| Campaign]]</div> |
| <div class="plugin">[[Custom_Features#Cancellation_Policy| Cancellation Policy]]</div> | | <div class="plugin">[[Custom_Features#Cancellation_Policy| Cancellation Policy]]</div> |
| <div class="plugin">[[Custom_Features#Classes| Classes]]</div> | | <div class="plugin">[[Custom_Features#Classes| Classes]]</div> |
Line 70: |
Line 66: |
| <div class="plugin">[[Custom_Features#Limit_Bookings| Limit Bookings]]</div> | | <div class="plugin">[[Custom_Features#Limit_Bookings| Limit Bookings]]</div> |
| <div class="plugin">[[Custom_Features#Line_Bot| Line Bot]]</div> | | <div class="plugin">[[Custom_Features#Line_Bot| Line Bot]]</div> |
| + | <div class="plugin">[[Custom_Features#LINE_LIFF| LINE LIFF]]</div> |
| <div class="plugin">[[Custom_Features#Loyalty_System| Loyalty System]]</div> | | <div class="plugin">[[Custom_Features#Loyalty_System| Loyalty System]]</div> |
| <div class="plugin">[[Custom_Features#Make_me_Look_Busy| Make me Look Busy]]</div> | | <div class="plugin">[[Custom_Features#Make_me_Look_Busy| Make me Look Busy]]</div> |
Line 93: |
Line 90: |
| <div class="plugin">[[Custom_Features#SSO:_SAML| SSO: SAML]]</div> | | <div class="plugin">[[Custom_Features#SSO:_SAML| SSO: SAML]]</div> |
| <div class="plugin">[[Custom_Features#Status| Status]]</div> | | <div class="plugin">[[Custom_Features#Status| Status]]</div> |
| + | <div class="plugin">[[Custom_Features#Tags| Tags]]</div> |
| <div class="plugin">[[Custom_Features#Take_Me_Back_Home| Take Me Back Home]]</div> | | <div class="plugin">[[Custom_Features#Take_Me_Back_Home| Take Me Back Home]]</div> |
| <div class="plugin">[[Custom_Features#Telegram_Notifications| Telegram Notifications]]</div> | | <div class="plugin">[[Custom_Features#Telegram_Notifications| Telegram Notifications]]</div> |
Line 98: |
Line 96: |
| <div class="plugin">[[Custom_Features#Ticket's_QR_Code| Ticket's QR Code]]</div> | | <div class="plugin">[[Custom_Features#Ticket's_QR_Code| Ticket's QR Code]]</div> |
| <div class="plugin">[[Custom_Features#Tickets| Tickets]]</div> | | <div class="plugin">[[Custom_Features#Tickets| Tickets]]</div> |
| + | <div class="plugin">[[Custom_Features#Tips| Tips]]</div> |
| <div class="plugin">[[Custom_Features#Vaccination report| Vaccination report]]</div> | | <div class="plugin">[[Custom_Features#Vaccination report| Vaccination report]]</div> |
| <div class="plugin">[[Custom_Features#Visitor_Counter| Visitor Counter]]</div> | | <div class="plugin">[[Custom_Features#Visitor_Counter| Visitor Counter]]</div> |
Line 103: |
Line 102: |
| <div class="plugin">[[Custom_Features#Zapier_Connector| Zapier Connector]]</div> | | <div class="plugin">[[Custom_Features#Zapier_Connector| Zapier Connector]]</div> |
| <br><br><br><br> | | <br><br><br><br> |
− | =Accept Deposits= <!--T:3-->
| |
− | [[File:Accept deposits icon.png |left]]<br> Use deposits to increase the likelihood of clients coming for the service and make sure that in case they do not show up that you can keep the deposit. Remark that some clients may contact their bank directly to get refund of deposits in which case there is little that can be done but such cases should be rare.
| |
− | <br><br>
| |
− | <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note''':</span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">When you enable Accept deposits feature <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Accept_payments_custom_feature|Accept Payments]]</span> will be enabled as well.</span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">Deposit amounts can only be set per services and/or <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Classes_custom_feature|classes]].</span></span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">This feature is not compatible with <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Tickets custom feature|Tickets]]</span> and <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Ticket%27s_QR_Code|Ticket's QR Code]]</span>.</span></span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">If the client wants to apply <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Coupons_and_Gift_Cards_custom_feature|a promocode]]</span> or a previously purchased <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Packages_custom_feature|package]]</span> during purchase he/she needs to pay full price only as these items cannot be applied with deposits.</span>
| |
− | <br><br>
| |
− | ;How to use
| |
| | | |
− | <!--T:4-->
| + | =[[Accept deposits custom feature|Accept Deposits]]= |
− | :1. To enable this feature please navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> page, <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Business enhancements</span> section, click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Accept deposits</span> and either move the switcher to the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">On</span> position or hit <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Enable</span> button on the right side of the page.
| + | [[File:Accept deposits icon.png |left]] Use deposits to increase the likelihood of clients coming for the service and make sure that in case they do not show up that you can keep the deposit. Remark that some clients may contact their bank directly to get refund of deposits in which case there is little that can be done but such cases should be rare. |
− | [[File:Accept deposits enable path.png |border| center]] | |
− | <br><br>
| |
− | :2. You can set the system to allow the clients to pay deposits only via booking site by disabling <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Allow clients to pay full price</span> option on the right side of the page.<br>
| |
− | :In this case if deposit amount is indicated per service/<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Classes_custom_feature|class]]</span> the client will pay that amount to confirm their booking.<br>
| |
− | :If only full amount is set per service/class then the clients will pay full price.
| |
− | :In case <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Allow clients to pay full price</span> is enabled(default state) and deposit amount is indicated per service/class the clients will have a choice to pay either full price or deposit at checkout.
| |
− | [[File:Accept deposits setting.png|border| center]] | |
− | <br><br>
| |
− | :3. To set deposit amounts per your services please either go to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Manage</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Services(Classes)</span> or use <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Manage</span> button near this custom feature title.
| |
− | [[File:Accept deposits go to service management.png |border|center]]
| |
− | <br><br>
| |
− | :4. Click on the service/class name for the desired item to open <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Service/Class details</span> tab and move <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Enable deposit</span> switcher to the active position.
| |
− | [[File:Enable deposit per service.png |boredr|center]]
| |
− | <br><br>
| |
− | :5. Indicate the amount you would like to receive as a deposit for this item in the corresponding box(it should be less than actual price, but more than 0) and save settings.
| |
− | [[File:Set deposit per service.png |boredr|center]]
| |
− | <br><br>
| |
− | :6. After you save all the settings the services will have two prices displayed on the booking site: full amount and deposit.
| |
− | [[File:Deposits booking site vew upd.png|1200px |border|center]]
| |
| <br><br> | | <br><br> |
− | :7. When the clients pay the deposit amount online to confirm their booking two orders/invoices will be created in the system: one for the deposit and the second for the rest amount<br> | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Accept deposits custom feature|...>]]</span>''' |
− | :(it will be shown as pending till the client pays at the place of appointment and you manually approve it).<br>
| |
− | :You can manage them in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Reports</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Payment transactions.</span> | |
− | [[File:Deposit booking invoices.png|border| center]]
| |
| <br><br> | | <br><br> |
− | :Or via <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Point_of_Sale_custom_feature|Point of Sale]]</span> interface:
| |
− | [[File:Deposit booking pos.png|border|center]]
| |
− | <br><br><br><br>
| |
| ------ | | ------ |
| | | |
− | =[[Accept payments custom feature |Accept Payments]]= <!--T:5--> | + | =[[Accept payments custom feature |Accept Payments]]= |
− | <br>
| + | [[File:Accept payments small2.png|left]] Accept Payments Custom Feature allows you to accept payments from your clients online. You can set the price for your service and when your clients make a booking, they will be redirected to the payment page. |
− | [[File:Accept payments small2.png|left]] | + | You can accept payments via a variety of payment processors. All the online payments are processed by the payment gateway of your choice and if there is a need to issue a refund to a client it can be done if you are using SBPay.me integration or from the admin account of your payment processor. |
− | | |
− | <!--T:6-->
| |
− | Accept Payments Custom Feature allows you to accept payments from your clients online. You can set the price for your service and when your clients make a booking, they will be redirected to the payment page. | |
− | You can accept payments via a variety of payment processors. All the online payments are processed by the payment gateway of your choice and if there is a need to issue a refund to a client it can only be done from the admin account of your payment processor manually as Simplybook does not process any payments at the first place. | |
| <br><br> | | <br><br> |
− | To check gateways available by country please follow <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[https://simplybook.me/en/booking-system-features/payments this link].</span>
| + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Accept payments custom feature|...>]]</span>''' |
| <br><br> | | <br><br> |
− | <span style="background-color:#e7e3f9; padding:5px; border-radius:5px;">Video tutorial [[File:Youtube-Logo.png|link=https://www.youtube.com/watch?v=_aPSdiTVfpo]]</span>
| + | ----------- |
− | <br><br>
| |
− | <span style="background-color:#e7e3f9; padding:5px; border-radius:5px;"><span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[SBPay.me integration|SBPay.me PRO]]</span> integration video tutorial [[File:Youtube-Logo.png|link=https://www.youtube.com/watch?v=XPX7Xnsp5aM]]</span>
| |
− | <br><br>
| |
− | '''How to use'''
| |
− | <br><br>
| |
− | :1. Enable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Accept Payments</span> custom feature in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> section.
| |
− | [[File:Accept payments enable path new cf.png| border | center]]
| |
− | <br><br>
| |
− | :2. To add your payment processor details please go to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> for this feature.
| |
− | [[File:Accept payments settings path new cf.png | border| center]]
| |
− | <br><br>
| |
− | :3. On the right side you will see the list of processors available. Please find the desired one and add your credentials.
| |
− | [[File:Payment processors list1.png | border| center]]
| |
− | <br><br>
| |
− | ::3.1 (Optional) Set your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Payment timeout</span> in the left-side section of this feature, we recommend not less than 20-30 minutes.
| |
− | <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;">Services</span> -> (select the service to edit) -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Service details</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Price</span> set the price of your service.
| |
− | [[File:Set service price.png | border| center]]
| |
− | <br><br>
| |
− | :5. Add invoice information to the corresponding block and your clients will receive invoices about any purchase made within your system. You can also disable sending invoices to your clients if necessary.
| |
− | [[File:Invoice settings1.png| border| center]]
| |
− | <br><br>
| |
− | '''How Accept Payments custom feature works'''
| |
− | <br><br>
| |
− | :1. A client goes through the booking process and presses <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Book Now</span> at the end.<br><br>
| |
− | :2. He is directed to payment system and unconfirmed booking appears in the admin calendar marked red as ''not paid'' to reserve this time so that no other person can accidentally book the same slot and there will be no double-bookings. <br>
| |
− | [[File: Non-paid booking view.png | border | center]]<br><br>
| |
− | :3. After that, the client has 2 options:
| |
− | ::3.1. pay and the payment processor will send us confirmation that client has paid and we will automatically approve it on our side (booking will be marked with green color). <br>
| |
− | [[File: Paid booking view.png | border| center]]<br><br>
| |
− | ::3.2. do not finish paying: the client is directed to the payment system, but then he closes the page, closes the browser, or simply leaves it open without any actions for a long period of time. In this case, the system will wait until timeout you set up in the settings of <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Accept_Payments | Accept payments]]</span> custom feature will end and will cancel the non-paid booking because it was never finished. You can set the emails to be sent to client and/or you to be notified about the timed out bookings. <br>
| |
− | ::Same happens if the client paid, but paid later than timeout. In this case, if you receive a notification from PayPal/Stripe/etc. that client paid for the booking but as it was too late you can go to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Reports</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Payment transactions</span> and approve this booking manually.<br>
| |
− | [[File:Approve timeout booking v3.png | border|center]]<br><br>
| |
| | | |
− | <!--T:7-->
| + | =[[Anti-Fraud/Spam Protection Custom Feature|Anti-Fraud/Spam Protection Custom Feature]]= |
− | '''What is "Allow delay payment" option'''
| + | [[File:Booking restriction plugin icon.png|left]] This is an Anti-Fraud/Spam Protection feature. It enables administrators to limit the number of bookings that can be made from the same email, phone, and IP address. The feature provides various options, such as setting the maximum number of bookings, defining the time period in which these bookings can be made, and the ability to block or flag suspected fraudulent activities. This feature helps to prevent fraudulent or spammy bookings and protects the system's integrity, ensuring a smooth and trustworthy booking experience for legitimate customers. |
− | <br><br>
| |
− | [[File:Allow delay payment option.png | border | center]] | |
− | When your clients are transferred to the payment page after <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Details</span> tab, they usually have several options: your payment processor (one or several) and <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Pay Later</span>. <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Pay Later</span> means that client will pay right on the place when he/she arrives to the appointment. In your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Dashboard</span>, when you click on the appointment, such booking in the service price field will have a note <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">"Pay Later"</span>. If you want to disable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Pay later</span> option, set the switcher to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Off</span> position for <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Allow delay payment</span> in the settings of <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Accept_Payments | Accept payments]]</span> custom feature.
| |
− | <br><br>
| |
− | '''How to change the currency for payments'''
| |
| <br><br> | | <br><br> |
− | You can change the currency in the settings of <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Accept_Payments | Accept payments]]</span> custom feature. <br><br>
| + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Anti-Fraud/Spam Protection Custom Feature|...>]]</span>''' |
− | <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''' Some payment processors do not support all currencies. Before setting the currency, check if the selected payment processor supports it.</span>
| |
− | [[File:Select company currency.png|1200px|border|center]]
| |
| <br><br> | | <br><br> |
− | '''How to add tax to services'''
| |
− | <br><br>
| |
− | :1. Add the necessary taxes options in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Manage</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Taxes</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">+</span>
| |
− | :Choose the default one if necessary - it will be automatically set for each new sale item that you will create in the system.
| |
− | [[File:Creating_tax.png| border| center]]
| |
− | <br><br>
| |
− | :2. Navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Manage</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Services</span> and select the tax option per each service.
| |
− | :If you have other items like <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Classes_custom_feature|Classes]],</span> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Packages_custom_feature|Packages]],</span> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Membership_custom_feature|Memberships]],</span> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Products_for_Sale_custom_feature|Products for sale]],</span> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Service_Add-Ons_custom_feature|Service add-ons]],</span> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Coupons_and_Gift_Cards_custom_feature|Gift cards]]</span> and need taxes to be applied there as well please go to the corresponding management page and select from the pre-created taxes for each item.
| |
− | [[File:Add tax to service.png | border| center]]
| |
− | <br><br>
| |
− | :3. In <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom features</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Accept payments</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> choose whether the tax amount should be added to the price that you have set per service(or other item) or it is already included by using the switcher <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Prices include tax.</span><br>
| |
− | :If you enable the switcher it will mean that the amount that you have set per service is already with taxes.<br>
| |
− | :In case you disable the switcher the system will automatically add the selected tax percentage to the items prices<br>
| |
− | [[File:Prices include tax new.png|1200px|border|center]]
| |
− | <br><br>
| |
− | '''Can I use another payment processor that is not listed in the Accept payments custom feature'''
| |
− | <br><br>
| |
− | In that case please contact support and we will gladly check the possibilities of adding it to our system. Support may ask you to provide technical documentation related to this payment processor to check if there is a possibility of such an integration.
| |
− | <br><br>
| |
− | '''How to customize the client invoices'''
| |
− | It may be necessary to show or hide some data or change the look for the invoices that the system sends to clients after they make a purchase on your booking website.<br>
| |
− | You can adjust the following items:
| |
− | <br><br>
| |
− |
| |
− | <!--T:8-->
| |
− | 1. '''Company address.'''<br>
| |
− | If it is added in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Company information</span> and set to be displayed on the booking website it will also be shown in the invoices.
| |
− | [[File:Company address for invoices.png|1200px|border|center]]
| |
− | <br><br>
| |
− | [[File:Company address in invoice example.png|1200px|border|center]]
| |
− | <br><br>
| |
− | If you need to hide it simply check <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Don't show email on booking website</span> there, save settings and it will not appear neither on the website nor in the invoices.
| |
− | <br><br>
| |
− |
| |
− | <!--T:9-->
| |
− | 2. '''Company VAT number.'''<br>
| |
− | If it is added in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Company information</span> it will also be present in the invoices.
| |
− | [[File:Company vat number for invoices.png|1200px|border|center]]
| |
− | <br><br>
| |
− | [[File:Company vat number in invoice example.png|1200px|border|center]]
| |
− | <br><br>
| |
− |
| |
− | <!--T:10-->
| |
− | 3. '''Client address.'''<br>
| |
− | For the client address to be displayed please enable [[Client_Login_custom_feature|Client Login]] custom feature, enable both <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Display address on the booking page</span> and <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Make address mandatory registration field</span> in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Accessibility</span> section. Save settings.
| |
− | [[File:Client login address settings.png|1200px|border|center]]
| |
− | <br><br>
| |
− | [[File:Client address in invoice example.png|1200px|border|center]]
| |
− | <br><br>
| |
− |
| |
− | <!--T:11-->
| |
− | 4. '''<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Intake_Forms_custom_feature|Intake forms]]</span> and <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Client_Fields_Custom_Feature|Client Fields]]</span>'''<br>
| |
− | You can add certain forms to be displayed in the client information block.<br>
| |
− | If it is an intake form please go to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Manage</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Intake forms</span> -> click on the necessary form to select -> enable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Add field to invoice,</span> save settings.<br>
| |
− | [[File:Intake forms for invoices.png|1200px|border|center]]
| |
− | <br><br>
| |
− | Or if you wish to add a client form then navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Manage</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Client fields</span> -> click on the desired field to edit it -> enable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Add field to invoice,</span> save.<br>
| |
− | [[File:Client fields for invoices.png|1200px|border|center]]
| |
− | <br><br>
| |
− | As the result both the form title and the client response will be reflected in the invoice.
| |
− | [[File:Intake forms and client fields in invoice example.png|1200px|border|center]]
| |
− | <br><br>
| |
− |
| |
− | <!--T:12-->
| |
− | 5. '''Invoice design.'''<br>
| |
− | You can select one of the three invoice designs we have available.<br>
| |
− | Please choose default, white or dark template in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom features</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Accept payments</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Select invoice template</span> -> choose the desired look and save settings.
| |
− | [[File:Select invoice template.png|1200px|border|center]]
| |
− | <br><br><br><br>
| |
− |
| |
− | <!--T:13-->
| |
| ----------- | | ----------- |
| | | |
− | =[[Any_Employee_Selector_custom_feature |Any Employee Selector]]= <!--T:14--> | + | =[[Any_Employee_Selector_custom_feature |Any Employee Selector]]= |
− | <br>
| + | [[File:Any employee new icon.png |left]] You can use this Custom Feature to add a service provider called "Any provider" to the booking page, and if the client chooses this provider, all times of available providers will show. Or you can also use this Custom Feature to hide employee step on the booking page. or auto allocate any available provider for selected service randomly to simplify the booking process. |
− | [[File:Any employee new icon.png |left]] | |
− | <br>
| |
− | You can use this Custom Feature to add a service provider called "Any provider" to the booking page, and if the client chooses this provider, all times of available providers will show. | |
| <br><br> | | <br><br> |
− | | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Any Employee Selector custom feature|...>]]</span>''' |
− | <!--T:15-->
| |
− | [[File:Any employee client side view.png|1200px|border| center]]
| |
− | <br><br>
| |
− | '''You can also use this Custom Feature to:'''
| |
− | *Hide employee step on the booking page.
| |
− | *Auto allocate any available provider for selected service randomly.<br>
| |
− | This way the client only chooses the service and the time so it simplifies the booking process.<br>
| |
− | <br>
| |
− | ;How to use | |
− | :1. Enable "Any Employee selector" custom feature in Custom features section. | |
− | [[File:Any employee enable path new cf.png| center]]
| |
− | <br><br>
| |
− | :2. Go to the settings on the right to adjust "Any employee" option title and description to your needs.
| |
− | [[File:Any employee settings path new cf.png | center]]
| |
− | <br><br> | |
− | :3. If you need to hide providers from the booking site and/or assign them randomly please check the corresponding boxes there.
| |
| <br><br> | | <br><br> |
| ------- | | ------- |
| | | |
− | =[[API_custom_feature |API]]= <!--T:16--> | + | =[[API_custom_feature |API]]= |
− | <br>
| |
| [[File:Api new icon.png |left]] | | [[File:Api new icon.png |left]] |
| With the help of this custom feature you can design your own solutions varying from simple widgets to multi-functional applications. <br> | | With the help of this custom feature you can design your own solutions varying from simple widgets to multi-functional applications. <br> |
| Use it to authorize in [https://simplybook.me/ Simplybook] API with API key. | | Use it to authorize in [https://simplybook.me/ Simplybook] API with API key. |
− | <br>
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | <!--T:17-->
| |
− | *[[API| API documentation]]
| |
− |
| |
− | <!--T:18-->
| |
− | *[https://simplybook.me/api/explorer API explorer]
| |
− | <br><br>
| |
− | ;How to use
| |
− | :1. Navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom features</span> section using the left-side menu of your admin interface,<br>
| |
− | :find the corresponding feature and enable it.
| |
− | [[File:Api enable path new cf.png | center]]
| |
| <br><br> | | <br><br> |
− | :2. Go to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> on the right to access the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">API keys.</span> | + | :::'''Documentation on <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[API| API]]</span>''' |
− | [[File:Api settings path new cf.png | center]] | |
− | <br><br>
| |
− | :3. (optional) Use <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Callback URL</span> and other available options for your own development.
| |
| <br><br> | | <br><br> |
| ------- | | ------- |
| | | |
− | =Appointment at Fixed Time= <!--T:19--> | + | =[[Appointment at Fixed Time custom feature|Appointment at Fixed Time]]= |
− | <br>
| |
| [[File:Appointment at fixed time new icon.png| left]] | | [[File:Appointment at fixed time new icon.png| left]] |
− |
| |
− | <!--T:20-->
| |
| This Custom Feature allows advanced flexibility to your appointment start times for all services at once or per each service. Custom Feature can be used to define exact hour and/or minutes in an hour where your services are available (e.g. 10.00, 14.30, 16.25). It can be used to set the start hour and then choose fixed or multiple interval in minutes when your services are available (e.g. multiple of 15 min 10.00, 10.15, 10.30, 10.45). | | This Custom Feature allows advanced flexibility to your appointment start times for all services at once or per each service. Custom Feature can be used to define exact hour and/or minutes in an hour where your services are available (e.g. 10.00, 14.30, 16.25). It can be used to set the start hour and then choose fixed or multiple interval in minutes when your services are available (e.g. multiple of 15 min 10.00, 10.15, 10.30, 10.45). |
| <br><br> | | <br><br> |
− | | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Appointment at Fixed Time custom feature|...>]]</span>''' |
− | <!--T:21-->
| |
− | :'''Please note!''' This feature works with "slots" [[How_to_change_the_way_time_slots_are_shown |timelines]]: slots weekly or modern; and does not work with any flexible [[How_to_change_the_way_time_slots_are_shown |timeline]] type. | |
− | <br><br>
| |
− | ;How to use | |
− | :1. Open Custom features page in your account and click on "Enable" near Appointment at fixed time option. | |
− | [[File:Appointment at fixed time enable path new cf.png | center]] | |
− | <br><br>
| |
− | :2. To set times go to "Settings" next to it.
| |
− | [[File:Appointment at fixed time settings path new cf.png | center]]
| |
− | <br><br> | |
− | :3. On the page you see please select the service you wish to edit start times for or select "All services" if all times will be the same.
| |
− | :And choose the desired times using the corresponding boxes.
| |
− | [[File: Appointment at fixed time settings v3.png | center]]
| |
| <br><br> | | <br><br> |
| ------- | | ------- |
| | | |
− | =Approve Bookings= <!--T:22--> | + | =[[Approve Bookings custom feature|Approve Bookings]]= |
− | <br>
| |
| [[File:Approve booking new icon.png |left]] | | [[File:Approve booking new icon.png |left]] |
− |
| |
− | <!--T:23-->
| |
| Approve Bookings Custom Feature is essential if you need to look at customers details before you can approve their booking. It allows you to check information given by clients before you accept their bookings. When your clients book an appointment, at the end they will see a notice that confirmation email will be sent when their booking is approved. | | Approve Bookings Custom Feature is essential if you need to look at customers details before you can approve their booking. It allows you to check information given by clients before you accept their bookings. When your clients book an appointment, at the end they will see a notice that confirmation email will be sent when their booking is approved. |
| <br><br> | | <br><br> |
− | | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Approve Bookings custom feature|...>]]</span>''' |
− | <!--T:24-->
| |
− | '''Please note!''' <br>
| |
− | :''If you have [[Custom_Features#Accept_Payments | Accept Payments custom feature]] enabled, paid bookings will be approved automatically, only free services and bookings with "Pay Later" option can be approved/rejected.<br>'' | |
− | :''If the client booked using [[Custom_Features#Multiple_Bookings | Multiple bookings custom feature]](or other batch bookings) all appointments from multiple bookings pack are approved if one session is approved. The way around is to edit reservations you want to reschedule and cancel reservations you want to decline first, and then approve the pack.''
| |
− | | |
− | | |
− | <!--T:25-->
| |
− | <br><br>
| |
− | ;How to use
| |
− | :1. Enable Approve bookings custom feature in your Custom features section.
| |
− | [[File:Approve bookings enable path new cf.png | center]]
| |
− | <br><br>
| |
− | :2. Navigate to Calendar//Pending bookings to check the bookings waiting for approval and accept or decline them.
| |
− | :The client will receive the confirmation email only after your approval.
| |
− | :If you decline the booking there will be no notification to the client.
| |
− | [[File:Approve bookings report path new cf.png|center]]<br><br>
| |
− | [[File:Pending bookings list.png | center]]
| |
| <br><br> | | <br><br> |
− |
| |
− | <!--T:26-->
| |
| ------- | | ------- |
| | | |
− | =Book Soon Notification System= <!--T:27--> | + | =[[Book Soon Notification System custom feature|Book Soon Notification System]]= |
− | <br>
| |
| [[File:Book soon new icon.png |left]] | | [[File:Book soon new icon.png |left]] |
− |
| |
− | <!--T:28-->
| |
| Make sure your clients come again! This Custom Feature will remind your clients to come back as you can send them a message x-number of days after their appointment. For example, you can compose your own message and send a reminder always 30 days after an appointment. | | Make sure your clients come again! This Custom Feature will remind your clients to come back as you can send them a message x-number of days after their appointment. For example, you can compose your own message and send a reminder always 30 days after an appointment. |
− | <br><br><br><br>
| |
− |
| |
− | <!--T:29-->
| |
− | <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!'''</span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">This custom feature is available with paid subscriptions only.</span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">The clients should be subscribed to your marketing materials to be able to receive such notifications.</span>
| |
− |
| |
− |
| |
− | <!--T:30-->
| |
− | ;How to use
| |
− | :1. Enable this custom feature on your Custom features page.
| |
− | [[File:Book soon enable path new cf.png | center]]
| |
− | <br><br>
| |
− | :2. Go to "Settings" near this option.
| |
− | [[File:Book soon settings path new cf.png | center]]
| |
− | <br><br>
| |
− | :3. In the settings press "Add new".
| |
− | [[File:Book soon create new template.png | center]]
| |
− | <br><br>
| |
− | :4. Configure email and /or sms notifications by writing the subject and the text.<br>
| |
− | :You can use the following variables in your message: [client_name], [client_phone], [client_email], [event](for the service name), [unit](for the provider name), [code], [date_start], [time_start].
| |
− | [[File:Book soon settings v3.png | center]]
| |
| <br><br> | | <br><br> |
− | :5. In the field "Book soon notifications" name this notification to distinguish it from other notifications you may want to create in future. | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Book Soon Notification System custom feature|...>]]</span>''' |
− | :6. Set notification delay days (number of days after the appointment when notification should be sent)
| |
− | :7. Select service and provider for which the notification will be applied to (optional).
| |
| <br><br> | | <br><br> |
| ------- | | ------- |
| | | |
− | =Calendar Sync= <!--T:31--> | + | =[[Calendar Sync custom feature|Calendar Sync]]= |
− | <br>
| |
| [[File:Calendar sync new icon.png |left]] | | [[File:Calendar sync new icon.png |left]] |
− | <br>
| |
| Calendar Sync Custom Feature is used for 2-way synchronization with Google and Outlook calendars. You can export bookings from [https://simplybook.me/ SimplyBook] to Google or Outlook calendars and also block times occupied by Google/Outlook Calendar event in your [https://simplybook.me/ SimplyBook] dashboard. | | Calendar Sync Custom Feature is used for 2-way synchronization with Google and Outlook calendars. You can export bookings from [https://simplybook.me/ SimplyBook] to Google or Outlook calendars and also block times occupied by Google/Outlook Calendar event in your [https://simplybook.me/ SimplyBook] dashboard. |
| <br><br> | | <br><br> |
− | '''''Please note''''' that this feature works with web calendars only - it may not work with Microsoft Exchange calendars. | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Calendar Sync custom feature|...>]]</span>''' |
| <br><br> | | <br><br> |
− | :'''Video tutorial available '''[[File:Youtube-Logo.png|link=https://youtu.be/3CngO4dl2Uk]]
| + | ---------- |
− | <br><br>
| + | |
− | '''How to use'''
| + | =[[Campaign custom feature|Campaign]]= |
− | :1. Enable Calendar Sync feature in the Custom Feature section.
| + | [[File:Campaign logo.png|100px|left]] |
− | [[File:Calendar sync enable path new cf.png | center]] | + | The "Campaign" custom feature is an advanced tool designed for implementing mass marketing strategies and customer engagement across diverse communication channels. It enables companies to create and optimize advertising campaigns, delivering messages in a customer-friendly manner. During campaign creation, users can choose from various message types, such as SMS, emails, and push notifications. You can manually select clients, choose all clients at once, or send campaign messages to clients under specific tags using the Tags feature. This flexibility allows you to tailor communication strategies to the specific needs and preferences of your target audience. |
− | <br><br>
| |
− | :2. Go to "Settings" near this option.
| |
− | [[File:Calendar sync settings path new cf.png | center]] | |
− | <br><br>
| |
− | :3. Click on "Connect new calendar" and connect Google or Outlook account.
| |
− | <br>
| |
− | [[File:Calendar sync- connect calendar.png | center]]
| |
− | <br><br>
| |
− | :4. Select the desired calendar and connect necessary providers to it.
| |
− | :5. Press "export" to export your old bookings to Google or Outlook calendar for sync process to start.
| |
− | :6. Check the box "sync busy time" if you want to block times in the [https://simplybook.me/ simplybook] dashboard occupied by Google/Outlook Calendar events.<br>
| |
− | :(Google calendar only) Enable "create google meet link" if you wish the system to generate Google Meet conferencing for appointments and send invitations to your clients.
| |
− | [[File:Calendar sync options.png|1200px|border| center]]
| |
− | <br>
| |
− | <br>
| |
− | <br>
| |
− | '''''Please note''''' that if "sync busy time" is checked and you have set your provider to accept more than 1 client at a time it will not be possible to make more than 1 booking as the booking will be exported to Google/Oultook as "busy time" and will block that time from booking.
| |
− | <br>
| |
− | If you need to accept more than one booking at a time for your provider please uncheck "sync busy time" box.
| |
− | <br>
| |
− | <br>
| |
− | :7. You will be able to see Google/Outlook calendar events that block time in SimplyBook only in '''Service Provider view''' in calendar (because you connect calendar to provider). Nothing will be visible in Day and Week view because those views are for all providers (if you have several providers, it would be impossible to show all Google/Outlook events in 1 calendar).
| |
− | <br>
| |
− | [[File:Blocked time from external calendar event.png| center]]
| |
− | <br><br>
| |
− | '''''Please note''''' During sync process no events details are imported from your external calendar. The events are represented by blue blocks on Calendar page only.
| |
− | <br><br>
| |
− | '''[https://simplybook.me/ Simplybook] doesn’t sync with Google/Outlook calendar'''
| |
− | Possible reasons:
| |
− | :1. please, note that synchronization can take up to 10 mins;
| |
− | :2. if Google/Outlook updates calendar app, press “Export” button again to sync;
| |
− | :3. wrong calendar was chosen (in Custom Features//Calendar Sync//Settings//Please select calendar) or you are using Microsoft Exchange server calendar;
| |
− | :4. timezones in your Google/Outlook calendar and SimplyBook.me account do not coincide.
| |
− | :5. Google calendar events should be marked as “busy” for 2-way synchronization, Outlook calendar events should not be marked as "free" to block times on the booking page.<br>
| |
− | ''Example from Google calendar:''
| |
− | [[File:Busy in google calendar750.png| center]]
| |
| <br><br> | | <br><br> |
− | ''Example from Outlook calendar:'' | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Campaign custom feature|...>]]</span>''' |
− | <br> | |
− | [[File: Outlook busy.png | center]] | |
− | <br><br> | |
− | '''SimplyBook.me event is listed twice in Google calendar'''
| |
− | It can be because of the Google calendar setting to automatically add events from your emails. Therefore, if you receive confirmation emails with booking details, Google automatically adds them to your calendar. To turn off this option: click Settings icon in the top right corner of Google calendar//Settings and uncheck the box near "Automatically add events from Gmail to my calendar" option.
| |
| <br><br> | | <br><br> |
| ---------- | | ---------- |
− | =Cancellation Policy= | + | =[[Cancellation Policy custom feature|Cancellation Policy]]= |
− | <br>
| |
| [[File:Cancelation policy new icon.png |left]] | | [[File:Cancelation policy new icon.png |left]] |
− | | + | You can restrict time when clients can cancel appointments with the help of Cancellation Policy Custom Feature. Simply set the number of hours before appointment when cancellation is possible or prohibit cancellations at all. If client tries to cancel an appointment beyond the limit, he/she will see a warning notice that the booking cannot be cancelled. |
− | <!--T:32-->
| + | <br><br> |
− | You can restrict time when clients can cancel appointments with the help of Cancellation Policy Custom Feature. Simply set the number of hours before appointment when cancellation is possible or prohibit cancellations at all. If client tries to cancel an appointment beyond the limit, he/she will see a warning notice that the booking cannot be cancelled. <br><br> | |
| <span style="background-color: #26dd7d; padding:5px; border-radius:5px;">Free custom feature!</span> | | <span style="background-color: #26dd7d; padding:5px; border-radius:5px;">Free custom feature!</span> |
| <br><br> | | <br><br> |
− | | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Cancellation Policy custom feature|...>]]</span>''' |
− | ;How to use | |
− | :1. Enable Cancellation policy fature on your Custom Features page. | |
− | [[File:Cancellation policy enable path new cf.png | center]] | |
− | <br><br>
| |
− | :2. Go to its settings on the right.
| |
− | [[File:Cancellation policy settings path new cf.png | center]]
| |
− | <br><br>
| |
− | :3. Add your text to the corresponding field and select the period when bookings can be canceled<br>
| |
− | :(you can use HTML tags there to format the text to your needs).
| |
− | <br> | |
− | :4. You can also ask your clients about the cancellation reason and make this option obligatory or not.
| |
| <br><br> | | <br><br> |
| ------ | | ------ |
− | =[[Classes_custom_feature | Classes]]= <!--T:33-->
| |
| | | |
− | <!--T:34-->
| + | =[[Classes_custom_feature |Classes]]= |
− | [[File:Classes.png | left]] Now SimplyBook.me allows new option for classes and events scheduling whatever kind of business you have. Brand new feature allows you to have all your classes/events in separate section so that you will never mix them up with simple services. Or you can use classes/events interface only. Moreover, this custom feature allows to have almost all settings necessary for class/event scheduling on one page, which makes the setup process easy and fast. | + | [[File:Classes.png | left]] |
| + | Now SimplyBook.me allows new option for classes and events scheduling whatever kind of business you have. Brand new feature allows you to have all your classes/events in separate section so that you will never mix them up with simple services. Or you can use classes/events interface only. Moreover, this custom feature allows to have almost all settings necessary for class/event scheduling on one page, which makes the setup process easy and fast. |
| <br><br> | | <br><br> |
| Video tutorial available [[File:Youtube-Logo.png|link=https://youtu.be/xXXl2pWy4BM]] | | Video tutorial available [[File:Youtube-Logo.png|link=https://youtu.be/xXXl2pWy4BM]] |
| <br><br> | | <br><br> |
− | To enable this option please go to Custom features page, select “Booking Related” section and click on “Enable” near “Classes” feature.
| + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Classes_custom_feature|...>]]</span>''' |
− | [[File:Classes enable path new cf.png | center]]
| |
− | <br><br> | |
− | Please check more detailed instructions how to create classes [[Classes_custom_feature |here]].
| |
− | <br><br> | |
− | And video tutorial how to sell membership related classes [https://vimeo.com/236888588 here]
| |
| <br><br> | | <br><br> |
| ------ | | ------ |
| | | |
− | =Clean History= <!--T:35--> | + | =[[Clean History custom feature|Clean History]]= |
− | <br>
| |
| [[File:Clean history new icon.png |left]] | | [[File:Clean history new icon.png |left]] |
− |
| |
− | <!--T:36-->
| |
| Use this Custom Feature to clean all old bookings from the system. You can set when the bookings should be deleted and then the Custom Feature will take care of never having older bookings on record than according to your definition. Please use with care as we can not get deleted bookings back for you! It works and deletes selected bookings till you turn this feature off. | | Use this Custom Feature to clean all old bookings from the system. You can set when the bookings should be deleted and then the Custom Feature will take care of never having older bookings on record than according to your definition. Please use with care as we can not get deleted bookings back for you! It works and deletes selected bookings till you turn this feature off. |
− | <br><br><br>
| + | <br><br> |
| <span style="background-color: #26dd7d; padding:5px; border-radius:5px;">Free custom feature!</span> | | <span style="background-color: #26dd7d; padding:5px; border-radius:5px;">Free custom feature!</span> |
| <br><br> | | <br><br> |
− | <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''':</span>
| + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Clean History custom feature|...>]]</span>''' |
− | | |
− | | |
− | <!--T:37-->
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">This custom feature is not compatible with: [[Custom_Features#Coupons_.26_Gift_Cards | Coupons & Gift Cards]], [[Custom_Features#Packages|Packages]] and [[Custom_Features#Membership | Membership]]</span>
| |
− | | |
− | | |
− | <!--T:38-->
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">It starts working on the next day after it is enabled and removes the bookings once a day on everyday basis till you disable it.</span>
| |
− | | |
− | | |
− | <!--T:39-->
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">If you have clients with no bookings in the future their records will be removed as well together with their last booking.</span>
| |
− | <br><br><br>
| |
− | | |
− | <!--T:40-->
| |
− | ;How to use
| |
− | :1. Enable this feature in your Custom features section.
| |
− | [[File:Clean history enable path new cf.png | center]]
| |
− | <br><br> | |
− | :2. Navigate to settings on the right to set your preferences and select the time when the bookings should be deleted.
| |
− | [[File:Clean history settings path new cf.png | center]]
| |
| <br><br> | | <br><br> |
− |
| |
− |
| |
| ------- | | ------- |
− | =[[Client_Fields_Custom_Feature|Client Fields]]= <!--T:41-->
| |
− | [[File:Client field icon.png|left]]<br>
| |
− |
| |
| | | |
− | <!--T:42-->
| + | =[[Client_Fields_Custom_Feature|Client Fields]]= |
| + | [[File:Client field icon.png|left]] |
| Get information from clients upon sign up that relates to the client. An example of such information could be, "Name of spouse", or "Date of Birth" since this is fixed information and would generally not change between bookings. | | Get information from clients upon sign up that relates to the client. An example of such information could be, "Name of spouse", or "Date of Birth" since this is fixed information and would generally not change between bookings. |
− | <br><br><br><br>
| |
− |
| |
− | <!--T:43-->
| |
− | <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''' When you enable Client Fields custom feature <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Client_Login_custom_feature|Client Login]]</span> will be enabled as well.</span>
| |
− | <br><br><br><br>
| |
− | ;How to use
| |
− | :1. Enable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Client Fields</span> Custom Feature on the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> page.
| |
− | [[File:Client fields enable path.png|border|center]]
| |
− | <br><br>
| |
− | :2. Go to its settings by clicking on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Manage</span> link.
| |
− | [[File:Client fields settings path.png|border|center]]
| |
− | <br><br>
| |
− | :3. Here you will see default client login registration fields. You can click on any of them to rename if needed.
| |
− | :Press <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">+</span> button to create a new form.
| |
− | [[File:Create client form new.png|border|center]]
| |
− | <br><br>
| |
− | :4. In the field <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Question title</span> write the question you want your clients to answer.
| |
− | <br><br>
| |
− | :5. Choose the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">field type:</span>
| |
− | :'''digits only''' - allows entering only numbers. Useful when you need to know the age, height or any other information that will require only digits.
| |
− | :'''single line''' - usually used for short answers
| |
− | :'''multiple lines''' - use this type of filed if you expect lengthy explanations from your clients
| |
− | :'''checkbox''' - creates a checkbox that clients should either check or leave unchecked.
| |
− | :'''dropdown selection''' - creates a drop-down list with the ability to choose only 1 option. In order to create this field, you will need to create a list of values in the section "Dropdown options and default option". Also you can select the Default value that will be assigned if nothing is chosen from the list.
| |
− | :'''date''' - creates date selection option with calendar.
| |
− | :'''custom HTML''' - allows to add visual dividers or additional text near the client field. Cannot be used for client input.
| |
− | [[File:Client fields options new.png|1200px|border|center]]
| |
− | <br><br>
| |
− | :6. Make it rather <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">obligatory or not</span> with the help of <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Should this field be optional</span> switcher.<br>
| |
− | :Include to invoices if you would like its title and client response to be reflected there.<br>
| |
− | :Save the form when you are done.
| |
− | <br><br>
| |
− | :7. You can also re-order all the forms to your taste by using the arrows on the left-side block or by setting the position in the form editing mode on the right side.
| |
− | [[File:Reorder client fields.png|border|center]]
| |
− | <br><br>
| |
− | :8. If you want to include client form information to email templates, find the client forms <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">variables</span> and add them to templates in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Email and SMS settings.</span><br>
| |
− | :(Or use <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Flexible_Notifications_custom_feature|Flexible Notifications]]</span> feature for customized templates per service and/or provider)
| |
− | [[File:Client fields emails variables.png|border|center]]
| |
− | <br><br>
| |
− | :9. The clients will then be able to fill in their replies during <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">sign up</span> on the booking site and edit their data in client profiles.
| |
− | [[File:Client fields client side sign up.png|border|center]]
| |
− | <br><br>
| |
− | [[File:Client fields client side profile.png|border|center]]
| |
− | <br><br>
| |
− | :10. From your admin page you will be able to view and edit the clients' replies in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Manage</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Clients</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Edit</span> for the corresponding client.
| |
− | [[File:Client fields admin side edit.png|border|center]]
| |
− | <br><br>
| |
− | :and export answers to Excel file in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Reports</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Clients</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Export to excel.</span>
| |
− | [[File:Client fields admin side export.png|border|center]]
| |
− | :Or in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Manage</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Clients</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Export to Excel.</span><br>
| |
− | :Or together with booking information in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Reports</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking details</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Export to Excel.</span>
| |
| <br><br> | | <br><br> |
| + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Client Fields Custom Feature|...>]]</span>''' |
| <br><br> | | <br><br> |
| + | ------- |
| | | |
− | -------
| + | =[[Client Login custom feature|Client Login]]= |
− | =Client Login= <!--T:44--> | |
− | <br>
| |
| [[File:Client login new icon.png| left]] | | [[File:Client login new icon.png| left]] |
− |
| |
− | <!--T:45-->
| |
| Use this Custom Feature to allow clients to register online, quickly make bookings and see their booking history. You can block and unblock clients from making bookings on your booking page and also turn off or on the ability for clients to register an account. If you close for client registrations, only clients you have registered and granted access can make bookings. | | Use this Custom Feature to allow clients to register online, quickly make bookings and see their booking history. You can block and unblock clients from making bookings on your booking page and also turn off or on the ability for clients to register an account. If you close for client registrations, only clients you have registered and granted access can make bookings. |
| <br><br> | | <br><br> |
| + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Client Login custom feature|>]]</span>''' |
| <br><br> | | <br><br> |
| + | ------- |
| | | |
− | | + | =[[Client mobile app|Client Mobile App]]= |
− | <!--T:46-->
| + | [[File:Pwa icon.png|left]] |
− | ;How to use
| + | Let your clients download your own personalised client app. With the app on their mobile they can easily book, [[Client_Rescheduling_custom_feature|reschedule]], purchase [[Packages_custom_feature|packages]],[[Membership_custom_feature|memberships]] and [[Coupons_and_Gift_Cards_custom_feature|gift cards]] as well as access your business directly from their phones. |
− | | + | The Client app is available for all paying SimplyBook.me users who use [[Client_Login_custom_feature|Client Login]], and if you have a premium subscription you can personalise it with your own logo and brand color. Ask your clients to go to your booking website on a mobile device, and from there they will be invited to download the app on their mobile.<br> |
− | :1. Enable this option on your Custom Features page.
| + | It's as simple as that! |
− | [[File:Client login enable path new cf.png | center]] | |
− | <br><br>
| |
− | :2. Go to settings on the right to:
| |
− | :*enable/disable sign up on the booking page,
| |
− | :*ask your clients for their address on the booking page,
| |
− | :*make phone feld mandatory or not,
| |
− | :*hide "Personal data report" from client profile
| |
− | :*set notification templates about creating new user, password reset and change.
| |
− | [[File:Client login settings path new cf.png| center]] | |
− | <br>
| |
− | To have '''bookings only from clients that already exist in the system''' please uncheck the box “Allow clients to sign up on site”
| |
− | If it is checked anyone will be able to sign up and make a booking.
| |
− | [[File:Client login disable sign up new cf.png | center]] | |
− | <br><br>
| |
− | To '''block/unblock some clients''' from booking please go to Manage//Clients and click on “Block” or “Unblock” buttons there.
| |
− | <br><br>
| |
− | [[File:Block or unblock clients.png | center]] | |
− | <br>
| |
− | '''Please note!''' If you block the client he/she will not receive information about your [[Coupons_and_Gift_Cards_custom_feature | promotions]] as well.
| |
− | <br><br>
| |
− | If you have several profiles for one and the same client and need to '''merge clients''' please follow these instructions:
| |
− | <br>
| |
− | :1) Go to Manage//Clients, and click on "Merge clients" at the top.
| |
− | <br> | |
− | [[File:Merge clients path.png | center]]
| |
− | <br><br>
| |
− | :2) Then check the boxes with necessary clients and click on "Merge"
| |
− | [[File:Merging clients.png |center]]
| |
| <br><br> | | <br><br> |
− | '''Please note!''' If you have unmerged clients they will not be able to sign in/sign up on your booking site to make and see bookings. | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Client mobile app|>]]</span>''' |
| <br><br> | | <br><br> |
| ------- | | ------- |
− | =Client Mobile App= <!--T:47-->
| |
− | [[File:Pwa icon.png|left]] <br>Let your clients download your own personalised client app. With the app on their mobile they can easily book, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Client_Rescheduling_custom_feature|reschedule]],</span> purchase <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Packages_custom_feature|packages]],</span> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Membership_custom_feature|memberships]]</span> and <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Coupons_and_Gift_Cards_custom_feature|gift cards]]</span> as well as access your business directly from their phones.
| |
− | The Client app is available for all paying SimplyBook.me users who use <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Client_Login_custom_feature|Client Login]],</span> and if you have a premium subscription you can personalise it with your own logo and brand color. Ask your clients to go to your booking website on a mobile device, and from there they will be invited to download the app on their mobile.<br>
| |
− | It's as simple as that!
| |
− | <br><br><br><br>
| |
| | | |
− | :<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note! '''</span>
| + | =[[Client Rescheduling custom feature|Client Rescheduling]]= |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">It is Beta version;</span>
| + | [[File:Reschedule booking icon.png|left]] |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">When you turn this feature on <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Client_Login_custom_feature|Client Login]]</span> custom feature will be enabled as well;</span>
| + | The Client rescheduling custom feature allows you to include reschedule links in notification messages to your clients and rescheduling button to the booking site. The clients can use these options to find a new time for their booking if within allowed rescheduling period. |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">It currently works with weekly classes, modern and flexible <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[How_to_change_the_way_time_slots_are_shown|calendar layouts]]</span> only;</span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">The following functionality is not currently present in the client application: <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[News_custom_feature |News]],</span> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Photo_Gallery_custom_feature|Photo gallery]],</span>, Reviews, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Page_custom_feature|Custom page]],</span> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Google_Translate_custom_feature|Google translate]],</span> main page mode change, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[How_to_change_the_way_time_slots_are_shown#End_Time_Display|end time display]],</span> hiding images on booking steps, RTL orientation, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Contact_Widget_custom_feature|Contact widget]],</span> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[How_to_change_the_way_time_slots_are_shown#Slots_Colors|busy and available slots color adjustments]].</span></span>
| |
− | <br><br><br><br>
| |
− | :'''Video tutorials available '''
| |
− | :*How to set up the Client mobile app [[File:Youtube-Logo.png|link=https://youtu.be/_3pW171iAjA]]
| |
− | :*How to use the Client mobile app [[File:Youtube-Logo.png|link=https://youtu.be/utTD6aGAQlw]]
| |
− | <br><br>
| |
− | ;'''How to use'''
| |
− | :1. Enable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Client mobile app</span> feature on your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom features</span> page in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Business enhancements</span> section.
| |
− | [[File:Client app enable path.png|border|center]]
| |
− | <br><br>
| |
− | :2. And it is ready to use. Some reports options become available to you.
| |
− | [[File:Client app non-premium.png|1200px|border|center]]
| |
| <br><br> | | <br><br> |
− | :3.'''(available for Premium subscriptions only)''' Add own application name, set brand color, select the preferable <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[How_to_change_the_way_time_slots_are_shown|calendar layout]]</span>, upload the logo and banner images. | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Client Rescheduling custom feature|>]]</span>''' |
− | :It is important to use square image for the logo, different dimensions will not be saved.
| |
− | :As well we recommend using brighter and/or darker colors for background for better customer experience.
| |
− | [[File:Client app settings new.png|1200px|border|center]]
| |
| <br><br> | | <br><br> |
− | :4. Send your booking website URL(banner is not shown on widgets) to your clients so that they will be able to install the application on their phones by clicking on the corresponding <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">banner.</span>
| |
− | :(Invitation installation banner may not be displayed in built-in mobile browsers, it is recommended to use Chrome instead)<br>
| |
− | :<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''' IOS devices users will need to open your booking website in full Safari version to have the installation invitation banner and then simply use <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Add to home screen</span> option.</span>
| |
− | [[File:Installation client app upd.jpg|border|center]]
| |
− | <br><br>
| |
− | :5. As the result they will be able to book online, see their appointments(this option is available even in offline mode), <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Client_Rescheduling_custom_feature|reschedule]]</span> or cancel them, buy <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Coupons_and_Gift_Cards_custom_feature|gift cards]]</span>, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Membership_custom_feature|memberships]]</span> and <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Packages_custom_feature|packages]],</span> view <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Accept_payments_custom_feature|invoices]]</span> and update own details if necessary.
| |
− | [[File:Start page client app upd.jpg|border|center]]
| |
− | <br><br><br><br>
| |
− | ;'''Push notifications'''
| |
− | *'''Android phones''' users can also get push notifications about new bookings or cancellations on their devices.
| |
− | :For that it will only be necessary to enable notifications in the application after sign up/sign in and in a standard system dialogue.
| |
− | [[File:Notifications client app upd.jpg|border|center]]
| |
− | <br><br>
| |
− | :In case the notifications are turned on, but the push messages do not come it is necessary to check if <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Chrome system notifications</span> are enabled inside the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">device settings.</span>
| |
− | [[File:Client app notifications system.png|border|center]]
| |
− | <br><br>
| |
− | *'''IOS devices''' do not currently allow push notifications inside browsers and that is why it will not be possible to get them on such phones, unfortunately.
| |
− | <br><br>
| |
− | *From '''admin side''' it is possible to see all push notifications sent to customers in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Reports</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Client app</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Notifications</span> as well as whether they were received and clicked by client.
| |
− | [[File:Client app noatification report new navigaton.png|1200px|border|center]]
| |
− | <br><br><br><br>
| |
| ------- | | ------- |
− | =Client Rescheduling= <!--T:48-->
| |
− | <br><br>
| |
− | [[File:Reschedule booking icon.png|left]]<br><br>The Client rescheduling custom feature allows you to include reschedule links in notification messages to your clients and rescheduling button to the booking site. The clients can use these options to find a new time for their booking if within allowed rescheduling period.
| |
| | | |
− | <br><br>
| + | =[[Contact Widget custom feature|Contact Widget]]= |
− | :<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!:'''</span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">The clients can only change date and/or time of the appointment;</span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">In case you have enabled <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Any_Employee_Selector_custom_feature|Any Employee]]</span> custom feature and it was used during the booking process, the provider will not be changed during the rescheduling from the client side. If the provider change(or random selection) is needed please ask the clients to cancel and re-book.</span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">This feature is not compatible with <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Approve_Bookings_custom_feature|Approve Bookings]]</span> custom feature;</span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">It is not possible to reschedule recurring and group batch appointments;</span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">If <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Coupons_and_Gift_Cards_custom_feature|gift card, coupon]]</span> or <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Membership_custom_feature|membership]]</span> were applied during initial booking process it is not possible to reschedule by client;</span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">Some <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[How_to_change_the_way_time_slots_are_shown|calendar layouts]]</span> change on rescheduling page (''flexible provider'' becomes ''flexible''; ''modern provider'' becomes ''modern''; ''weekly classes'' becomes ''slots weekly''; ''daily classes'' is replaced by ''modern'').</span>
| |
− | <br><br>
| |
− | ;How to use
| |
− | :1. Enable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Client Rescheduling</span> on your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> page.
| |
− | [[File:Reschedule booking enable path.png|center|border]]
| |
− | <br><br>
| |
− | :2. Select the preferred <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">rescheduling restriction period</span> in its settings.
| |
− | [[File:Reschedule booking settings.png |border|center]]
| |
− | <br><br>
| |
− | :3. (optional) Add <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">[reschedule_link]</span> variable to client notifications in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Email and SMS Settings</span>(or <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Flexible_Notifications_custom_feature|Flexible Notifications]]</span> settings if you have custom templates per service/provider).
| |
− | [[File:Reschedule booking add variable.png|border|center]]
| |
− | <br><br>
| |
− | :4. As the result the clients will be able to use <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Reschedule</span> button on the booking site <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">My Bookings</span> page or using the link from email notifications.
| |
− | [[File:Reschedule booking my bookings client side.png|border|center]]
| |
− | [[File:Reschedule booking slots selection client side.png|border|center]]
| |
− | <br><br>
| |
− | <br><br>
| |
− | -------
| |
− | =Contact Widget= <!--T:49-->
| |
− | <br>
| |
| [[File:Contact widget new icon.png |left]] | | [[File:Contact widget new icon.png |left]] |
− |
| |
− | <!--T:50-->
| |
| Enable this Custom Feature if you need to add Book and Contact widget to your own website or simply add a contact form to the booking website. With this Custom Feature, your clients will be able to book directly from your website and also send you a contact with detailed information. | | Enable this Custom Feature if you need to add Book and Contact widget to your own website or simply add a contact form to the booking website. With this Custom Feature, your clients will be able to book directly from your website and also send you a contact with detailed information. |
− | <br><br><br><br>
| |
− |
| |
− |
| |
− |
| |
− | ;How to use
| |
− | :1. To switch this option on please click on "Enable" near the corresponding option on your Custom features page.
| |
− | [[File:Contact widget enable path new cf.png | center]]
| |
− | <br><br>
| |
− | :2. Please choose "Settings" to set up the look of the widget and generate the necessary code.
| |
− | [[File:Contact widget settings path new cf.png | center]]
| |
− | <br><br>
| |
− | :See the instructions [[Widgets_for_your_own_website#Booking_and_Contact_Button_Widget| how to add booking widget to your website]]
| |
| <br><br> | | <br><br> |
− | :3. To check received messages from your customers please go to Reports -> SMS(text messages) -> Contact wodget | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Contact Widget custom feature|>]]</span>''' |
− | [[File:Contact widget report path new navigation.png|1200px| center]] | |
| <br><br> | | <br><br> |
| ------- | | ------- |
− | =[[Coupons and Gift Cards custom feature | Coupons & Gift Cards]]= <!--T:51--> | + | |
− | <br>
| + | =[[Coupons and Gift Cards custom feature | Coupons & Gift Cards]]= |
| [[File:Coupons and gift cards icon.png| left]] | | [[File:Coupons and gift cards icon.png| left]] |
− | <br><br>
| |
| Create and sell gift cards, and send coupons to your clients with the Coupons & Gift Cards custom feature! You can make % and fixed amount discounts and sell gift certificates. Use this amazing feature to promote your business. Customize your promotions with defined dates, messages and codes. | | Create and sell gift cards, and send coupons to your clients with the Coupons & Gift Cards custom feature! You can make % and fixed amount discounts and sell gift certificates. Use this amazing feature to promote your business. Customize your promotions with defined dates, messages and codes. |
− | <br><br><br>
| |
− | :Please check our '''video tutorial''' on how to use this feature ''[https://www.youtube.com/watch?v=IANG62Mm-KI&feature=youtu.be here]''.
| |
− | <br><br>
| |
− | '''Please note!'''
| |
− | *This Custom feature cannot be used together with [[Custom_Features#Clean_History | Clean History]].
| |
− | *When you enable this feature [[Custom_Features#Accept_Payments | Accept Payments]] will be enabled as well.
| |
− | *Fixed amount discounts can be used for several purchases till the full discount amount is used.
| |
− | *The clients should be subscribed to your marketing materials to be able to receive such notifications.
| |
− | *If you are using this feature with [[Custom_Features#Multiple_Bookings | Multiple Bookings]], [[Custom_Features#Group_Bookings | Group Bookings]] or [[Recurring_services(packs) |recurring services]] the discount will be applied to the whole purchase(all the sessions selected).
| |
− | <br><br>
| |
− |
| |
− |
| |
− | <!--T:52-->
| |
− | ;How to use
| |
− | :1. Enable this custom feature in Business Enhancements section of your Custom Features page.
| |
− | [[File:Coupons & gift cards enable path new cf.png| center]]
| |
− | <br><br>
| |
− | :2. Navigate to "Manage" on the right or go to Manage//Coupons and Gift Cards.
| |
− | [[File:Coupons & gift cards manage path new cf.png | center]]
| |
− | <br><br>
| |
− | :3. Click on "+" icon to create a promotion or a gift card.
| |
− | [[File:Create gift card or promo.png | center]]
| |
− | <br><br>
| |
− | :4. Fill in main details in the menu that appears on the right side.
| |
− | [[File:Promotion details.png| center]]
| |
− | <br><br>
| |
− | :5. Add details that your clients will see.
| |
− | [[File:Promotion details for clients.png| center]]
| |
− | <br><br>
| |
− | :6. Set the period when promotion or gift card will be valid.
| |
− | [[File:Promotion period.png | center]]
| |
− | <br><br>
| |
− | :7. As well you can connect your promotion/gift card to specific service(s), membership(s), product(s) for sale and/or service add-on(s).
| |
− | [[File:Promotions connected items.png| center]]
| |
− | <br><br>
| |
− | :8. Save your settings. If necessary you can now issue the gift cards and/or send promotion messages to your existing customers by clicking on the "Issue gift card"/"Send coupon message" button near the desired item.<br>
| |
− | :Or create a batch of non-personalized gift cards there.<br>
| |
− | [[File:Issue gift card.png | center]]
| |
| <br><br> | | <br><br> |
− | :9. You can also set templates for clients to receive email and/or SMS notifications when they purchase a gift-card themselves on the booking site. | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Coupons and Gift Cards custom feature|>]]</span>''' |
− | :To do that please navigate to Custom features//Coupons and Gift Cards, right side of the page. | |
− | [[File:Coupons & gift cards notifications path new cf.png | center]]
| |
| <br><br> | | <br><br> |
| ------- | | ------- |
| | | |
− | =Custom CSS= <!--T:53--> | + | =[[Custom CSS custom feature|Custom CSS]]= |
− | <br>
| |
| [[File:Custom css new icon.png |left]] | | [[File:Custom css new icon.png |left]] |
− |
| |
| Make your own booking interface with this CSS Custom Feature. It allows to change the styles of different elements, hide them, change fonts, colors, font-sizes, etc. If you know CSS coding, please use tools of browser to find identifiers of elements and write rules in the settings of Custom Feature, if you have no deep knowledge of CSS, please contact support and they will try to find the best solution for you. | | Make your own booking interface with this CSS Custom Feature. It allows to change the styles of different elements, hide them, change fonts, colors, font-sizes, etc. If you know CSS coding, please use tools of browser to find identifiers of elements and write rules in the settings of Custom Feature, if you have no deep knowledge of CSS, please contact support and they will try to find the best solution for you. |
| <br><br> | | <br><br> |
| <span style="background-color: #26dd7d; padding:5px; border-radius:5px;">Free custom feature!</span> | | <span style="background-color: #26dd7d; padding:5px; border-radius:5px;">Free custom feature!</span> |
| <br><br> | | <br><br> |
− | ;How to use
| + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom CSS custom feature|>]]</span>''' |
− | :1. Enable this option on your Custom Features page. | |
− | [[File:Custom css enable path new cf.png| center]]
| |
− | <br><br> | |
− | :2. Click on "Settings" for this feature. | |
− | [[File:Custom css settings path new cf.png | center]]
| |
− | <br><br>
| |
− | :3. Add the code(s) to adjust the styles to "Booking pages CSS" tab if you wish to edit the booking page<br> | |
− | :or "Widget CSS" if you are editing widget on your website.
| |
− | [[File:Custom css settings v3.png | center]] | |
− | <br><br>
| |
− | '''[[Remove_Elements_from_booking_page#Removing_with_Custom_CSS| See most common requests how to remove elements with CSS here (phone, email fields, social tabs, our time, etc)]]'''
| |
| <br><br> | | <br><br> |
| ------- | | ------- |
− | =Custom Domain= <!--T:54--> | + | |
− | <br>
| + | =[[Custom Domain custom feature|Custom Domain]]= |
| [[File:Domain.png | left]] | | [[File:Domain.png | left]] |
− |
| |
− | <!--T:55-->
| |
| This option allows to set your own sitelink (URL) for your booking page with connection done through secure layer. If you own your own domain name, you can now simply use the booking site with this name or a sub domain of this name (/v2/ part of the booking site URL cannot be changed). | | This option allows to set your own sitelink (URL) for your booking page with connection done through secure layer. If you own your own domain name, you can now simply use the booking site with this name or a sub domain of this name (/v2/ part of the booking site URL cannot be changed). |
− | <br><br><br><br>
| |
− |
| |
− | <!--T:56-->
| |
− | '''Please note!''' This feature is not compatible with [[Facebook_Client_Info_custom_feature|Facebook Client Info custom feature]].
| |
− |
| |
− |
| |
− | ;How to use
| |
− | :1. Enable this feature per one-time payment(you will see the exact price in your account) on your Custom features page.
| |
− | [[File:Custom domain enable path new cf.png | center]]
| |
− | <br><br>
| |
− | :2. Go to its "Settings" by selecting the corresponding option on the right side of the page.
| |
− | [[File:Custom domain settings path new cf.png| center]]
| |
− | <br><br>
| |
− | :3. Then in your Domain controller, you need to find where you set the DNS records and set A-record to IP mentioned in this feature settings.
| |
− | :'''Please note!''' AAAA (IPv6) record must not be set, otherwise SSL certificate cannot be issued.
| |
− | [[File:Custom domain settings v3 new.png | center]]
| |
| <br><br> | | <br><br> |
− | :After A-records are set enter domain name you wish to use in its settings and save.<br> | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom Domain custom feature|>]]</span>''' |
− | :Then we will automatically receive the request and apply the settings on our side(it may take some time - usually around 24-48h). As soon as they are applied your domain name starts working for the booking site.<br><br> | |
− | :''If you wish to change Custom Domain name to different one from the one set before it can be done for additional price as new SSL certificates need to be created. For additional information please contact support.''
| |
| <br><br> | | <br><br> |
| ------ | | ------ |
− | =Custom Email= <!--T:57-->
| |
− | <br>
| |
− | [[File:Custom email logo.png|left]]<br>Would you like to send your clients and staff attractive email notifications with own customizable branding, links, buttons, and many other options? Enabling this custom feature gives you access to the HTML editor where you can easily drag and drop various content blocks, add images, text, contact details, etc. Please just mind that the booking or purchase related content, as well as adding of the corresponding variables is to be edited either in Settings -> Email and SMS settings if you are using common appointent notification templates, or in the specific custom feature settings in case you have customized notifications.
| |
− | <br><br>
| |
− |
| |
− | <!--T:58-->
| |
− | <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''' This custom feature is available with paid subscriptions only.</span>
| |
− |
| |
| | | |
− | <!--T:59-->
| + | =[[Custom Email custom feature|Custom Email]]= |
− | '''Video tutorial available''' [[File:Youtube-Logo.png|link=https://www.youtube.com/watch?v=3GZJzUrm0cs]]
| + | [[File:Custom email logo.png|left]] |
| + | Would you like to send your clients and staff attractive email notifications with own customizable branding, links, buttons, and many other options? Enabling this custom feature gives you access to the HTML editor where you can easily drag and drop various content blocks, add images, text, contact details, etc. Please just mind that the booking or purchase related content, as well as adding of the corresponding variables is to be edited either in Settings -> Email and SMS settings if you are using common appointent notification templates, or in the specific custom feature settings in case you have customized notifications. |
| <br><br> | | <br><br> |
| + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom Email custom feature|>]]</span>''' |
| <br><br> | | <br><br> |
− | <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!'''</span><br>
| + | ------ |
− | <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">Currently available customization is present for the following email templates:</span>
| |
− | * Main booking-related notifications from Settings -> Email and SMS Settings;
| |
− | * Invoices emails from [[Accept_payments_custom_feature|Accept payments]] custom feature;
| |
− | * [[Group_Bookings_custom_feature|Group bookings]] custom feature notifications;
| |
− | * [[Multiple_Bookings_custom_feature|Multiple bookings]] custom feature notifications;
| |
− | * [[Client_Login_custom_feature|Client login]] custom feature notifications;
| |
− | * [[Membership_custom_feature|Membership]] custom feature notifications;
| |
− | * [[Packages_custom_feature|Packages]] custom feature notifications;
| |
− | * [[Tickets_custom_feature|Tickets]] custom feature notifications;
| |
− | * [[Coupons_and_Gift_Cards_custom_feature|Coupons & Gift Cards]] custom feature notifications(both: client side purchase on Custom features page and admin side manual issuing in coupons and gift cards management);
| |
− | * [[Medical_test_custom_feature|Medical test]] custom feature notifications;
| |
− | * [[Book_Soon_Notification_System_custom_feature|Book Soon custom feature]] notifications.
| |
− | <br><br>
| |
| | | |
− | | + | =[[Custom Page custom feature|Custom Page]]= |
− | ;How to use
| |
− | :1. Enable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Email</span> feature on your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom features</span> page, <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Look and Feel</span> section.
| |
− | [[File:Custom email plugin enable path.png|1200px|border|center]] | |
− | <br><br>
| |
− | :2. Click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Create template</span> link to get to the editor and be able to setup your first template.
| |
− | [[File:Custom email plugin settings path.png|1200px|border|center]]
| |
− | <br><br>
| |
− | :3. Please select either <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Create from templates</span> if you would like to select one of our beautiful premade options or <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Create new empty</span> to start adding all the elements from scratch.<br>
| |
− | :Add template name for the empty template type (pre-made templates can be renamed during editing) and hit <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Create</span> button to get to the editing mode.
| |
− | [[File:Custom email create from templates selection.png|1200px|border|center]]
| |
− | [[File:Custom email plugin create empty template.png|1200px|border|center]]
| |
− | <br><br>
| |
− | :4. Add/Edit text blocks, add images, links, menus, columns, upload your company logo, use brand colors, and many more with the integrated editor.<br>
| |
− | :Please use the tools on the right side of the page and visualization in the center, drag and drop, adjust the desired elements to get the necessary look.
| |
− | [[File:Custom email plugin template editing sections.png|1200px|border|center]]
| |
− | [[File:Custom email plugin template editing blocks.png|1200px|border|center]]
| |
− | [[File:Custom email plugin template editing overview.png|1200px|border|center]]
| |
− | <br><br>
| |
− | :5. You can also switch to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Mobile</span> mode to adjust email look for mobile phones.
| |
− | [[File:Custom email plugin template mobile editor.png|1200px|border|center]]
| |
− | <br><br>
| |
− | :6. It is important <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">to add <nowiki>{{content}}</nowiki> tag</span> to the desired place in the template as in real emails it will be replaced with the booking/purchase related information.<br>
| |
− | :Without this tag the customization will not be applied to the notification and it will be sent as plain text.
| |
− | :<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''' All variables that are related to appointments or purchases data should only be used either in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Email and SMS Settings</span> or in the corresponding <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">custom feature</span> options.</span>
| |
− | [[File:Variables for default templates.png|1200px|border|center]]
| |
− | <br><br>
| |
− | :(optional) You can also use <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;"><nowiki>{{name}}</nowiki></span> and <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;"><nowiki>{{email}}</nowiki></span> tags here in case you need to reflect recipient's name and/or email separately from main notification content.
| |
− | :<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''' The templates are regularly automatically saved so you do not need to manually save them.</span>
| |
− | [[File:Custom email plugin edit empty template content and tags.png|1200px|border|center]]
| |
− | <br><br>
| |
− | :7. Use the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Preview</span> option at the bottom to check the look.
| |
− | [[File:Custom email plugin template preview.png|1200px|border|center]]
| |
− | <br><br>
| |
− | :8. (optional) In case you need similar designs with some small changes only or with different content please use <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Clone</span> option to make a copy of the previously saved template.
| |
− | [[File:Custom email clone template.png|1200px|border|center]]
| |
− | <br><br>
| |
− | :9. Once all the necessary templates are ready please go back to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom features</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Look and Feel</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom email.</span>
| |
− | [[File:Custom email plugin select template per notification.png|1200px|border|center]]
| |
− | <br><br>
| |
− | :10. In the very first block you will see your company <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">email address</span> by default. You can leave it like that or set another one for testing.
| |
− | [[File:Custom email plugin test email.png|1200px|border|center]]
| |
− | <br><br>
| |
− | :11. In the next block(s) please <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">select the template</span> for each <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">notification type.</span>
| |
− | [[File:Custom email plugin select template per notification.png|1200px|border|center]]
| |
− | <br><br>
| |
− | :12. Send <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">test emails</span> to check the look with sample content.
| |
− | [[File:Custom email plugin send test email.png|1200px|border|center]]
| |
− | <br><br>
| |
− | :13. If you would like to set same template for all the notifications types within one block please use right-side <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">drop-down menu options.</span>
| |
− | [[File:Custom email plugin templates selection options.png|1200px|border|center]]
| |
− | <br><br>
| |
− | :14. In case you have various custom features with own notification types enabled you will be able to see the corresponding <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">blocks</span> in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Email</span> settings.<br>
| |
− | :Please open <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">each block</span> and set the templates for the notifications you wish to have the customized look.
| |
− | :Save settings once done.
| |
− | [[File:Custom email plugin templates for custom features.png|1200px|border|center]]
| |
− | <br><br>
| |
− | :15. It is also possible to use customized emails when you need to manually send some email from <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Reports</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Bookings details</span> or <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Reports</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Clients.</span><br>
| |
− | :Just check the desired boxes there, click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Send E-mail</span> button and <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">choose the template</span> to be applied in the first drop-down in the popup. Add subject and content. Send the message.
| |
− | [[File:Custom email plugin select template in emailing from report.png|1200px|border|center]]
| |
− | <br><br><br><br>
| |
− | ------
| |
− | =Custom Page= <!--T:60-->
| |
| [[File:Static page.png | left]] | | [[File:Static page.png | left]] |
− | <br>
| |
| This custom feature allows you to add your own custom static pages to your booking website, re-order all booking site pages in the main menu, hide menu items, and add custom links to the main menu. | | This custom feature allows you to add your own custom static pages to your booking website, re-order all booking site pages in the main menu, hide menu items, and add custom links to the main menu. |
| <br><br> | | <br><br> |
− | | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom Page custom feature|>]]</span>''' |
− | <!--T:61-->
| |
− | '''How to use page creation option''' | |
− | | |
− | <!--T:62--> | |
− | :1. Enable “Custom page” feature on your ''Custom features page -> Adding more to the Booking site'' section. | |
− | [[File:Custom page enable path new cf.png | center]] | |
− | <br><br> | |
− | :2. Go to "Manage" to setup the desired pages.
| |
− | [[File:Custom page settings path new cf.png | center]]
| |
| <br><br> | | <br><br> |
− | :3. On the next page you will be able to see system booking page tabs.
| + | -------- |
− | :(The ones that are disabled currently are grayed out.)
| |
− | :System pages cannot be edited in this interface. You will need to navigate to the corresponding section using the links provided.
| |
− | [[File:Active and disabled tabs.png | center]]
| |
− | <br><br>
| |
− | :4. You can use arrows to re-order the tabs and “Eye” icons to hide and show pages.
| |
− | :'''Please note''', that if you hide the page it still will be possible to access it using direct link.
| |
− | [[File:Hide-show-reorder pages.png | center]]
| |
− | <br><br>
| |
− | :5. If you wish to add new custom page, please click on “+” icon at the top and choose “Add custom page” option.
| |
− | [[File:Create new static page.png | center]]
| |
− | <br><br>
| |
− | :6. On the right side the page-building menu will appear. Please add title and desired page content.
| |
− | :You may use built-in HTML editor to add elements or if you have HTML coding knowledge you can switch to code mode using “</>” icon.
| |
− | :'''Please note''', it is necessary to switch coding mode off before saving the page for the code to be saved correctly.
| |
− | [[File:Coding mode on.png | center]]
| |
− | <br><br>
| |
− | | |
| | | |
− | | + | =[[Daily Report custom feature|Daily Report]]= |
− | <!--T:63-->
| |
− | <br><br>
| |
− | '''How to use adding links'''
| |
− | <br>
| |
− | It may happen that you need to redirect your clients to some other page(ex. your website, etc.). <br>
| |
− | In this case “Add link to menu bar” will help you.
| |
− | <br>
| |
− | | |
− | | |
− | :1. Click on “+” icon at the top and choose “Add link to menu bar” option.
| |
− | [[File:Add link to menu bar.png | center]] | |
− | <br><br>
| |
− | :2. Add the title you wish to show in the booking page header to “Custom link text to display” field and indicate the link itself in the corresponding field.
| |
− | [[File:Adding the link.png | center]]
| |
− | <br><br>
| |
− | :3. You can also choose whether the link should be opened in the new browser tab or in the same one. <br>
| |
− | :For this please choose “''self''” if you wish the page to be opened in the same tab or “''blank''” if you wish to be opened in the separate tab in the “Choose how link will be opened” setting.
| |
− | [[File:How to open the link.png | center]]
| |
− | <br><br>
| |
− | --------
| |
− | =Daily Report= <!--T:64-->
| |
− | <br>
| |
| [[File:Daily report new icon.png |left]] | | [[File:Daily report new icon.png |left]] |
− |
| |
− | <!--T:65-->
| |
| Every day this Custom Feature will send you an updated status of all bookings for the day. You will also receive a list with your active bookings for the upcoming week. | | Every day this Custom Feature will send you an updated status of all bookings for the day. You will also receive a list with your active bookings for the upcoming week. |
| In the settings of this Custom Feature you can decide whether you want to include today's new bookings, today's canceled bookings, decide the period for upcoming bookings like 1 day, 3, 7, 14, 21, 30 days and set notification time. | | In the settings of this Custom Feature you can decide whether you want to include today's new bookings, today's canceled bookings, decide the period for upcoming bookings like 1 day, 3, 7, 14, 21, 30 days and set notification time. |
| <br><br> | | <br><br> |
− | | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Daily Report custom feature|>]]</span>''' |
− | | |
− | | |
− | | |
− | ;How to use
| |
− | :1. Enable this feature on your Custom Features page. | |
− | [[File:Daily report enable path new cf.png | center]]
| |
− | <br><br> | |
− | :2. Go to the settings on the right to manage the available options. | |
− | [[File:Daily report settings path new cf.png | center]]
| |
− | <br><br>
| |
− | :3. Adjust the preferences and save. | |
− | <br><br>
| |
− | :The system will send the corresponding report to your company email address that you have indicated in Settings//Company information//Basic information.
| |
− | [[File:Daily report.png | border| center]] | |
| <br><br> | | <br><br> |
| ------- | | ------- |
− | =Display Remaining Spaces= <!--T:66--> | + | |
− | [[File:Seats left icon.png|left]]<br><br>Show how many spaces are left when you accept multiple clients per slot, such as for classes and events. You can also choose to show the total number of spaces as well as the number of spaces left. | + | =[[Display Remaining Spaces|Display Remaining Spaces]]= |
− | <br><br>
| + | [[File:Seats left icon.png|left]] |
− | <br><br>
| + | Show how many spaces are left when you accept multiple clients per slot, such as for classes and events. You can also choose to show the total number of spaces as well as the number of spaces left. |
− | '''Please note!'''
| |
− | *This feature is not compatible with [[Limit_Bookings_custom_feature|Limit Bookings]];
| |
− | *Works for the following [[How_to_change_the_way_time_slots_are_shown#Calendar_Layouts|calendar layouts]] only: slots weekly, modern, weekly and daily classes, modern provider.
| |
− | *The time blocked by [[Calendar_Sync_custom_feature|Calendar sync]] does not influence the number of timeslots.
| |
− | <br><br>
| |
− | :Video tutorial available [[File:Youtube-Logo.png|link=https://www.youtube.com/watch?v=Dn0tNJhOToE]]
| |
− | <br><br>
| |
− | ;How to use
| |
− | :1. Enable Display Remaining Spaces in your Custom Features section.
| |
− | [[File:Remaining spaces enable path.png|border|center]]
| |
− | <br><br>
| |
− | :2. (optional) Enable the corresponding option to display the total number of spaces along with the remaining ones.
| |
− | [[File:Remaining spaces setting.png|border|center]]
| |
− | <br><br>
| |
− | :3. As the result the clients will be able to see the number of the spaces left per each timeslot(and total if "Show the total number of spaces per slot" is enabled).
| |
− | [[File:Display slots left client side.png|1200px|border|center]]
| |
| <br><br> | | <br><br> |
| + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Display Remaining Spaces|>]]</span>''' |
| <br><br> | | <br><br> |
| ------- | | ------- |
− | =External Booking Validator=
| |
− | [[File:External booking validator icon.png|left]]<br><br>You can validate bookings through the use of an external script. The script can check variables from the booking, and only if conditions fulfilled, the booking is processed. Additionally the validation script can bring back information that can be injected into intake form variables.<br><br>
| |
− |
| |
− |
| |
− | <!--T:67-->
| |
− | <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!'''</span><br>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">Development skills are needed for this feature use.</span><br>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;"><span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Intake_Forms_custom_feature|Intake Forms]]</span> custom feature will be enabled together with this one.</span>
| |
| | | |
− | | + | =[[External Booking Validator custom feature|External Booking Validator]]= |
− | <!--T:68-->
| + | [[File:External booking validator icon.png|left]] |
− | ;How to use
| + | You can validate bookings through the use of an external script. The script can check variables from the booking, and only if conditions fulfilled, the booking is processed. Additionally the validation script can bring back information that can be injected into intake form variables.<br><br> |
− | | |
− | :1. Enable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">External Booking Validator</span> custom feature on your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> page, <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Other</span> section.
| |
− | [[File:External booking validator enable path.png|border|center]] | |
| <br><br> | | <br><br> |
− | :2. Create your own validation script with your own desired conditions.<br> | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;”>[[External Booking Validator custom feature|>]]</span>''' |
− | :For example, you may require certain client answers to one or several <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Intake_Forms_custom_feature|intake forms]]</span> for the booking to be submitted to your system. | |
| <br><br> | | <br><br> |
− | :3. Insert your script to this feature <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">settings</span> on the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> page and save.
| |
− | [[File:External booking validator settings path.png|border|center]]
| |
− | <br><br>
| |
− | :Script example is available <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[https://github.com/vetalsimplybook/simplybook-external-validator here].</span>
| |
− | <br><br><br><br>
| |
| ------- | | ------- |
− | =Facebook and Instagram Bookings= <!--T:69--> | + | |
| + | =[[Facebook and Instagram Bookings|Facebook and Instagram Bookings]]= |
| [[File:Facebook business icon.png|left]] | | [[File:Facebook business icon.png|left]] |
− | <br><br>
| |
| Connect your SimplyBook.me booking system to your Facebook Business page and Instagram profile. That way you can book even more clients by having a “Book” button both on your Facebook Business page and your Instagram profile - all seamlessly integrated with your SimplyBook booking system. | | Connect your SimplyBook.me booking system to your Facebook Business page and Instagram profile. That way you can book even more clients by having a “Book” button both on your Facebook Business page and your Instagram profile - all seamlessly integrated with your SimplyBook booking system. |
| <br><br> | | <br><br> |
− | <br><br>
| + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;”>[[Facebook and Instagram Bookings|>]]</span>''' |
− | <span style="background-color:#ffe9e9; padding:5px; border-radius:5px; font-weight: bold;">Please note!</span><br>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">It is possible to connect booking option to Facebook Business and Instagram Business pages. This functionality cannot be added to a personal page.</span><br>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">The booking option is not shown on desktop Instagram version and can be used via mobile apps only.</span><br>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">Bookingtroll theme is used for the booking widget by default. If you wish to change the styling please upgrade to Premium to select the desired theme and be able to use <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Custom_CSS|Custom CSS]]</span> adjustments.</span><br>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">The widget look may differ depending on Facebook preferences for different devices and applications</span><br>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">This feature is not compatible with <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Facebook_Pixel_Custom_Feature|Facebook Pixel]]</span> custom feature.</span><br>
| |
− | <br><br>
| |
− | :'''Video tutorial available '''[[File:Youtube-Logo.png|link=https://www.youtube.com/watch?v=9o5fJkZD384&feature=youtu.be]] | |
− | <br><br>
| |
− | '''How to add and use booking option to Facebook/Instagram business page'''
| |
− | <br><br>
| |
− | :1. Enable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Facebook & Instagram Bookings</span> custom feature on your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> page.
| |
− | [[File:Facebook and insta bookings enable path.png | border| center]]
| |
− | <br><br>
| |
− | :2. Login to your Facebook/Instagram business account(s) in another browser tab.
| |
− | <br><br>
| |
− | :3. Go back to SimplyBook.me interface and click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> near <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Facebook & Instagram Bookings.</span>
| |
− | [[File:Facebook and insta bookings settings path.png|border|center]]
| |
− | <br><br>
| |
− | :4. Click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Connect with Facebook</span> button on the page you see.
| |
− | [[File:Facebook and insta bookings settings overview.png |border|center]]
| |
− | <br><br>
| |
− | :5. You will be redirected to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Facebook</span> interface to manage the permissions and connection to SimplyBook.me.<br>
| |
− | :Please follow the steps 1-5 displayed below.<br>
| |
− | :(If you have Instagram business profile connected to your Facebook business page you will be able to connect it there as well <br>
| |
− | :and <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Book</span> button will automatically appear there)
| |
− | [[File:Facebook and insta new steps.png|border|center]] | |
− | <br><br>
| |
− | :6. Now you will have your services shown on your Facebook page with <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Book</span> buttons next to them or <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Book now</span> button under the page banner that will redirect your clients to your booking site.<br>
| |
− | :(the representation options depend on your Facebook business page)
| |
− | [[File:Facebook and insta new result.png|border|center]]
| |
− | <br><br>
| |
− | :7. You can also add booking option to your Facebook page posts so that the customers will be able to quickly book your services.
| |
− | [[File:Facebook and insta new add booking to post.png|border|center]]
| |
− | <br><br>
| |
− | <br><br>
| |
− | <br><br>
| |
− | <br><br>
| |
− | '''How to remove Book button from Facebook/Instagram pages'''
| |
− | <br><br>
| |
− | :1. Navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Facebook & Instagram Bookings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> on SimplyBook.me side.
| |
− | [[File:Facebook and insta bookings settings path.png|boredr|center]]
| |
− | <br><br>
| |
− | :2. Click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Logout</span> at the top of the page.
| |
− | [[File:Facebook and insta new logout.png|border|center]]
| |
− | <br><br>
| |
− | '''How to add and use booking option on Instagram only'''
| |
− | <br><br>
| |
− | :1. Open your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Instagram</span> mobile application and login to your business page.
| |
− | <br><br>
| |
− | :2. Navigate to your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">profile</span> and select to edit it.
| |
− | <br><br>
| |
− | :3. Follow the steps 1-10 below to add <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Book</span> button that will lead the customers to your booking site:
| |
− | [[File:Edit profile path to add.png|border|center]]
| |
− | <br><br>
| |
− | <br><br>
| |
− | '''How to remove Book option from Instagram business page'''
| |
− | <br><br>
| |
− | :1. Open your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Instagram</span> mobile application and navigate to editing your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">profile.</span><br>
| |
− | :Follow the steps 1-4 below to remove <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Book</span> button:
| |
− | [[File:Edit profile path to remove upd.png|border|center]]
| |
− | <br><br>
| |
| <br><br> | | <br><br> |
| ------- | | ------- |
− | =Facebook Client Info= | + | |
− | <br>
| + | =[[Facebook Client Info custom feature|Facebook Client Info]]= |
| [[File:Facebook client info new icon.png |left]] | | [[File:Facebook client info new icon.png |left]] |
− |
| |
− |
| |
− | <!--T:70-->
| |
| The Facebook Custom Feature will simplify your life and your customer's life. They can log in and make appointments with their Facebook profile. You can thereby also see their Facebook profile photo in the dashboard, allowing you to recognise them when they walk through the door. Please note, that services may be visible on his/her timeline. | | The Facebook Custom Feature will simplify your life and your customer's life. They can log in and make appointments with their Facebook profile. You can thereby also see their Facebook profile photo in the dashboard, allowing you to recognise them when they walk through the door. Please note, that services may be visible on his/her timeline. |
| <br><br> | | <br><br> |
| + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;”>[[Facebook Client Info custom feature|>]]</span>''' |
| <br><br> | | <br><br> |
− | '''Please note!''' This feature is not compatible with [[Custom_Domain_custom_feature| Custom Domain]].
| + | ------- |
− | <br><br>
| |
| | | |
− | ;How to use
| + | =[[Facebook_Pixel_Custom_Feature|Facebook Pixel]]= |
− | :1. Enable this option on your Custom features page.
| + | [[File:Tracking icon.png|left]] |
− | [[File:Facebook client info enable path new cf.png| center]] | + | Manage analytics for your booking website with Facebook Pixel |
| <br><br> | | <br><br> |
− | :2. And the clients will be able to log in with their Facebook profiles on the booking site. | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;”>[[Facebook Pixel Custom Feature|>]]</span>''' |
− | [[File:Facebook client info client view.png | center]]
| |
− | [[File:Facebook client info client view logged.png | center]] | |
| <br><br> | | <br><br> |
| ------- | | ------- |
− | =[[Facebook_Pixel_Custom_Feature|Facebook Pixel]]= <!--T:71-->
| |
− | [[File:Tracking icon.png|left]] <br>Manage analytics for your booking website with Facebook Pixel
| |
− | <br><br><br><br>
| |
| | | |
− | <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please Note!''' This custom feature is not compatible with <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Facebook_and_Instagram_Bookings |Facebook and Instagram Bookings]]</span></span>
| + | =[[File Uploader - Google Drive custom feature|File Uploader - Google Drive]]= |
− | <br><br><br><br>
| + | [[File:Cloud storage icon.png|left]] |
− | ;How to use
| + | Enable this custom feature to allow your clients to upload signed documents or other information directly to your Google drive account. |
− | :1. Enable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Facebook Pixel</span> on your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> page, <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Statistics and Analytics</span> section.
| |
− | [[File:Tracking enable path.png|1200px|border|center]] | |
| <br><br> | | <br><br> |
− | :2. Navigate to <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[https://www.facebook.com/events_manager2/list/pixel/ Data Sources on your Facebook business page]</span> and either select the previously selected pixel or <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Additional_tips#Create_Facebook_pixel|create a new one]]</span> by clicking on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Connect data sources</span> button. | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;”>[[File Uploader - Google Drive custom feature|>]]</span>''' |
| <br><br> | | <br><br> |
− | :3. Copy 16-digit <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">pixel code.</span>
| |
− | [[File:Facebook copy pixel code.png|1200px|border|center]]
| |
− | <br><br>
| |
− | :4. Paste it to the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Pixel ID</span> field on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">SimplyBook.me</span> side. Save settings.
| |
− | [[File:Tracking settings path.png|1200px|border|center]]
| |
− | <br><br>
| |
− | :5. (optional) You can <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">test events</span> using the corresponding tab on your Facebook business page.<br>
| |
− | :Simply paste your booking website url there, navigate to it and go through the pages to create the activity.
| |
− | :View the urls, events and their parameters. It is possible to see simple pageviews, schedule and purchase events.
| |
− | [[File:Facebook test events.png|1200px|border|center]]<br><br>
| |
− | [[File:Facebook event example.png|1200px|border|center]]<br><br>
| |
− | :6. In the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Overview</span> Facebook tab you will be able to see the real events with the details in parameters.
| |
− | [[File:Facebook events parameters.png|1200px|border|center]]<br><br><br><br>
| |
| ------- | | ------- |
− | =File Uploader - Google Drive= <!--T:72-->
| |
− | [[File:Cloud storage icon.png|left]] <br><br>Enable this custom feature to allow your clients to upload signed documents or other information directly to your Google drive account.
| |
− | <br><br>
| |
− | <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!'''</span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">This functionality is not fully supported in the admin application. If you are using it and need to create bookings from there please make file fields as optional as it is not currently possible to upload files in the application. However you will be able to see files names in already made appointments.</span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">The uploaded file should be less than 5Mb size and cannot be archive or executable one.</span>
| |
| | | |
− | <!--T:73-->
| + | =[[Flexible Notifications custom feature|Flexible Notifications]]= |
− | <br><br>
| |
− | ;How to use
| |
− | | |
− | 1. Enable this option on your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom features</span> page -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Adding more to the Booking Website</span> category.
| |
− | [[File:Google drive enable path.png|1200px|center]] | |
− | <br><br>
| |
− | 2. On the right side of the page you will see it settings. Click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Authorize</span> to connect to your Google Drive and give the requested permissions.
| |
− | [[File:Google drive auth path.png|1200px|center]]
| |
− | <br><br>
| |
− | 3. After successful connection you will be able to see its status and use the link to the files folder on your Google Drive from the same Custom Features page.
| |
− | [[File:Google drive authenticated.png|1200px|center]]
| |
− | <br><br>
| |
− | 4. Navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Manage</span> -> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Intake_Forms_custom_feature|Intake forms]]</span> or <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Manage</span> -> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Client_Fields_Custom_Feature|Client fields]]</span> (or enable one or both features if needed) and create <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">File Uploader - Google Drive</span> form.
| |
− | Make it obligatory or not depending on your needs.
| |
− | [[File:Google drive field type.png|1200px|center]]
| |
− | <br><br>
| |
− | 5. After you have created the desired forms the clients will be able to upload their files during the booking process <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">([[Intake_Forms_custom_feature|Intake forms]])</span>
| |
− | [[File:Cloud storage client side booking form.png|1200px|center]]
| |
− | <br><br>
| |
− | or sign up <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">([[Client_Fields_Custom_Feature|Client fields]])</span>
| |
− | [[File:Cloud storage client side sign up.png|1200px|center]]
| |
− | <br><br>
| |
− | 6. From admin side you will be able to see and download the files either <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">in the booking popup</span> on the Calendar page if it is an <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Intake_Forms_custom_feature|intake form]]</span>
| |
− | [[File:Cloud storage booking management.png|1200px|center]]
| |
− | <br><br>
| |
− | or from <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Manage</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Clients</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">edit the client record</span> if you have it as a <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Client_Fields_Custom_Feature|client field]].</span>
| |
− | [[File:Cloud storage client management.png|1200px|center]]
| |
− | <br><br>
| |
− | And, for sure, you will be able to manually upload the files during the new booking or client record creation/editing from admin side if necessary.
| |
− | <br><br><br><br>
| |
− | -------
| |
− | =Flexible Notifications= <!--T:74-->
| |
− | <br>
| |
| [[File:Flexible notifications new icon.png| left]] | | [[File:Flexible notifications new icon.png| left]] |
− |
| |
− | <!--T:75-->
| |
| The Flexible Notifications Custom Feature allows you to customize messages per service, per provider or using a combination of services and providers. It means that certain service can have a message different from the general outgoing reminder message for other services. A certain provider may also want to include different instructions for clients who book a certain service. The Flexible Notifications Custom Feature gives you all the flexibility that you may need in such instances! | | The Flexible Notifications Custom Feature allows you to customize messages per service, per provider or using a combination of services and providers. It means that certain service can have a message different from the general outgoing reminder message for other services. A certain provider may also want to include different instructions for clients who book a certain service. The Flexible Notifications Custom Feature gives you all the flexibility that you may need in such instances! |
| <br><br> | | <br><br> |
− | | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;”>[[Flexible Notifications custom feature|>]]</span>''' |
− | <!--T:76-->
| |
− | <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''' This custom feature is available with paid subscriptions only.</span> | |
− | | |
− | | |
− | <!--T:77-->
| |
− | ;How to use
| |
− | :1. Go to Custom Features//Booking related section, find Flexible Notifications Custom Feature and press "Enable".
| |
− | [[File:Flexible notifications enable path new cf.png | center]] | |
− | <br><br>
| |
− | :2. Click on "Manage" near this feature.
| |
− | [[File:Flexible notifications manage path new cf.png | center]]
| |
− | <br><br>
| |
− | :3. On the page you see press "New flexible template settings".
| |
− | [[File:Flexible notifications create new template.png| center]]
| |
− | <br><br> | |
− | :4. In the new template select services and/or select providers that the customized templates will be applied to. Then select the notification type to add/change template and edit the text. Please use variables on the right to include to your templates if necessary.
| |
− | [[File:Flexible template creation.png | center]]
| |
| <br><br> | | <br><br> |
| ------- | | ------- |
| | | |
− | =Google Adwords and Analytics= <!--T:78--> | + | =[[Google AdWords and Analytics custom feature|Google Adwords and Analytics]]= |
− | <br>
| |
| [[File:Google analytics new icon.png |left]] | | [[File:Google analytics new icon.png |left]] |
− |
| |
− | <!--T:79-->
| |
| Use the Google Analytics Custom Feature to see how many customers visit your site both on an everyday basis and during promotion campaigns. Use the adwords analytics to count how many actually book after clicking an adwords advertisement. | | Use the Google Analytics Custom Feature to see how many customers visit your site both on an everyday basis and during promotion campaigns. Use the adwords analytics to count how many actually book after clicking an adwords advertisement. |
− | <br><br><br>
| |
− |
| |
− |
| |
− |
| |
− | <!--T:80-->
| |
− | ;How to use
| |
− | :1. Enable "Google Adwords and Analytics" feature on your Custom Features page.
| |
− | [[File:Google analytics enable path new cf.png | center]]
| |
− | <br><br>
| |
− | :2. Navigate to the settings on the right.
| |
− | [[File:Google analytics settings path new cf.png | center]]
| |
− | <br><br>
| |
− | :3. Fill in the boxes with the corresponding information.
| |
− | <br><br>
| |
− |
| |
− |
| |
− | <!--T:81-->
| |
− | ;Where to find the details
| |
− | :1. The '''Google analytics id''' can be found in your Google analytics accounts. <br>
| |
− | :Go to Analytics home, and click on "All Web Site data" in the top left corner.
| |
− | [[File:Analytics home.png | center]]
| |
− | <br><br>
| |
− | :2. In the pop-up you will see your Analytics ID
| |
− | [[File:Analytics id.png | center]]
| |
− | <br><br>
| |
− | :It should be in the format: UA-XXXXXXXX-X Where XXXXXXX-X is some number.<br>
| |
− | :''An example of this id would be: UA-70295750-1''<br>
| |
− | :To start tracking visitors, you only need to set your analytics account id. <br><br>
| |
− |
| |
− | <!--T:82-->
| |
− | However '''to track results of an adwords campaign''' you need to set up an adwords campaign conversion id and insert this id into the SimplyBook.me Custom Feature.
| |
− | :1. Sign in to your Ads account at https://ads.google.com
| |
− | :2. Click Tools and select Conversions
| |
− | [[File:Conversions path.png| center]]
| |
| <br><br> | | <br><br> |
− | :3. Click + to create conversions and select Website conversions. | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;”>[[Google AdWords and Analytics custom feature|>]]</span>''' |
− | [[File:New conversion step 1.png | center]] | |
| <br><br> | | <br><br> |
− | :4. Set up the options.
| |
− | [[File:New conversion step 2.png | center]]
| |
− | <br><br>
| |
− | '''Google conversion value''' is the conversion value that you give to a client that hits your target. It can, for example, be set as 20 for $20 per conversion if the average price of your service is $20. We set it default to 1, which could mean $1 value per conversion but you should change this to the right value for you.
| |
− | <br><br>
| |
− | :5. Select to insert the Tag yourself.
| |
− | [[File:New conversion step 3.png | center]]
| |
− | <br><br>
| |
− | :6. Then you will see a code like this:
| |
− | [[File:New conversion step 4.png | center]]
| |
− | <br><br>
| |
− |
| |
− | <!--T:83-->
| |
− | <code>
| |
− | <!- Event snippet for Testing conversion page -><br>
| |
− | <script><br>
| |
− | gtag('event', 'conversion', {'send_to': 'AW-XXXXXXXXX/YYYYYYYY-YYYYYYYYYYY'});<br>
| |
− | </script>
| |
− | </code>
| |
− | <br>
| |
− | where XXXXXXXXX is your conversion id(google_conversion_id value) and <br>
| |
− | YYYYYYYY-YYYYYYYYYYY is conversion label(google_conversion_label value)
| |
− | <br>
| |
− | :7. Use these details to add to the corresponding fields of this custom feature settings.
| |
− | <br>
| |
− | [[File:Google analytics settings path new cf.png | center]]
| |
− | <br><br>
| |
− |
| |
| ------- | | ------- |
− | =Google Authenticator= <!--T:84-->
| |
− | <br>
| |
| | | |
− | <!--T:85-->
| + | =[[Google Authenticator custom feature|Google Authenticator]]= |
− | [[File:Google authenticator.png |left]] <br> Add security to your account. You can use a 2-step authentication when logging into your account preventing unauthorized access. Upon entering password, you'll be asked to insert 6-digit login code from your Google authenticator or a 3rd party app.<br> | + | [[File:Google authenticator.png |left]] |
| + | Add security to your account. You can use a 2-step authentication when logging into your account preventing unauthorized access. Upon entering password, you'll be asked to insert 6-digit login code from your Google authenticator or a 3rd party app.<br> |
| You can use this custom feature with or without HIPAA feature depending on your needs and business requirements. | | You can use this custom feature with or without HIPAA feature depending on your needs and business requirements. |
| <br><br> | | <br><br> |
− | :'''Please note!''' In case you have this feature enabled our support agents will not be able to access your account settings. | + | <span style="background-color: #26dd7d; padding:5px; border-radius:5px;">Free custom feature!</span> |
− | :As well it will not be possible to connect the account to [[Custom_Features#Zapier_Connector | Zapier]]. | |
− | <br>
| |
− | '''How to use it as admin user'''
| |
− | <br> | |
− | :1. Open “Custom features” page using left-side menu of your admin interface and find “Security & Data Protection” section. Just click on “Enable” near “Google authenticator”
| |
− | [[File:Google auth enable path new cf.png | center]]
| |
| <br><br> | | <br><br> |
− | :2. To set 2-step authentication please go to Manage//Users using left-side menu or click on ”Set up 2-step authentication” near this custom feature. | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;”>[[Google Authenticator custom feature|>]]</span>''' |
− | [[File:Google auth 2fa settings path new cf.png | center]] | |
| <br><br> | | <br><br> |
− | :3. On Manage//Users page click on “+” and create all desired system users to be able to connect each to 2-step authentication.
| + | --------- |
− | [[File:Create users.png | center]] | + | |
| + | =[[Google_Business_custom_feature|Google Business]]= |
| + | [[File:Google business icon.png | left]] |
| + | Easily increase your business visibility on the Internet via the Google My Business feature. It does not cost anything but increases visibility in search as well as makes your business visible on Google maps. |
| <br><br> | | <br><br> |
− | :4. Download “Google Authenticator” application from Google Play or App Store. You can just scan QR-code in Manage//Users//select the user//Google Authenticator and immediately get to application page.
| + | <span style="background-color: #26dd7d; padding:5px; border-radius:5px;">Free custom feature!</span> |
− | [[File: Ga application links.png | center]]
| |
− | <br><br>
| |
− | :5. In the same section scan QR-code with Google Authenticator application on your smartphone, enter the code you see in the app and click on "Connect" button. | |
− | [[File:Connect ga to user v3.png | center]]
| |
− | <br><br>
| |
− | :6. All done! This user can now log in in more secure way!
| |
| <br><br> | | <br><br> |
− | :Login process will look like as follows: | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;”>[[Google Business custom feature|>]]</span>''' |
− | :- open Simplybook.me site or direct link as companyname.simplybook.me<br> | |
− | :- fill in all necessary details and password<br> | |
− | :- enter 6-digits code from Google Authenticator feature
| |
− | [[File:2-step authentication pop-up.png | center]]
| |
| <br><br> | | <br><br> |
| | | |
− | | + | ===[[Google_Business_custom_feature#Reserve_with_Google|Reserve with Google]]=== |
− | <!--T:86-->
| + | ::Add a “Book online” button to your Google Business listing. Allow your clients to find you easily on Google and book your services right there via Google Search, Google Maps or Google Assistant, powered by the SimplyBook.me booking system. |
− | ''If you plan to allow your employees to be able to connect themselves please create them as users beforehand and allow them to login without 2-step authentication in Custom features//Google authenticator//Settings//Settings.''
| + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;”>[[Google_Business_custom_feature#Reserve_with_Google|>]]</span>''' |
− | [[File:Google auth allow login without 2fa path new cf.png | center]]
| |
− | <br><br>
| |
− | | |
− | | |
− | <!--T:87-->
| |
− | '''How to connect Google Authenticator if you are a user'''
| |
− | <br> | |
− | :1. Google Authenticator custom feature should be previously enabled by admin as described above. | |
− | | |
− | :2. Open “Welcome” page using left-side menu and scan the code to download the application if you have not done this before. | |
− | [[File:Connect ga as user v3 get the app.png | center]]
| |
− | <br><br>
| |
− | :3. Click on “Connect/Change” link, scan the code, enter the code you get and save settings.
| |
− | [[File:Connect ga as user v3.png | center]] | |
− | <br><br> | |
− | :4. From now you will login in more secure way!
| |
− | <br><br>
| |
− | :Login process will look like as follows:
| |
− | :- open Simplybook.me site or direct link as https://companyname.simplybook.me<br>
| |
− | :- fill in all necessary details and password<br>
| |
− | :- enter 6-digits code from Google Authenticator feature
| |
| <br><br> | | <br><br> |
| --------- | | --------- |
− | =[[Google_Business_custom_feature|Google Business]]= <!--T:88-->
| |
− | [[File:Google business icon.png | left]] <br><br> Easily increase your business visibility on the Internet via the Google My Business feature. It does not cost anything but increases visibility in search as well as makes your business visible on Google maps.
| |
| | | |
− | | + | =[[Google Reviews custom feature|Google Reviews]]= |
− | <span style="background-color: #26dd7d; padding:5px; border-radius:5px;">Free custom feature!</span>
| + | [[File:Google reviews icon.png|left]] Do you have numerous company reviews and a great rating on Google and wish to share the results on your booking website? Enable Google reviews custom feature to set it up at one simple step and attract even more customers to your services! |
| <br><br> | | <br><br> |
− | Video tutorial [[File:Youtube-Logo.png|link=https://youtu.be/ltT1F1jBfKk]]
| + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;”>[[Google Reviews custom feature|>]]</span>''' |
| <br><br> | | <br><br> |
− | =Google Business= <!--T:89-->
| |
| | | |
| + | --------- |
| | | |
− | <!--T:90-->
| + | =[[Google Tag Manager custom feature|Google Tag Manager]]= |
− | ;How to use:
| + | [[File:Google tag manager icon.png | left]] |
− | | + | This feature allows to manage tracking and marketing optimization JavaScript tags on your site. You can add and update AdWords, Google Analytics, Floodlight, and non-Google tags. |
− | :1. Enable this custom feature on your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> page.
| |
− | [[File:Google business enable path new cf.png | border| center]] | |
− | <br><br>
| |
− | :2. Navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> to create Google Business account if you do not have one yet, or connect already existing Google Business account.
| |
− | [[File:Google business settings path new cf.png | border| center]]
| |
− | <br><br>
| |
− | [[File:Google business account.png|border| center]] | |
− | <br><br>
| |
− | :3. Give the necessary permissions so that it will be possible to see and edit your location(s) in SimplyBook.me.
| |
− | <br><br>
| |
− | :4. If you already have some locations in Google Business you will be able to see them on the left side of the page.
| |
− | [[File:Google business locations.png | center]]
| |
− | <br><br>
| |
− | :5. Just click on one of them if you need to make some edits and enable the option <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Update address in the profile</span>, make the necessary changes and re-save the location for the information to be updated on Google side
| |
− | [[File:Google business update address.png | center]]
| |
− | <br><br>
| |
− | :or choose <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">+</span> option to add a new business address.
| |
− | [[File:Google business add location.png | border| center]]
| |
− | <br><br>
| |
− | :6. After you have added the address, click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Save and Close</span> and you will have the possibility to proceed to the business location verification on Google side(it may take some time). <br>
| |
− | :You can also close the pop-up and get back to the verification step later(there will be <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Verify now</span> button for each saved and synced business location). <br>
| |
− | :As soon as your location is verified by Google(you will see the verification process steps while following Google instuctions) your business will appear in search and on Google Maps.
| |
− | [[File:Google business verify link.png | border| center]]
| |
− | <br><br>
| |
− | :7. When you save the location the following information is passed to Google about your company:
| |
− | :*business location title;
| |
− | :*company working hours;
| |
− | :*company phone number;
| |
− | :*booking site link;
| |
− | :*business category(as Google categories differ the best matching one will be found).
| |
− | [[File:Google business location info.png |border| center]]
| |
− | <br><br>
| |
− | :<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note''', if you have changed some of these details in your SimplyBook.me account you will need to re-save the business location in Google Business feature settings for the details to be updated on Google side.</span>
| |
− | <br><br>
| |
− | :8. You can also edit your business location details on Google side if necessary. Simply click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Edit on GMB</span> button at the top(appears for saved and synced locations).
| |
− | [[File:Google business edit on google side.png |border| center]]
| |
− | <br><br>
| |
− | :9. If some location(s) become not relevant for your business anymore you can easily delete them in this feature settings. Just click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Delete on GMB</span> option.
| |
− | [[File:Google business delete on google side.png |border|center]]
| |
− | <br><br>
| |
− | ===Reserve with Google=== <!--T:91-->
| |
− | | |
− | <!--T:92-->
| |
− | <br><br>
| |
− | | |
− | | |
− | <!--T:93-->
| |
− | Add a <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Book online</span> button to your Google Business listing. Allow your clients to find you easily on Google and book your services right there via Google Search, Google Maps or Google Assistant, powered by the SimplyBook.me booking system.
| |
− | | |
− | | |
− | <!--T:94-->
| |
− | :'''<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">Please note!:</span>'''
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">Reserve with Google is currently available only for supported countries listed <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[https://developers.google.com/maps-booking/policies/criteria here]</span>;</span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">Currently it is not possible to use this option for the following business categories: medical center, educational institution, government office, engineer, medical clinic, dentist, medical office, education center, event management company, city administration, embassy, general practice attorney, child care agency, university, college, school, library, financial institution.</span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">It is required to have <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Accept_Payments|Accept Payments]]</span> custom feature enabled (<span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Pay later (Allow delay payment)</span> option should always be <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">On</span>) and prices should be added for all the services/classes you wish to be displayed and bookable through Google Maps;</span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">All the services/classes should have descriptions to be displayed on the Google side;</span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">If you are using <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Intake_Forms|Intake forms]]</span> feature there should be no mandatory forms added to the services you wish to be available for booking;</span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">If a service is <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">[[Recurring_services(packs)|recurring]]</span> or connected to <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Membership|Membership]]</span> it will not be displayed in Reserve with Google;</span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">If you are using outdated Google Calendar Sync custom feature it will not be possible to use Reserve with Google.</span>
| |
− | | |
− | <br><br>
| |
− | ;How to use:
| |
− | :1. Add and verify your Google Business location(s) either via <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">SimplyBook.me platform(previous part of this tutorial)</span> or using your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Google Business interface</span> and re-save it(them) in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Google Business custom feature settings.</span>
| |
− | [[File:Reserve with google resave locations.png|border|center]]
| |
− | <br><br>
| |
− | :2. Navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Reserve on google maps</span> tab and move the switcher <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Synchronization with Reserve with Google</span> to an active position.
| |
− | [[File:Reserve with google turn sync on.png|border|center]]
| |
− | <br><br>
| |
− | :2. (optional) If you use <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Multiple_Locations|Multiple Locations]]</span> custom feature, connect your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Google Businesses</span> to desired <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">SimplyBook.me locations.</span>
| |
− | :<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''' It is possible to connect one SimplyBook.me location to one Google Business.</span>
| |
− | :<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">If you do not use <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Multiple_Locations|Multiple Locations]]</span> your main company location can be connected to one Google Business.</span>
| |
− | [[File:Reserve with google connect location.png|border|center]]
| |
− | <br><br>
| |
− | :3. <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Save</span> settings. Now the sync takes place and after you <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">reload the page</span> it will be possible to see the list of services that will be passed to Reserve with Google for booking.
| |
− | :By default we gather all the information and pass the update to Google once a day, but you can use <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Update info</span> button to prepare the information for transfer manually if any settings changes in your account(for example, if you have created new service) were made.
| |
− | [[File:Reserve with google connection result.png|border|center]]
| |
| <br><br> | | <br><br> |
| + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;”>[[Google Tag Manager custom feature|>]]</span>''' |
| <br><br> | | <br><br> |
| --------- | | --------- |
− | =Google Tag Manager= <!--T:95-->
| |
− |
| |
− | <!--T:96-->
| |
− | [[File:Google tag manager icon.png | left]] <br>This feature allows to manage tracking and marketing optimization JavaScript tags on your site. You can add and update AdWords, Google Analytics, Floodlight, and non-Google tags.
| |
− | <br><br>
| |
| | | |
− | | + | =[[Google Translate custom feature|Google Translate]]= |
− | ;How to use
| + | [[File:Google translate.png | left]] |
− | :1. Enable Google Tag Manager custom feature in your Custom features section.
| + | Need to show your booking website in several languages for your clients' convenience? Now we have Google Translate custom feature that makes is possible. It allows you to add Google Translate’s automatic translation to your booking website and each client will be able to choose the language convenient for them. |
− | [[File:Google tag manager enable path new cf.png | center]]
| |
− | <br><br>
| |
− | :2. Sign up for a [https://tagmanager.google.com/#/home Google tag manager site]
| |
− | <br>
| |
− | :3. Create a new container and set it up.
| |
− | <br>
| |
− | :4. Insert the container ID on the SimplyBook.me admin page -> Custom features -> Google Tag Manager -> on the right side.
| |
− | [[File:Google tag manager settings path new cf.png | center]]
| |
− | <br><br>
| |
− | ---------
| |
− | =Google Translate= <!--T:97-->
| |
− | [[File:Google translate.png | left]] <br>Need to show your booking website in several languages for your clients' convenience? Now we have Google Translate custom feature that makes is possible. It allows you to add Google Translate’s automatic translation to your booking website and each client will be able to choose the language convenient for them. | |
− | <br><br>
| |
− | ;How to use
| |
− | :1. To enable this option navigate to Custom Features//Adding more to the Booking Website.
| |
− | [[File:Google translate enable path new cf.png |center]]
| |
− | <br><br>
| |
− | :2. To access available options for this functionality click on "Settings" button.
| |
− | [[File:Google translate settings path new cf.png| center]]
| |
| <br><br> | | <br><br> |
− | :3. Check the boxes with languages you wish your clients to be able to choose on the booking website. | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;”>[[Google Translate custom feature|>]]</span>''' |
− | [[File:Google translate options settings.png | center]]
| |
− | <br><br> | |
− | :4. Select the view mode to your taste. | |
− | [[File:Select view mode for google translate.png | center]]
| |
− | <br><br>
| |
− | :5. Save settings. Everything is ready to use! Here is how it can look like on your booking page using one of the themes.
| |
− | [[File:Google translate client side.png|1200px|border| center]] | |
− | <br><br> | |
− | One more translation possibility using third-party service [http://appointmentschedulingnews.com/perfect-translation-in-any-language-for-your-website here]
| |
| <br><br> | | <br><br> |
| -------- | | -------- |
− | =Group Bookings= | + | |
− | <br>
| + | =[[Group Bookings custom feature|Group Bookings]]= |
| [[File:Group booking new icon.png |left]] | | [[File:Group booking new icon.png |left]] |
− |
| |
− | <!--T:98-->
| |
| Group bookings is useful when you need your customers to be able to book appointment or reservation for many individuals at the same time. This Custom Feature creates a selection menu with the number of participants in the group. With this Custom Feature you can also use [[Custom_Features#Accept_Payments | payment custom feature]] at the same time so that the total payment for all participants will be paid in one payment at time of check-out even though only the group leader/organizer is registered. If you are using [[Custom_Features#Products_for_Sale | Products for Sale]] or [[Custom_Features#Service_Add-ons | Service Add-Ons]] features, number of items will also be multiplied to the number of participants selected. | | Group bookings is useful when you need your customers to be able to book appointment or reservation for many individuals at the same time. This Custom Feature creates a selection menu with the number of participants in the group. With this Custom Feature you can also use [[Custom_Features#Accept_Payments | payment custom feature]] at the same time so that the total payment for all participants will be paid in one payment at time of check-out even though only the group leader/organizer is registered. If you are using [[Custom_Features#Products_for_Sale | Products for Sale]] or [[Custom_Features#Service_Add-ons | Service Add-Ons]] features, number of items will also be multiplied to the number of participants selected. |
| <br><br> | | <br><br> |
− | | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;”>[[Group Bookings custom feature|>]]</span>''' |
− | | |
− | | |
− | <!--T:99--> | |
− | ;How to use
| |
− | :1. Make sure that the Service provider is set able to accept X many clients at same time(or more depending on your needs). For this go Manage//Service Providers//select necessary provider//Service provider details//How many clients can this provider serve at same time? and set the X number of clients.
| |
− | [[File:Number of clients per provider.png | center]] | |
− | <br><br>
| |
− | :2. Activate Group Bookings custom feature on your Custom features page
| |
− | [[File:Group bookings enable path new cf.png | center]]
| |
− | <br><br>
| |
− | :3. Go to its settings on the right.
| |
− | [[File:Group bookings settings path new cf.png | center]]
| |
− | <br><br>
| |
− | :4. Here you can specify how many people can be booked in same booking, by same client and edit notification templates related to this feature.
| |
− | [[File:Group bookings main config path new cf.png| center]]
| |
− | <br><br>
| |
− | :(optional) You can additionally indicate minimum number of allowed group bookings if it is required for your services and as the result the clients will not be able to select the lower number of sessions on the service step of the booking process.<br<
| |
− | :It is possible to set this minimum number for all the services you have. Then please do that in Custom features -> Group bookings -> right side of the page -> Min allowed bookings at a time
| |
− | [[File:Group bookings min max general.png|1200px|border|center]]
| |
− | <br><br>
| |
− | :Or you can define some number per service/class in Manage -> Services/Classes -> select the service/class -> More options -> Min allowed bookings at a time
| |
− | [[File:Group bookings min max service.png|1200px|border|center]]
| |
− | <br><br>
| |
− | '''How will it look like on the booking page:'''
| |
− | <br>
| |
− | :The clients will be able to use the arrows to choose the number of participants(the look may differ depending on the theme you have).
| |
− | [[File:Group bookings min max client side.png|1200px|border| center]]
| |
| <br><br> | | <br><br> |
| ------- | | ------- |
| | | |
− | =HIPAA= <!--T:100--> | + | =[[HIPAA custom feature|HIPAA]]= |
− | <br>
| |
| [[File:Hipaa new icon.png |left]] | | [[File:Hipaa new icon.png |left]] |
− | <br>
| |
− | Available with Standard and Premium(former Gold and Platinum) subscriptions.
| |
− | <br><br>
| |
| The personal information custom feature is designed to help [https://simplybook.me SimplyBook.me] users to protect their client's and patient's data. It does not replace user's own security procedures but enhances [https://simplybook.me SimplyBook.me] data security by using double authentication during login process for all users who access the system (users need to register their mobile phone number to receive authentication code SMS(you need SMS credits for this) or connect [[Custom_Features#Google_Authenticator | Google Authenticator]] using corresponding custom feature). This custom feature includes a “Timeout” setting which automatically logs user out to reduce the risk of unauthorized users accessing the system.<br> | | The personal information custom feature is designed to help [https://simplybook.me SimplyBook.me] users to protect their client's and patient's data. It does not replace user's own security procedures but enhances [https://simplybook.me SimplyBook.me] data security by using double authentication during login process for all users who access the system (users need to register their mobile phone number to receive authentication code SMS(you need SMS credits for this) or connect [[Custom_Features#Google_Authenticator | Google Authenticator]] using corresponding custom feature). This custom feature includes a “Timeout” setting which automatically logs user out to reduce the risk of unauthorized users accessing the system.<br> |
− | The system blocks all access for [https://simplybook.me SimplyBook] support personnel further reducing access by unrelated people to the system. It is possible to further reduce exposure of personal information to unauthorized people by using the [[Custom_Features#Clean_History | Clean History custom feature]]. This way old data gets deleted and is therefore not accessible. <br><br>
| |
− | '''Please note!'''
| |
− | *This custom feature does NOT replace the [https://simplybook.me SimplyBook.me] user's own security controls which also need to be in place for client and patient data protection. Please refer to relevant documentation in your country and get assistance from qualified advisors in the field of client/patient data protection.
| |
− | *[service] and [client] variables in notification templates do not work when this Custom Feature is enabled due to security reasons.
| |
− | *It is not possible to connect the account to [[Custom_Features#Zapier_Connector | Zapier]] if you are using HIPAA feature.
| |
− | *This custom feature cannot be enabled without [[Google_Authenticator_custom_feature| Google Authenticator custom feature]].
| |
− | <br><br>
| |
− | ;How to use
| |
− | :1. Enable HIPAA features on your Custom Features page.
| |
− | :''When you enable this feature [[Custom_Features#SSL| SSL custom feature]] and [[Custom_Features#Google_Authenticator | Google Authenticator]] will be enabled as well to add security to client side.''
| |
− | [[File:Hipaa enable path new cf.png | center]]
| |
− | <br><br>
| |
− | :2. Go to its settings on the right to set timeout period and email address to be notified about new log ins.
| |
− | [[File:Hipaa settings path new cf.png | center]]
| |
− | <br><br>
| |
− | :3. Add phone numbers for your users in Manage//Users//select the user//User details.
| |
− | [[File:Add phone for admin.png|1200px|border|center]]
| |
− | <br><br>
| |
− | :4. Set up and validate main admin Google Authenticator in Manage//Users//select the user//Google Authenticator.<br>
| |
− | :(download the app to your phone from Google Play or App Store if you do not have it yet,<br>
| |
− | :scan QR-code with Google Authenticator application on your smartphone, enter the code you see in the app and click on "Connect" button.)
| |
− | [[File:Connect ga to user v3.png|border|center]]
| |
− | <br><br>
| |
− | :5. Validate main admin phone number to have a backup tw-step authentication method.
| |
− | <br><br>
| |
− | ;How to validate phone number
| |
− | :1. Please navigate to Manage//Users//main admin user//User details.<br>
| |
− | :Click on "Generate a check-code to validate phone" button under the phone number field.
| |
− | [[File:Hipaa validate phone v3.png | center]]
| |
− | <br><br>
| |
− | :2. You will receive sms with the code, enter the code into the "Validation code" field and press "Confirm the check-code".
| |
− | [[File:Hipaa confirm code.png|center]]
| |
| <br><br> | | <br><br> |
− | :3. Get a success message that the code is confirmed. | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;”>[[HIPAA custom feature|>]]</span>''' |
− | [[File:Hipaa validated number.png | center]] | |
| <br><br> | | <br><br> |
− | :As a one more backup method you can download the file with one-time codes for two-step authentication in "Google Authenticator" tab on Manage//Users page.
| |
− | [[File:Add 2fa backup codes.png|1200px|border|center]]
| |
− | <br><br><br><br>
| |
| ------- | | ------- |
− | =HTML Description Field for Events= | + | |
− | <br>
| + | =[[HTML Description Field for Events custom feature|HTML Description Field for Events]]= |
| [[File:Html description new icon.png |left]] | | [[File:Html description new icon.png |left]] |
− |
| |
| Allows inserting HTML formatting (background and font color, bold, italic, underline, alignment and other HTML elements) for Service, Service Providers, Locations and Categories description fields. | | Allows inserting HTML formatting (background and font color, bold, italic, underline, alignment and other HTML elements) for Service, Service Providers, Locations and Categories description fields. |
− | <br><br><br>
| + | <br><br> |
| <span style="background-color: #26dd7d; padding:5px; border-radius:5px;">Free custom feature!</span> | | <span style="background-color: #26dd7d; padding:5px; border-radius:5px;">Free custom feature!</span> |
| <br><br> | | <br><br> |
− | ;How to use | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;”>[[HTML Description Field for Events custom feature|>]]</span>''' |
− | :1. Enable this functionalitty on your Custom Features page. | |
− | [[File:Html description enable path new cf.png | center]] | |
| <br><br> | | <br><br> |
− | :2. Go to Manage section using left-side menu and select Services/Providers/Classes/Memberships/Products for sale depending on which item do you wish to add/edit description to. <br>
| + | -------- |
− | :Select the item and the first tab with name and details. <br>
| + | |
− | :Edit the description and save settings
| + | =[[Import Clients custom feature|Import Clients]]= |
− | [[File:Html description field settings.png | center]] | + | [[File:Import clients icon.png | left]] |
| + | Use this feature if you need to add the list of clients to your system with just several clicks. Simply upload a CSV file containing your clients data, then select headers for corresponding columns, and you will have an updated list of clients in your client register. |
| <br><br> | | <br><br> |
− | --------
| |
− | =Import Clients= <!--T:101-->
| |
− | [[File:Import clients icon.png | left]] <br>Use this feature if you need to add the list of clients to your system with just several clicks. Simply upload a CSV file containing your clients data, then select headers for corresponding columns, and you will have an updated list of clients in your client register.
| |
− | <br>
| |
| <span style="background-color: #26dd7d; padding:5px; border-radius:5px;">Free custom feature!</span> | | <span style="background-color: #26dd7d; padding:5px; border-radius:5px;">Free custom feature!</span> |
| <br><br> | | <br><br> |
− | :'''Attention!''' It is forbidden to import a client list with emails and client information where the clients have not specifically granted you the right to do so. | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;”>[[Import Clients custom feature|>]]</span>''' |
− | <br>
| |
− | :'''Please note''' that this feature is available with Standard and Premium subscriptions only(former Advanced, Gold and Platinum).<br> | |
− | :It is only possible to import 500 clients by default. If you need to import more please contact support for details.
| |
− | <br><br> | |
− | '''How to use this option:'''
| |
− | :1. Enable "Import Clients" custom feature on your Custom features page:
| |
− | [[File:Import clients enable path new cf.png | center]]
| |
− | <br><br>
| |
− | :2. Prepare your Excel file.
| |
− | :- No text above the list of clients should be written
| |
− | :- Make sure all cells are correctly displayed | |
− | :- Save file in .csv format with comma separation. | |
− | <br><br>
| |
− | :3. Go to Manage//Clients//Import from CSV or simply click on "Settings" near this custom feature. | |
− | [[ File:Import clients file upload path.png | center]]
| |
− | <br><br>
| |
− | :4. Press "Choose file" and select the prepared file.
| |
− | [[File:Import clients file upload step1.png | center]] | |
− | <br><br>
| |
− | :5. Assign values to the columns from drop-down lists in the upper bar (above each column, marked with black arrows). Assign "name", "email" and "phone".
| |
− | [[File: Import clients assigning column headers.png | center]]
| |
− | <br><br> | |
− | :6. Press "Confirm clients import".
| |
− | :''Please note that only 10 clients will be shown in preview, but after you import, all clients will be shown.''
| |
− | <br><br>
| |
− | ;If you can't import clients, please check the possible reasons:
| |
− | :1. Format of .csv file is incorrect. It should be saved in .csv with comma or tab separation.<br/>
| |
− | :2. There is some text above the data or unnecessary columns that prevent successful import. Please delete the text.<br/>
| |
− | :3. Values are not assigned. Use drop-down menus above the columns to assign values "name", "email", "phone", etc.
| |
| <br><br> | | <br><br> |
| -------- | | -------- |
− | =Insights= | + | |
− | <br>
| + | =[[Insights custom feature|Insights]]= |
| [[File:Insights new icon.png |left]] | | [[File:Insights new icon.png |left]] |
− | | + | This Custom Feature creates a variety of charts with key performance indicators in your new financial dashboard.<br> |
− | <!--T:102-->
| |
− | This Custom Feature creates a variety of charts with key performance indicators in your new financial dashboard. | |
− | | |
| Providers availability, total bookings, payment per provider etc | | Providers availability, total bookings, payment per provider etc |
− | <br><br><br>
| |
− | ;How to use
| |
− | :1. Enable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Insights</span> on your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom features</span> page.
| |
− | [[File:Insights enable path new cf.png | center]]
| |
| <br><br> | | <br><br> |
− | :2. Navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Dashboard</span> to check the graphs and charts. | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;”>[[Insights custom feature|>]]</span>''' |
− | [[File:Dashboard chart example.png | center]] | |
| <br><br> | | <br><br> |
| ------- | | ------- |
− | =Instagram Photo Sharing= <!--T:103--> | + | |
− | <br>
| + | =[[Instagram Photo Sharing custom feature|Instagram Photo Sharing]]= |
− | [[File:Social gallery.png | left]]<br> | + | [[File:Social gallery.png | left]] |
| Enable the Instagram photo sharing feature and show automatically your photos on the booking site to make it more a live and fun for your visitors. Take photos with your Instagram app and show the results on your booking page. | | Enable the Instagram photo sharing feature and show automatically your photos on the booking site to make it more a live and fun for your visitors. Take photos with your Instagram app and show the results on your booking page. |
| <br><br> | | <br><br> |
− | | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;”>[[Instagram Photo Sharing custom feature|>]]</span>''' |
− | | |
− | | |
− | <!--T:104-->
| |
− | '''How to use:'''
| |
− | <br> | |
− | :1. To enable this custom feature please go to Custom features page and click on “Enable” near “Instagram photo sharing” option.
| |
− | [[File:Insta gallery enable path new cf.png | center]]
| |
| <br><br> | | <br><br> |
− | :2. Then please choose “Settings” near this custom feature
| + | ------- |
− | [[File:Insta gallery settings path new cf.png | center]]
| |
− | <br><br>
| |
− | :3. You will get to the page where you will be able to connect your Instagram account.
| |
− | :Just click on “Authorization”, fill in your Instagram username and password.<br>
| |
− | [[File:Instagram photo sharing settings v3.png| center ]] [[File:Instagram login.png | center]]
| |
− | <br><br>
| |
− | :4. If you have many posts within your Instagram account you can set how many images to display per page.
| |
− | [[File:Instagram number of images per page.png | center]]
| |
− | <br><br>
| |
− | You have it set now and your Instagram images will be displayed on separate tab on the booking site.
| |
− | [[File:Instagram on booking page.png | center]]
| |
| | | |
− | <br><br>
| + | =[[Intake Forms custom feature|Intake Forms]]= |
− | '''Please note!'''
| |
− | <br><br>
| |
− | - When you add images to your Instagram they will be updated on the booking page within an hour. <br>If you wish it to happen sooner please click on “Refresh now” on this custom feature “Settings” page.
| |
− | [[File:Instagram refresh option.png | center]]
| |
− | <br><br>
| |
− | - If Instagram post consists of several images/photos only first one will be displayed on the booking site.
| |
− | <br><br>
| |
− | -------
| |
− | =Intake Forms= <!--T:105-->
| |
− | <br>
| |
| [[File:Additional field new icon.png |left]] | | [[File:Additional field new icon.png |left]] |
− | <br>
| |
| Intake Forms Custom Feature allows you to request more information from your clients during the booking process. You can ask several questions and they can be answered in many types of fields, such as text lines, drop-downs, text boxes etc. | | Intake Forms Custom Feature allows you to request more information from your clients during the booking process. You can ask several questions and they can be answered in many types of fields, such as text lines, drop-downs, text boxes etc. |
− | <br>
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | ;How to use
| |
− | :1. Enable Intake Forms Custom Feature in the Custom Feature//Adding more to the booking page.
| |
− | [[File:Intake forms enable path new cf.png | center]]
| |
− | <br><br>
| |
− | :2. Go to its management or to Manage//Intake forms page.
| |
− | [[File:Intake forms settings path new cf.png | center]]
| |
− | <br><br>
| |
− | :3. Press "+" button in the settings of Custom Feature to create a new form.
| |
− | [[File:Create new intake form v3.png | center]]
| |
| <br><br> | | <br><br> |
− | :4. In the field "Question title" write the question you want your clients to answer. For example: Age, preferences, Do you have any health problems?, etc. | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;”>[[Intake Forms custom feature|>]]</span>''' |
− | :5. Choose the field type: | |
− | :'''digits only''' - allows entering only numbers. Useful when you need to know the age, height or any other information that will require only digits. | |
− | :'''single line''' - usually used for short answers
| |
− | :'''multiple lines''' - use this type of filed if you expect lengthy explanations from your clients
| |
− | :'''checkbox''' - creates a checkbox that clients should either check or leave unchecked. Useful for questions that require binary answer, for example "I will need additional services".
| |
− | :'''dropdown selection''' - creates a drop-down list with the ability to choose only 1 option. In order to create this field, you will need to create a list of values in the section "Dropdown options and default option". Also you can select the Default value that will be assigned if nothing is chosen from the list.
| |
− | :'''date''' - creates date selection option with calendar. | |
− | :'''barcode''' - allows to scan barcodes via admin mobile application and get the values from scanning. Also allows simple text input like in single line intake forms. | |
− | :'''custom HTML''' - allows to add visual dividers or additional text near the intake form. Cannot be used for client input. | |
− | [[File:Intake forms types new.png|1200px|border |center]] | |
− | <br><br>
| |
− | :6. Make it rather obligatory or not with the help of "optional" switcher.
| |
− | :Include the field (both title and response will be included) to client invoices if you need and if you use [[Accept_payments_custom_feature|Accept payments]] custom feature.
| |
− | :7. If you wish to relate form with certain services, choose "Services, attached to this field" tab and check the boxes near corresponding services.
| |
− | [[File:Attach intake form to services.png| center]]
| |
− | <br><br> | |
− | :8. If you want to include intake form information to email templates, find the intake forms variables and add them to templates in Settings//Email and SMS settings.
| |
− | [[File:Add intake form variable to template.png | center]]
| |
| <br><br> | | <br><br> |
| ------- | | ------- |
− | =Kiosk= <!--T:106--> | + | |
− | <br>
| + | =[[Kiosk custom feature|Kiosk]]= |
− | [[File:Kiosk.png |left]]<br>The Kiosk Custom Feature allows you to accept bookings on your client booking site so in between bookings, data gets cleared. This makes privacy issues less of a concern.<br> | + | [[File:Kiosk.png |left]] |
| + | The Kiosk Custom Feature allows you to accept bookings on your client booking site so in between bookings, data gets cleared. This makes privacy issues less of a concern.<br> |
| You can set the time when the customer will be redirected to home page of the booking site or to the beginning of the services booking steps in case you use widget after he/she completes the booking or if the page is left inactive. | | You can set the time when the customer will be redirected to home page of the booking site or to the beginning of the services booking steps in case you use widget after he/she completes the booking or if the page is left inactive. |
− |
| |
− | <br><br>
| |
− | <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''' This feature is not compatible with <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Take_Me_Back_Home |Take me Back Home]],</span> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Telegram_Notifications_custom_feature|Telegram Notifications]]</span> and <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Online_Video_Meetings_Custom_Feature|Online Video Meetings]]</span> custom features.</span>
| |
− | <br><br>
| |
− | ;How to use
| |
− | :1. Enable this feature on your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom features</span> page, <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Other</span> section.
| |
− | [[File:Kiosk enable path.png |border|center]]
| |
− | <br><br>
| |
− | :2. Select if you wish to clear client data with each new booking, set redirect time for after booking completion and in case of inactivity on the booking site on the settings side of the page.
| |
− | [[File:Kiosk settings overview.png|border|center]]
| |
| <br><br> | | <br><br> |
− | Save your preferences and you are done!
| + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;”>[[Kiosk custom feature|>]]</span>''' |
| <br><br> | | <br><br> |
| ------- | | ------- |
− | =Limit Bookings= <!--T:107--> | + | |
− | <br>
| + | =[[Limit Bookings custom feature|Limit Bookings]]= |
| [[File:Limit bookings new icon.png |left]] | | [[File:Limit bookings new icon.png |left]] |
− |
| |
| This Custom Feature allows you to restrict booking quantity which can be booked at the same time. This Custom Feature is useful when your services require additional things like dental chair or room in the studio etc. (Another way to restrict the number of bookings due to the limted resources is to use [[Related_Resources_custom_feature|Related Resources]] feature instead). When the booking limit is reached the corresponding time interval will looks like breaktime at the booking page (and in the admin interface if you haven't set to skip this restrictions for admin). It is possible to limit booking number at the same time generally, and also you can set certain limit for each service separately. | | This Custom Feature allows you to restrict booking quantity which can be booked at the same time. This Custom Feature is useful when your services require additional things like dental chair or room in the studio etc. (Another way to restrict the number of bookings due to the limted resources is to use [[Related_Resources_custom_feature|Related Resources]] feature instead). When the booking limit is reached the corresponding time interval will looks like breaktime at the booking page (and in the admin interface if you haven't set to skip this restrictions for admin). It is possible to limit booking number at the same time generally, and also you can set certain limit for each service separately. |
− | <br>
| |
− | <br>
| |
− | <pre>For example, you have 2 providers and 1 room and both of your providers are available at 10.00.
| |
− | Each of providers is set up to serve 1 person at a time and totally, 2 people can book service at 10.00.
| |
− | But you need to limit that number to 1 person, because only 1 room is available.
| |
− | You need to enable Limit Bookings Custom Feature and set it to 1.
| |
− | In such way, when someone books 10.00, this time will be closed for another provider.</pre>
| |
− | <br><br>
| |
− | '''Please note!''' This feature is not compatible with[[Display_Remaining_Spaces| Display Remaining Spaces]]
| |
| <br><br> | | <br><br> |
− | ;How to use
| + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;”>[[Limit Bookings custom feature|>]]</span>''' |
− | :1. Enable this custom feature on your Custom Features page. | |
− | [[File:Limit bookings enable path new cf.png | center]]
| |
− | <br><br>
| |
− | :2. Go to its settings on the right if you need to limit number of bookings at a time for the whole system. | |
− | [[File:Limit bookings settings path new cf.png | center]]
| |
− | <br><br>
| |
− | :3. Indicate the necessary amount in the corresponding box. | |
− | <br><br>
| |
− | :4. If you need to set the limit for certain service please navigate to Manage//Services(Classes) page, choose More options tab and set the desired number per service/class.
| |
− | [[File:Limit bookings per service v3.png | center]] | |
| <br><br> | | <br><br> |
| ------- | | ------- |
− | =Line Bot= <!--T:108-->
| |
| | | |
− | <!--T:109-->
| + | =[[Line bot custom feature|Line Bot]]= |
| [[File:Line bot.png | left]] | | [[File:Line bot.png | left]] |
− | | + | The Line Bot custom feature allows your clients to book your services via Line messenger and it also works in Line mobile app. The booking bot connects with your schedule at [https://simplybook.me/ SimplyBook.me] and guides your client throughout the booking process. |
− | | |
− | <!--T:110-->
| |
− | The Line Bot custom feature allows your clients to book your services via Line messenger and it also works in Line mobile app. The booking bot connects with your schedule at <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[https://simplybook.me/ SimplyBook.me]</span> and guides your client throughout the booking process. | |
− | | |
− | <!--T:111-->
| |
− | Supports <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Service_Categories_custom_feature|service categories]]</span>, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Multiple_Locations_custom_feature|multiple locations]]</span>, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Intake_Forms_custom_feature|intake forms]]</span>, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Accept_payments_custom_feature|online payments]]</SPAN>(but taxes are not calculated), <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Client_Login_custom_feature|client login]]</span>(but without client address).
| |
| <br><br> | | <br><br> |
| + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;”>[[Line bot custom feature|>]]</span>''' |
| <br><br> | | <br><br> |
− | <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">Please note:</span>
| + | ------- |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">In service/provider/<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Service_Categories_custom_feature|category]]</span>/<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Multiple_Locations_custom_feature|location]]</span> descriptions limited number of symbols can be displayed.</span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">In <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Intake_Forms_custom_feature|intake forms]]</span> drop-down options no more than 20 symbols can be displayed.</span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">It is not possible to hide images on the booking steps.</span>
| |
− | <br><br>
| |
| | | |
− | ;How to use:
| + | =[[LINE LIFF Custom Feature|LINE LIFF]]= |
− | :1. Go to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">SimplyBook.me admin side</span>, <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">custom features</span> page and enable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Line bot</span> custom feature.
| + | [[File:Line liff icon.png|100px|left]] |
− | [[File:Line bot enable path new cf.png| border| center]]
| + | The integration of LINE LIFF with SimplyBook.me presents a powerful opportunity for businesses to elevate their appointment booking process and customer engagement. By offering a seamless and efficient experience directly within the Line messaging app, businesses can attract and retain customers, streamline their operations, and stay ahead in the competitive market. |
− | <br><br>
| |
− | :2. Navigate to its <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">settings on the right.</span>
| |
− | [[File:Line bot settings path new cf.png | border| center]] | |
− | <br><br>
| |
− | :3. Log in to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">[https://developers.line.biz/en/ LINE Developers page]</span> and create <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Provider</span> following the instructions listed there.
| |
− | [[File:Line create new provider.png | border | center]]
| |
− | <br><br>
| |
− | :4. Then create <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">new channel</span>, adding the necessary details, confirming them and agreeing to LINE Terms of Service and other required options.
| |
− | [[File:Line creat new channel.png | border| center]]
| |
− | <br><br>
| |
− | [[File:Line create new channel-messaging api.png | border| center]]
| |
− | <br><br>
| |
− | :5. An application will be created, please click on it to get to the channel credentials.
| |
− | <br><br>
| |
− | :6. Switch to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">SimplyBook.me admin side</span> tab with Line Bot feature settings and copy <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Callback URL</span> from there.
| |
− | [[File:Line bot settings callback url new cf.png | border| center]] | |
− | <br><br>
| |
− | :7. Add this url to the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Webhook URL</span> box in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Messaging settings</span> section of <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">LINE Developers channel</span> page.
| |
− | [[File:Line Add calback url.png | border|center]]
| |
− | <br><br>
| |
− | :8. Enable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Use webhooks</span>.
| |
− | [[File:Line enable webhooks.png |border| center]]
| |
− | <br><br>
| |
− | :9. Issue <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Channel access token (long-lived)</span> and insert it to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Simplybook.me feature settings</span> to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Access token</span> box.
| |
− | [[File:Line issue access token.png |border|center]]
| |
− | <br><br>
| |
− | :10. Proceed to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Using LINE@ features</span> section and disable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">auto-replies</span> according to the following example.
| |
− | [[File:Line disable automessages.png |border| center]]
| |
− | <br><br>
| |
− | [[File:Line autoresponse settings.png | border| center]]
| |
− | <br><br>
| |
− | :11. Copy <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Channel ID</span> and <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Channel secret</span> and insert them to the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">corresponding settings boxes on SimplyBook.me side.</span> Save settings.
| |
− | [[File:Line-channel id and secret.png|border | center]]
| |
− | <br><br>
| |
− | [[File:Line bot settings channel secret and id new cf.png |border| center]]
| |
− | <br><br>
| |
− | :12. After bot is approved from the LINE side your clients will be able to book using it. In the meanwhile you can add testers or try your bot using LINE mobile app.
| |
| <br><br> | | <br><br> |
| + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[LINE LIFF Custom Feature|...>]]</span>''' |
| <br><br> | | <br><br> |
| ------- | | ------- |
− | =Loyalty System= <!--T:112--> | + | |
| + | =[[Loyalty System custom feature|Loyalty System]]= |
| [[File:Bonus system icon.png|left]] | | [[File:Bonus system icon.png|left]] |
− | <br>
| + | Let clients earn points for services/[[Classes_custom_feature|classes]] booking and allow them to redeem for gift cards. You can set different amount of points per each service/[[Classes_custom_feature|class]] and 3-4 hours after the meeting takes place the bonuses will be automatically added to the client's balance. As soon as the client gathers the necessary amount of points he/she will be able to exchange them for a gift card, which can be later used for another purchases on your booking website or as a present to someone. |
− | Let clients earn points for services/<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Classes_custom_feature|classes]]</span> booking and allow them to redeem for gift cards. You can set different amount of points per each service/<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Classes_custom_feature|class]]</span> and 3-4 hours after the meeting takes place the bonuses will be automatically added to the client's balance. As soon as the client gathers the necessary amount of points he/she will be able to exchange them for a gift card, which can be later used for another purchases on your booking website or as a present to someone. | |
− | <br><br>
| |
− | | |
− | <!--T:113-->
| |
− | Video tutorial [[File:Youtube-Logo.png|link=https://youtu.be/GP7OFspfzNo]]
| |
− | | |
− | | |
− | <!--T:114-->
| |
− | <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!'''</span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">When you enable Loyalty System the following custom features will be enabled as well: <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Accept_payments_custom_feature|Accept Payments]]</span>, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Client_Login_custom_feature|Client Login]]</span>, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Coupons_and_Gift_Cards_custom_feature|Coupons & Gift Cards]]</span>.</span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">The clients should be subscribed to your marketing materials to be able to receive such notifications.</span>
| |
− | | |
− | <!--T:115-->
| |
− | ;How to use
| |
− | 1. To enable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Loyalty System</span> please navigate to your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> page, select <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Business enhancements</span> section and click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Enable</span> or use <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">the switcher</span> near the respective feature.
| |
− | [[File:Loyalty system enable path.png|1200px|center]]
| |
− | <br><br>
| |
− | 2. After it is enabled you can edit the related notifications templates right away, on the right side of the page. Please use the suggested variables if needed.
| |
− | Two notifications types are available: for automated points addition and manual client balance update.<br>
| |
− | | |
− | <!--T:116-->
| |
− | [[File:Loyalty system notifications path.png|1200px|center]]
| |
− | <br><br>
| |
− | 3. To set the points amounts please go to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Manage</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Services</span> (or use <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Services</span> link near the custom feature) or <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Manage</span> -> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Classes_custom_feature|Classes]]</span> (if you are using them and wish to be a part of the loyalty program).
| |
− | | |
− | <!--T:117-->
| |
− | 4. Create new service/<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Classes_custom_feature|class]]</span> if necessary or click on the existing one to edit, select <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Loyalty System</span> tab.
| |
− | [[File:Loyalty system service management.png|1200px|center]]
| |
− | <br><br>
| |
− | 5. Enable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">the switcher</span> to connect the service/<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Classes_custom_feature|class]]</span> to the loyalty system and <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">indicate the amount</span> of points the client will earn per this service/<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Classes_custom_feature|class]]</span> booking in the box that appears. Save settings.
| |
− | [[File:Loyalty system service management set points.png|1200px|center]]
| |
− | <br><br>
| |
− | 6. Then please go to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Manage</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Coupons & Gift Cards</span> page using the left-side menu, create a new gift card or click on the existing one to edit and choose <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Loyalty System</span> tab.
| |
− | [[File:Loyalty system gift cards management.png|1200px|center]]
| |
− | <br><br>
| |
− | 7. Enable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">the switcher</span> to allow the clients to buy this gift card for bonuses. <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Set the necessary amount</span> to be earned in the box that appears. Save settings.
| |
− | [[File:Loyalty system gift cards management set points.png|1200px|center]]
| |
− | <br><br>
| |
− | 8. From the client side they can see the amount of the points earned as well as the bonuses usage history inside <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">the client profile</span> or go to the specific <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">tab</span> of the booking website.
| |
− | [[File:Loyalty system client side history.png|1200px|center]]<br><br>
| |
− | [[File:Loyalty system client side profile button.png|1200px|center]]
| |
− | <br><br>
| |
− | 9. As soon as the client has enough points the button <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Select by points</span> becomes active on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">the Gift cards</span> page on the booking website and such gift card can be purchased in exchange of these points.<br>
| |
− | As the result the client will get the gift card to his/her email or can copy its code in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Gift cards tab</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Your gift cards</span> and use as usual gift card for another purchases or make someone a present.
| |
− | [[File:Bonus system client side gift cards.png|1200px|center]]
| |
− | <br><br>
| |
− | 10. From the admin side you can also view all the points earning and spending in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Reports</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Loyalty points report</span>. Please use the filter if necessary to see some selected results, export the data to Excel or .csv.
| |
− | [[File:Loyalty system report path.png|1200px|center]]<br><br>
| |
− | [[File:Loyalty system report overview.png|1200px|center]]
| |
− | <br><br>
| |
− | 11. With the help of this report you can also manually manage the points amounts per client.<br>
| |
− | Please click on the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Add points</span> button at the top, use <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">the search box</span> in the popup that appears to find the desired client, <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">indicate the amount</span>to be added or deducted in the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Reward points amount</span> box (to deduct please simply <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">add "-"</span> before the amount), add some <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">description</span> (it will also be reflected on the client side) and hit <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Add</span>. The client will receive the notification about the balance update.<br>
| |
− | [[File:Loyalty system report add bonuses search.png|1200px|center]]
| |
| <br><br> | | <br><br> |
− | As well you can use the option <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Add more bonus to client</span> in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Actions</span> per the specific report line for faster balance update as the client will be already preselected in this case,
| + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Loyalty System custom feature|...>]]</span>''' |
− | [[File:Loyalty system report line actions.png|1200px|center]] | |
| <br><br> | | <br><br> |
− | 12. In case you need to view the point history per the particular client please use <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Reports</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Clients</span> and click on the highlighted bonuses amount in the table to get to the bonuses history popup.
| |
− | [[File:Loyalty system reward points in client report.png|1200px|center]]
| |
− | <br><br><br><br>
| |
| ------- | | ------- |
| | | |
− | =Make me Look Busy= <!--T:118--> | + | =[[Make me look busy custom feature|Make me Look Busy]]= |
− | [[File:Look busy icon.png|left]]<br><br>This feature will make slots look occupied when clients visit your site while still making availabilites so they will be able to find something to book. You can decide how many slots should be available every day. | + | [[File:Look busy icon.png|left]] |
− | | + | This feature will make slots look occupied when clients visit your site while still making availabilities so they will be able to find something to book. You can decide how many slots should be available every day. |
− | | |
− | <!--T:119-->
| |
− | <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!'''</span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">This feature is not compatible with the following <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[How_to_change_the_way_time_slots_are_shown#Calendar_Layouts|calendar layout types]]</span>: flexible, flexible weekly and flexible provider.</span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">If you have enabled to show the booking website in client timezone and it is different from company timezone, it could cause more slots displayed per day than set in this custom feature settings.</span>
| |
| <br><br> | | <br><br> |
− | ;How to use:
| + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Make me look busy custom feature|...>]]</span>''' |
− | :1. Enable this feature on your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> page -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking Related</span> section. | |
− | [[File:Look busy enable path.png|1200px|center|link=https://help.simplybook.me/images/3/39/Look_busy_enable_path.png]] | |
− | <br><br>
| |
− | :2. Indicate <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">the number of timeslots</span> you would like to show as available on your booking website per day.
| |
− | :It is the number of timeslots to be shown per date per each service + provider pair.
| |
− | [[File:Look busy slots setting2.png|1200px|center|link=https://help.simplybook.me/images/9/9f/Look_busy_slots_setting2.png]]
| |
− | <br><br> | |
− | :3. Here are some examples of how it may look on the client side.
| |
− | :When some timeslot is booked the system will automatically open the next one depending on the scheduled that you have set in your account.
| |
− | :*<span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">''modern''</span> calendar layout:
| |
− | [[File:Look busy client side.png|1200px|center|link=https://help.simplybook.me/images/7/72/Look_busy_client_side.png]]
| |
− | <br><br>
| |
− | :*<span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">''slots weekly''</span> calendar layout:
| |
− | [[File:Look busy client side slots weekly timeline.png|1200px|center|link=https://help.simplybook.me/images/e/e3/Look_busy_client_side_slots_weekly_timeline.png]]
| |
| <br><br> | | <br><br> |
| ------- | | ------- |
| | | |
− | =Medical Test= <!--T:120--> | + | =[[Medical test custom feature|Medical Test]]= |
| [[File:Medical test icon.png|left]] | | [[File:Medical test icon.png|left]] |
− | <br><br>
| |
| The medical test feature allows you to easily check in persons for testing, and send them access to results after their test results are ready. On arrival, their ticket is scanned and they get an arrived status. This ticket can be printed and put on the persons test tube. When the results are ready, the ticket can be scanned for quick processing of results that will be sent to a person via email and/or SMS. The results can be added in a message, or person can be asked to log in to their account on booking website to get the results and a downloadable PDF form with company branding. | | The medical test feature allows you to easily check in persons for testing, and send them access to results after their test results are ready. On arrival, their ticket is scanned and they get an arrived status. This ticket can be printed and put on the persons test tube. When the results are ready, the ticket can be scanned for quick processing of results that will be sent to a person via email and/or SMS. The results can be added in a message, or person can be asked to log in to their account on booking website to get the results and a downloadable PDF form with company branding. |
− | <br><br><br><br>
| |
− |
| |
− | <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!'''</span>
| |
− | * <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">When you enable Medical Test custom feature <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Tickets_custom_feature|Tickets]]</span> feature will be enabled as well;</span>
| |
− | * <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">This custom feature is available with certain subscriptions only. Please check your plan details in your account <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Plans&Prices</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Subscriptions</span> or contact support to check if it is included.</span>
| |
− | <br><br><br><br>
| |
− | ;How to use
| |
− | :1. Enable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Medical test</span> custom feature on your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom features</span> page, <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Other</span> section(or use search there).
| |
− | [[File:Medical test enable path.png|border|center|1200px]]
| |
− | <br><br>
| |
− | :2. On the right side of the page select your preferences for results display.<br>
| |
− | :It is mandatory to either enable <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Client_Login_custom_feature|Client Login]]</span> custom feature or <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Attach results as PDF to email</span> option. Otherwise the feature will not work.
| |
− | [[File:Medical test settings path.png|border|center|1200px]]
| |
− | <br><br>
| |
− | :3. Select whether you would like your clients to be informed about certain <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">test result</span> and <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">adjust the templates</span> below.
| |
− | [[File:Medical test notifications preferences.png|border|center|1200px]]
| |
− | <br><br>
| |
− | :4. Navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Results form</span> to start working with the testing process by clicking on <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">Validate ticket</span> button on the <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">Calendar</span> page or by selecting <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">Results form</span> near this feature in the <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">Custom features</span> interface.<br>
| |
− | [[File:Ticket validation path from calendar.png|1200px|border|center]]
| |
− | <br><br>
| |
− | :5. On this page you will see the ticket search form. Please use <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">ticket or booking code</span> to find the necessary appointment details.<br>
| |
− | :If you are using mobile browser and have allowed camera access you can also <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">scan the client's ticket QR code.</span><br>
| |
− | :If you have <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">admin mobile application</span> please use <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">QR scanning</span> function there.
| |
− | [[File:Medical test ticket search.png|border|center|1200px]]
| |
− | <br><br>
| |
− | :6. After the client has come for the test, you have scanned his ticket, please <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">validate it</span> to check in and the next possibilities to appear.
| |
− | [[File:Ticket validation steps new navigation.png|1200px|border|center|1200px]]
| |
− | <br><br>
| |
− | :7. As soon as the test materials are taken from the client please press on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Print label,</span> print it(special printers are recommended) and stick to the test tube.<br>
| |
− | :The appointment will get "Work in progress - results not ready" status.
| |
− | [[File:Medical test process step 2.png|border|center|1200px]]
| |
− | <br><br>
| |
− | Test tube label example:<br>
| |
− | [[File:Medical test printable label.png|border]]
| |
| <br><br> | | <br><br> |
− | :8. When you receive the results, open this interface again, <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">scan the QR</span> from the test tube label to find the appointment. | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Medical test custom feature|...>]]</span>''' |
− | [[File:Medical test process step 3.png|border|center|1200px]] | |
− | <br><br>
| |
− | :9. Select one of the three <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">result options.</span>
| |
− | :As the result, the appointment status will be updated according to your selection.<br>
| |
− | :At this point the client will get the notification that the results are ready if you have it enabled in #3.<br>
| |
− | [[File:Medical test process step 4.png|border|center|1200px]]
| |
− | <br><br>
| |
− | You can also <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">print the test results</span> if necessary.<br>
| |
− | [[File:Medical test process printable result.png|border|center|350px]]
| |
− | <br><br>
| |
− | :10. All the tickets with the medical test result statuses are available for viewing and export in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Reports</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Tickets report.</span>
| |
− | [[File:Medical test tickets report results column.png|border|center|1200px]]
| |
| <br><br> | | <br><br> |
| ------- | | ------- |
− | =Membership= <!--T:121--> | + | |
− | <br>
| + | =[[Membership custom feature|Membership]]= |
| [[File:Membership new icon.png | left]] | | [[File:Membership new icon.png | left]] |
− |
| |
− | <!--T:122-->
| |
| This Custom feature allows you to have services that only members can book provided they have an active paid membership. This can be applied to a selection or all services, only classes or similar. | | This Custom feature allows you to have services that only members can book provided they have an active paid membership. This can be applied to a selection or all services, only classes or similar. |
| [https://simplybook.me/en/membership-solution Here] you can check more cases when Membership can be useful. | | [https://simplybook.me/en/membership-solution Here] you can check more cases when Membership can be useful. |
| <br><br> | | <br><br> |
− | Check video [[File:Youtube-Logo.png|link=https://www.youtube.com/watch?v=yIK-7I0Wjic]] tutorial how to set it up.<br><br> | + | Check video [[File:Youtube-Logo.png|link=https://www.youtube.com/watch?v=Nzz5w5rQSZ0]] tutorial how to set it up.<br><br> |
− | Demo page with Membership-related classes is available [https://classesandmembershipsdemo.simplybook.it/v2/# here]. | + | :::Demo page with Membership-related classes is available [https://classesandmembershipsdemo.simplybook.it/v2/# here]. |
− | | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Membership custom feature|...>]]</span>''' |
− | <!--T:123-->
| |
− | <br>
| |
− | <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!'''</span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">This feature is not compatible with [[Custom_Features#Clean_History | Clean History]].</span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">[[Custom_Features#Client_Login | Client login]] and [[Custom_Features#Accept_Payments | Accept payments]] custom features will be automatically enabled as well.</span>
| |
− | | |
− | <!--T:124-->
| |
− | <br><br>
| |
− | ;How to use:
| |
− | | |
− | :1. To enable this feature please go to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> section using left-side menu of your admin interface, find <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Membership</span> and click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Enable</span> button or use the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">switcher.</span>
| |
− | <br>
| |
− | [[File:Membership new enable path.png |border|center]]
| |
− | <br><br>
| |
− | :2. Navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Manage</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Memberships</span> or use <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Manage</span> button on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom features</span> page near this feature to add new Membership to your system.<br>
| |
− | :Click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">+</span> on the page you see.<br>
| |
− | :Add membership title, set description, upload an image, select the desired duration and decide on the sessions limit included.<br><br>
| |
− | :*If necessary define the fixed date when the membership should start, otherwise it either will begin at the day the client makes the purchase(default) or it will also be possible to select the start date from the client side.<br>
| |
− | :*Restrict how many future bookings can the client make within the membership to reduce the risk that same client books all the slots if you wish.<br>
| |
− | :*Set the membership price if needed.<br>
| |
− | :*If you would like to allow the membership to repeat please enable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Is recurring</span> option there and set the recurring price (it can be the same or different from the first price).<br>
| |
− | :<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''' Automatic membership renewal can work from client side via Stripe(previous integration) and Adyen payment processors only.</span>
| |
− | [[File:Membership new create.png|border|center]]
| |
− | <br><br>
| |
− | :3. Don't forget to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">attach the membership to services/classes</span> to restrict booking to the members only.
| |
− | [[File:Membership new attach to service.png|border|center]]
| |
− | <br><br>
| |
− | :4. For sure, you will need to notify your clients about the membership purchase or send the information related to its renewal.<br>
| |
− | :To adjust your templates please navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom features</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Membership</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">click on its name</span> on the left to open right-side options and see the list of available notifications:
| |
− | [[File:Membership new notifications.png|border|center]]
| |
− | <br><br>
| |
− | :You can use the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">variables</span> to automatically add the corresponding information to each email/SMS notification.
| |
− | [[File:Membership new notifications variables.png|border|center]]
| |
− | <br><br>
| |
− | :5. (optional) You may need to issue membership to some clients from admin side if they have already paid or you have given them some free period.<br>
| |
− | :You can do that from the same <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Manage</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Memberships</span> page by clicking on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Issue membership</span> button either near the membership name or in the top right corner of membership editing window.
| |
− | [[File:Membership new issue.png|border|center]]
| |
− | <br><br>
| |
− | :6. (optional) There are several issuing options to choose from:
| |
− | :- you can set membership <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">start date</span>(current date is set by default);
| |
− | :- you can generate an <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">invoice</span> if you need it for accounting purposes;
| |
− | :- you can issue membership without an invoice;
| |
− | :- if you select issuing with the invoice and the membership is recurring it is possible to set manual or automatic <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">recurring mode</span> and set the number of times to repeat for the automatic one,
| |
− | :so that the new invoice will be generated each time the membership is prolonged if auto-prolonging is enabled.
| |
− | :Otherwise, an offer will be created in Reports//Payment transactions and the membership will be prolonged when you approve it or you can prolong it manually in Reports//Payment transactions//Recurring profiles.;
| |
− | :<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''' There will be no charges made by us in relation to your clients' accounts, this option only prolongs the clients' memberships for the new periods.</span><br>
| |
− | :<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">If you need to charge your clients please do it on your payment processor side.</span><br>
| |
− | :- as well you can choose several clients at once to issue the membership to.
| |
− | [[File:Membership new issue steps.png|border|center]]
| |
− | <br><br>
| |
− | :7. When the memberships are purchased or issued there are several places to check the information related:
| |
− | :- <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Reports</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Membership payments</span> - contains the information of each membership period present in the system(each recurring period will be displayed as a separate row).<br>
| |
− | :You can cancel the specific client's membership here if necessary.
| |
− | [[File:Membership new report.png|border|center]]
| |
− | <br><br>
| |
− | :- <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Reports</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Payment transactions</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Invoices</span> - contains all the invoices present in the system, memberships included.
| |
− | :<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''' If you delete the invoice related to some membership purchase the corresponding membership will be canceled.</span>
| |
− | :- <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Reports</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Payment transactions</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Recurring profiles</span> - shows all membership recurring profiles created either by clients or from admin side.<br>
| |
− | :It allows to cancel recurring profiles(both made by clients and admin) or prolong the recurring memberships issued from admin side only.<br>
| |
− | :<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''' If one and the same client already has the recurring profile for some membership it is not possible to create new recurring profile for the same membership for this client.</span><br>
| |
− | :<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">You can either cancel current recurring profile and create a new one or issue another membership to this client.</span>
| |
− | [[File:Membership new recurring report prolong.png|border|center]]
| |
− | [[File:Membership new recurring report prolonged profile.png|border|center]]
| |
− | <br><br>
| |
− | :8. From the client side the clients will see memberships tab on the booking site<br>
| |
− | :with the list of all options you have set as available and the services related will have clickable "Subscription required" labels<br>
| |
− | :that lead to the corresponding membership purchase.
| |
− | [[File:Memberships_client_side.png | center]]
| |
− | <br><br>
| |
− | :9. (optional) As well you can add custom membership widget to your website if necessary following [[Widgets_for_your_own_website#Widgets_for_Client_Login.2C_Packages.2C_Memberships.2C_Gift_Cards|these instructions.]]
| |
− | <br><br>
| |
| <br><br> | | <br><br> |
| ------- | | ------- |
− | =Multiple Bookings= <!--T:125--> | + | |
− | <br>
| + | =[[Multiple Bookings custom feature|Multiple Bookings]]= |
| [[File:Multiple booking new icon.png |left]] | | [[File:Multiple booking new icon.png |left]] |
− |
| |
| Allows clients to book more than one service before they check-out and pay for all booking with one payment. This Custom Feature adds "Add another service" button to the "Details" step on the booking page. This functionality allows clients to book several services/classes on different time or day of the week. | | Allows clients to book more than one service before they check-out and pay for all booking with one payment. This Custom Feature adds "Add another service" button to the "Details" step on the booking page. This functionality allows clients to book several services/classes on different time or day of the week. |
− | <br><br><br>
| |
− | :'''Please note!'''
| |
− | *"Add another service" button will not be shown if several participants are selected with [[Custom_Features#Group_Bookings | group booking]] or if the service is recurring.
| |
− | *This feature cannot be enabled together with [[Waiting_List_custom_feature|Waiting List]]
| |
− | <br>
| |
− | ;How to use
| |
− | :1. Enable Multiple bookings custom feature on your custom features page.
| |
− | [[File:Multiple bookings enable path new cf.png | center]]
| |
− | <br><br>
| |
− | :2. You can edit notification templates related on the right side of the page.
| |
− | [[File:Multiple bookings notifications path new cf.png | center]]
| |
| <br><br> | | <br><br> |
− | :3. Here is how it will look like on the client side in one of the themes. | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Multiple Bookings custom feature|...>]]</span>''' |
− | [[File:Multiple bookings client side new.png|1200px| center]] | |
| <br><br> | | <br><br> |
| ------- | | ------- |
− | =Multiple Locations= <!--T:126-->
| |
| | | |
− | <!--T:127-->
| + | =[[Multiple Locations custom feature|Multiple Locations]]= |
| [[File:Unit location new icon.png |left]] | | [[File:Unit location new icon.png |left]] |
− |
| |
− |
| |
− | <!--T:128-->
| |
| Allows creating multiple service locations and relating them with different service providers (staff members). Locations will be shown as the first step on the booking site. | | Allows creating multiple service locations and relating them with different service providers (staff members). Locations will be shown as the first step on the booking site. |
| <br><br> | | <br><br> |
| + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Multiple Locations custom feature|...>]]</span>''' |
| <br><br> | | <br><br> |
− | '''How to use'''
| + | ------- |
− | 1. Enable Multiple Locations custom feature in Custom Feature section//Adding more to booking website.
| |
− | [[File:Locations enable path new cf.png | center]]
| |
− | <br><br>
| |
− | 2. Add locations either in the settings of the Custom Feature or in Manage//Service Providers//Add location.
| |
− | [[File:Create new location item v3.png | center ]]<br/>
| |
− | 3. Click on "Location providers" tab for corresponding location and check necessary boxes to connect service providers with location.<br/>
| |
− | [[File:Attach providers to locations v3.png |center]]<br/><br/>
| |
− | 4. (Optional) In Settings // General settings // Email and SMS settings insert the following variables into your email templates:<br/>
| |
− | [[File:Add location variables to templates.png | center ]] <br/><br/>
| |
− | :'''[location]''' - value of field "Location name"
| |
− | :'''[location_address]''' - value of field "Location address"
| |
− | :'''[location_phone]''' - value of field "Location phone"
| |
− | | |
| | | |
− | =How to set schedule for location= <!--T:129--> | + | =[[News custom feature|News]]= |
− | You can set individual schedule for the provider and then relate provider to the location. Thus working hours of the provider related to location will automatically apply to location.
| |
− | :1. To set individual schedule for provider go to Settings//Service providers//Working hours, or to Manage//Service Providers//Service providers schedule and you can set opening hours, break times, and special days for this specific employees. Just take care that opening hours of employees must be within opening hours of company.
| |
− | :2. To relate provider and location go to Manage//Service Providers//Service provider's locations and check the boxes with location(s) provider should be related to.
| |
− | <br><br>
| |
− | '''How can I relate service to location''
| |
− | Locations can be related only to service providers, thus if you need to relate service to the particular location, you need initially to relate this service to the service provider:
| |
− | :1. In Manage//Service Providers//Services, attached to this service provider check the boxes with services related to this provider.<br>
| |
− | :2. In Manage//Service Providers//Service provider's locations and check the boxes with location(s) provider should be related to.
| |
− | <br><br>
| |
− | | |
− | '''The example of client view'''
| |
− | [[File:Locations client side.png|1200px|border| center]] | |
− | <br><br>
| |
− | -------
| |
− | =News= <!--T:130-->
| |
− | <br>
| |
| [[File:News new icon.png |left]] | | [[File:News new icon.png |left]] |
− |
| |
− | <!--T:131-->
| |
| Give your website a fresh life by managing news on your main page in our booking system. | | Give your website a fresh life by managing news on your main page in our booking system. |
| You can publish news or blog on your booking website to keep your customers up to date with what’s happening in the business. | | You can publish news or blog on your booking website to keep your customers up to date with what’s happening in the business. |
− | <br><br><br>
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | ;How to use
| |
− | :1. Enable this custom feature on your Custom Features page, Adding more to the Booking Website section.
| |
− | [[File:News enable path new cf.png | center]]
| |
| <br><br> | | <br><br> |
− | :2. Click on "Manage" near this option. | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[News custom feature|...>]]</span>''' |
− | [[File:News settings path new cf.png | center]] | |
− | <br><br>
| |
− | :3. Create the posts on the page you see by clicking on "+" button.
| |
− | [[File:Add new news item v3 updated.png | center]]
| |
| <br><br> | | <br><br> |
| ------- | | ------- |
− | =Online Video Meetings= <!--T:132-->
| |
| | | |
− | | + | =[[Online Video Meetings Custom Feature|Online Video Meetings]]= |
− | <!--T:133-->
| + | [[File:Online meeting icon.png|left]] |
− | [[File:Online meeting icon.png|left]]<br><br>Use this feature to easily create meeting links for your clients and meet them online using video or phone | + | Use this feature to easily create meeting links for your clients and meet them online using video or phone |
− | <br><br><br><br>
| |
− | <span style="background-color:#fef3de; padding:5px; border-radius:5px;">We also recommend enabling Client Login feature for the smooth client experience in joining the meetings as there may be errors if they try to join within a separate browser session.</span>
| |
| <br><br> | | <br><br> |
− | <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''' This feature is not compatible with <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Kiosk_custom_feature|Kiosk]]</span> custom feature.</span>
| + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Online Video Meetings Custom Feature|...>]]</span>''' |
− | <br><br>
| |
− | Video tutorial available [[File:Youtube-Logo.png|link=https://www.youtube.com/watch?v=vYCbE0bT8Rc]] | |
− | <br><br>
| |
− | | |
− | <!--T:134-->
| |
− | '''How to set'''
| |
− | | |
− | <!--T:135-->
| |
− | :1. Enable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Online meetings</span> custom feature in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">your SimplyBook.me account.</span>
| |
− | [[File:Online meetings enable path.png|border|center]]
| |
− | <br><br>
| |
− | :2. Login to <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[https://portal.azure.com/ Microsoft Azure portal]</span> and your <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[https://teams.microsoft.com/ Microsoft Teams account]</span> with the user that is a member of your organization in MS Azure.
| |
− | :(Or create the accounts there)
| |
− | :<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''' It is not possible to connect personal/private Microsoft Teams account to the system, it should be related to an organization via Microsoft Azure.</span>
| |
− | | |
− | <!--T:136-->
| |
− | <br><br>
| |
− | :3. Add <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Microsoft Teams</span> in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">MS Azure</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Azure Active Directory</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Enterprise applications.</span>
| |
− | [[File:Ms azure connect ms teams.png|border|center]]
| |
− | <br><br>
| |
− | :And add your user(or the desired one that you need to connect to SimplyBook.me) in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Enterprise applications</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Microsoft Teams</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Users and Groups</span> on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">MS Azure side.</span>
| |
− | [[File:Ms azure teams users.png|border|center]]
| |
− | <br><br>
| |
− | :4. On SimplyBook.me side please click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Meeting services</span> block and choose <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Authorization</span> near <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Microsoft Teams”.</span>
| |
− | :Connect your Microsoft account.
| |
− | [[File:Ms teams authorization.png|border|center]]
| |
− | <br><br>
| |
− | :5. For the services/classes you wish to conduct online meetings switch the option <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Enable as online meeting service/class</span> on 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;">click on service name</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">More options</span><br>(in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Manage</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Classes</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">click on class name</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">More options</span> if you are using <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Classes_custom_feature|Classes feature]])</span>
| |
− | [[File:Ms teams more options1.png|border|center]]
| |
− | [[File:Ms teams more options2.png|border|center]]
| |
− | <br><br>
| |
− | :6. When the clients book such a service/class there will be online meeting link on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">My bookings page</span> for the associated booking. When the appointment time comes the clients will be able to follow it to access the meeting.<br>
| |
− | :For admin side it will be possible to follow the link from booking info popup form in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Calendar</span> or in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Reports</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking details.</span>
| |
− | [[File:Ms teams client side link.png|border|center]]
| |
− | [[File:Ms teams admin side link.png|border|center]]
| |
− | <br><br>
| |
− | :7. (optonal) You can add online meetings link to provider and client notification templates so that both sides receive them with the booking details.<br>To do that please navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Email and sms settings</span> (or <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom features</span> -> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Flexible_Notifications_custom_feature|Flexible notifications]]</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Manage</span> if you have customized notifications per service and/or provider).
| |
− | [[File:Ms teams add variables.png|border|center]]
| |
| <br><br> | | <br><br> |
| + | ------- |
| | | |
− | <!--T:137-->
| + | =[[Packages custom feature|Packages]]= |
− | '''Additional steps for case when you need to allow your Providers to have own MS Teams account connection'''
| |
− | <br><br>
| |
− | :8. By default your MS Teams account that you have connected in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Step#6</span> will be used to generate meetings links and conduct meetings, but if you have several employees in your company, they are added to SimplyBook.me side as providers and users and you wish them to use own MS Teams accounts for their online services/classes please make sure that you have them <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[https://docs.microsoft.com/en-us/azure/active-directory/fundamentals/add-users-azure-active-directory?context=azure/active-directory/users-groups-roles/context/ugr-context added as users]</span> in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">MS Azure</span> with access to this application as well as <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[https://support.microsoft.com/en-us/office/add-members-to-a-team-in-teams-aff2249d-b456-4bc3-81e7-52327b6b38e9 members]</span> on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">MS Teams side.</span>
| |
− | :(you can add users in MS Azure interface with internal domain or invite using existing email addresses)
| |
− | [[File:Ms azure teams users.png|border|center]] | |
− | <br><br>
| |
− | :9. Then they need to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">log in to SimplyBook.me system</span> under their credentials and connect their accounts in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Manage</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Online video meetings.</span>
| |
− | [[File:Meeting tool per provider path new navigation.png|1200px|border|center]]
| |
− | <br><br>
| |
− | :10. Once they have connected own accounts you will be able to see this information in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom features</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Online meetings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Meeting providers&Meeting services.</span>
| |
− | :<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''' It is only possible to manually start a meetings for the users that have admin, senior employee or junior employee(connected to specific provider) <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Adding_other_users_to_the_system|rights.]]</span></span>
| |
− | [[File:Ms teams manually start.png|border|center]]
| |
− | <br><br>
| |
− | | |
− | '''How the meeting process works'''
| |
− | :1. After everything is set up and the client books the online meetings related service/class both the client and the provider (or company, depending on your settings) will get the links to the meeting.<br>
| |
− | :Either from email notifications if you have added the corresponding variables to the templates.<br>
| |
− | [[File:Meeting link in emails.png|border|center]]
| |
− | <br><br>
| |
− | :Or the provider can get to the meeting page right from the booking on Calendar while the client from "My bookings" tab of the booking site.
| |
− | [[File:Link from booking.png|border|center]]
| |
− | <br><br>
| |
− | [[File:Meeting link on my bookings page.png|border|center]]
| |
− | <br><br>
| |
− | :2. By default the meeting starts automatically for the both sides when the booked time comes.
| |
− | [[File:Client waiting for meeting.png|border|center]]
| |
− | <br><br>
| |
− | :3. As well the provider can manually start the meeting if necessary using the corresponding button.
| |
− | [[File:Provider waiting for meeting.png|border|center]]
| |
− | <br><br>
| |
− | :4. After this the redirect to Microsoft Teams sofware takes place and all the participants can join.
| |
− | :(It is not mandatory for the customers to have MS Teams account. To join they will only need to fill in their name after opening the meeting url in their browser)
| |
− | [[File:Teams page.png|border|center]]
| |
− | <br><br><br><br>
| |
− | -------
| |
− | =Packages= <!--T:138-->
| |
| [[File:Packages icon.png | left]] | | [[File:Packages icon.png | left]] |
| With the Packages custom feature you can create a package of multiple services, or, if you also sell additional items, combine services with products, add-ons, and [[Custom_Features#Classes |classes]]. Clients can buy packages on your booking page or with Simplybook.me’s [[Custom_Features#Point_of_Sale | POS feature]]. Each package can be defined with some general items limit and any number of services and products, and you can set the validity to any period available. Once clients have purchased a package, they can book a service at any time paying with their package credits. They can always check how many occurrences are left within each package. | | With the Packages custom feature you can create a package of multiple services, or, if you also sell additional items, combine services with products, add-ons, and [[Custom_Features#Classes |classes]]. Clients can buy packages on your booking page or with Simplybook.me’s [[Custom_Features#Point_of_Sale | POS feature]]. Each package can be defined with some general items limit and any number of services and products, and you can set the validity to any period available. Once clients have purchased a package, they can book a service at any time paying with their package credits. They can always check how many occurrences are left within each package. |
− |
| |
− |
| |
− | <!--T:139-->
| |
− | :'''Please note''':
| |
− | *as soon as you turn this custom feature on, [[Custom_Features#Client_Login | Client login]] and [[Custom_Features#Accept_Payments | Accept Payments]] features will be enabled as well.
| |
− | *if the appointment that was purchased with the package credits is then cancelled the credits are not returned to the client's balance.
| |
− |
| |
− | <!--T:140-->
| |
| <br><br> | | <br><br> |
− | | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Packages custom feature|...>]]</span>''' |
− | <!--T:141-->
| |
− | Video tutorial available [[File:Youtube-Logo.png|link=https://www.youtube.com/watch?v=PV-NcGv8kj4]]
| |
− | <br><br>
| |
− | '''How to use''' | |
− | :1. To switch this custom feature on, please navigate to your Custom Features page, go to “Booking related” section and click on “Enable”
| |
− | <nomobile>[[File:Packages enable path newcf.png | center]]</nomobile> | |
− | <br><br>
| |
− | :2. Then choose “Manage” option either near the custom feature or navigate to Packages in Manage section of the left-side menu. | |
− | <nomobile>[[File:Packages settings path newcf.png | center]]</nomobile>
| |
− | <br><br>
| |
− | :3. Just click on “+” button to create a new package. The form will appear on the right side of the page.
| |
− | <nomobile>[[File:Create new package.png | center]]</nomobile>
| |
− | <mobileonly>[[File:M create new package.png | center]]</mobileonly>
| |
− | <br><br>
| |
− | :4. Insert package name, add a description (you can even use HTML formatting for a better look) and image.
| |
− | :At this point you can also set the package price: you can specify the defined pack cost (if you want to make a discount, for example) or
| |
− | :skip price box to later calculate the total amount of all the elements included into the package.
| |
− | :'''Please note,''' it is not possible to create a package without a price.
| |
− | <nomobile>[[File:Add new package details.png | center]]</nomobile>
| |
− | <mobileonly>[[File:M add new package details.png | center]]</mobileonly>
| |
− | <br><br>
| |
− | :5. Define the validity period of the package,<br>
| |
− | :enable and set the general limit for the included items(optional, will be applied to services, add-ons and products connected to the package)
| |
− | :and set the number of sets available for sale (unlimited by default).
| |
− | <nomobile>[[File:Packages duration and limit settings.png |border| center]]</nomobile>
| |
− | <mobileonly>[[File:M package duration and limit.png | center]]</mobileonly>
| |
− | <br><br>
| |
− | :6. Proceed to adding services, products and add-ons to the package<br>
| |
− | :(you still need to set them in addition to the general limit if you use it to include the desired items into the pack, otherwise it will not be possible to use the package during the service/class booking process).
| |
− | :You will see three corresponding sections below.
| |
− | <nomobile>[[File:Package items possibilities.png | center]]</nomobile>
| |
− | <mobileonly>[[File:M package items possibilities.png | center]]</mobileonly>
| |
− | <br><br>
| |
− | :7. Please select “Services” section, check the boxes with the necessary items and set the quantity that will be available for booking within the package.
| |
− | <nomobile>[[File:Add items to the package.png | center]]</nomobile>
| |
− | <mobileonly>[[File:M add items to the package.png | center]]</mobileonly>
| |
− | <br><br>
| |
− | :8. If you are using [[Custom_Features#Products_for_Sale |Products for sale]] and/or [[Custom_Features#Service_Add-ons |Service Add-ons]] features simply select the corresponding tabs and add elements the same way.
| |
− | <nomobile>[[File:Add items to the package2.png | center]]</nomobile>
| |
− | <mobileonly>[[File:M add items to the package2.png | center]]</mobileonly>
| |
− | <br><br>
| |
− | :9. After you have added all the options and if you have not set a package price yet, get back to the “Details” tab and use “Calculate price” button to make the system automatically sum up all the elements prices for you.
| |
− | <nomobile>[[File:Autocalculate the price.png | center]]</nomobile>
| |
− | <mobileonly>[[File:M autocalculate the price.png | center]]</mobileonly>
| |
− | <br><br>
| |
− | :10. Now you can click on “Save and issue package” to issue it to certain customers or simply save everything and allow your clients to buy this package on your booking site.
| |
− | <nomobile>[[File:Package saving options new.png | center]]</nomobile>
| |
− | <br><br>
| |
− | :If you assign a package from admin side or the client buys a package on the booking site he/she will receive package activation notification
| |
− | :The invoice will be sent only in the case of the purchase and payment made from the client side.
| |
− | <br><br>
| |
− | :11. Go to Reports//Issued packages to check packages order history, customer data, as well as the number of remaining items.
| |
− | :Use filters for more extensive analysis.
| |
− | :Here you can also cancel the package for the specific client if needed.
| |
− | <nomobile>[[File:Package reports.png | center]]</nomobile>
| |
− | <mobileonly>[[File:M package reports.png | center]]</mobileonly>
| |
| <br><br> | | <br><br> |
| + | ------- |
| | | |
− | <!--T:142-->
| + | =[[Password Security Settings custom feature|Password Security Settings]]= |
− | '''The use of Packages within the POS feature'''
| |
− | :1. Make sure you have enabled POS custom feature.
| |
− | <nomobile>[[File:Pos enable path newcf.png | center]]</nomobile>
| |
− | <br><br>
| |
− | :2. Go to POS interface, click on “New sale” button.
| |
− | <nomobile>[[File:Pos new sale.png | center]]</nomobile>
| |
− | <mobileonly>[[File:M pos new sale.png | center]]</mobileonly>
| |
− | <br><br>
| |
− | :3. Select the client on the right side of the page to make the "Package" button active.
| |
− | <nomobile>[[File:Sell package step1.png | center]]</nomobile>
| |
− | <mobileonly>[[File:M sell package step1.png | center]]</mobileonly>
| |
− | <br><br>
| |
− | :4. Pick the item and define the start date. End date will be automatically set based on the package duration after you save the selection.
| |
− | <nomobile>[[File:Sell package step2.png| center]]</nomobile>
| |
− | <mobileonly>[[File:M sell package step2.png | center]]</mobileonly>
| |
− | <br><br>
| |
− | :'''Please note''', if the package is hidden from the booking page it will be still available within POS interface as it is part of admin side visible to POS user.
| |
− | <br><br>
| |
− | :5. Proceed to checkout after you have added all the necessary services/products/add-ons/memberships/gift cards to the cart.
| |
− | <nomobile>[[File:Sell_package_step3.png | center]]</nomobile>
| |
− | <mobileonly>[[File:M sell package step3.png | center]]</mobileonly>
| |
− | <br><br>
| |
− | :6. You may have a client who has already purchased a package before and wants to use it.<br>
| |
− | :You will be able to see if there is an applicable package after the necessary services are already added to cart.<br>
| |
− | :Then you will be able to click on “Use packages” button so that the items selected will be fully or partially paid with this set during the checkout.
| |
− | [[File:Use packages pos new.png|1200px | center]]
| |
− | <br><br><br>
| |
− | | |
− | '''Booking site operation'''
| |
− | :1. The clients will be able to navigate to the “Packages” tab on your booking site.
| |
− | :'''Please note''', the client must be logged in to see his/her purchases.
| |
− | <nomobile>[[File:Packages client side new.png | border| center]]</nomobile>
| |
− | <mobileonly>[[File:M client side packages available.png| center]]</mobileonly>
| |
− | <br><br>
| |
− | :2. They will find a suitable set, choose a start date and buy the package.
| |
− | <nomobile>[[File:Packages client side new date select.png | center]]</nomobile>
| |
− | <mobileonly>[[File:M client side packages - buy.png | center]]</mobileonly>
| |
− | <br><br>
| |
− | :(if they select “pay later” option during checkout you will need to approve their purchase from admin side first. Then they will be able to book/buy the items included)
| |
− | <br><br>
| |
− | :3. When the client has already the purchased package and books the separate services/products/add-ons, he/she will be able to cover those items with his packages’ credits (if included in packages) or pay for them in a regular way.
| |
− | <nomobile>[[File:Packages client side new apply pack.png| center]]</nomobile>
| |
− | <mobileonly>[[File:M client side packages - payment step.png | center]]</mobileonly>
| |
− | <br><br>
| |
− | <br><br>
| |
− | -------
| |
− | =Password Security Settings= <!--T:143-->
| |
− | <br>
| |
| [[File:Strict password icon.png | left]] | | [[File:Strict password icon.png | left]] |
− |
| |
− |
| |
| The Password security settings Custom Feature allows to define password requirements for system users and clients. This can further harden the system for possible intrusion. Just in few steps you can make your system more secure! | | The Password security settings Custom Feature allows to define password requirements for system users and clients. This can further harden the system for possible intrusion. Just in few steps you can make your system more secure! |
− | <br><br><br>
| + | <br><br> |
| <span style="background-color: #26dd7d; padding:5px; border-radius:5px;">Free custom feature!</span> | | <span style="background-color: #26dd7d; padding:5px; border-radius:5px;">Free custom feature!</span> |
| <br><br> | | <br><br> |
− | ;How to use
| + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Password Security Settings custom feature|...>]]</span>''' |
− | :1. Enable Password Security Settings option on your Custom Features page. | |
− | [[File:Password security settings enable path new cf.png | center]]
| |
− | <br><br> | |
− | :2. Go to its settings on the right side of the page. | |
− | [[File:Password security settings settings path new cf.png | center]]
| |
− | <br><br>
| |
− | :3. Now you can set requirements for password for your system users in the left-side block.
| |
− | [[File:Password security settings users new cf.png | center]] | |
− | <br><br>
| |
− | :4. (is skipped if you are already using [[Custom_Features#Client_Login | Client Login Custom Feature]]) If you wish your clients to be able to log in securely please enable [[Custom_Features#Client_Login | Client Login]] option there.
| |
− | [[File:Password security settings enable client login new cf.png | center]]
| |
− | <br><br> | |
− | :5. Set up password requirements for your clients in the right-side block and save settings.
| |
− | [[File:Password security settings clients new cf.png | center]]
| |
| <br><br> | | <br><br> |
| ------- | | ------- |
− | =Photo Gallery= <!--T:144--> | + | |
− | <br>
| + | =[[Photo Gallery custom feature|Photo Gallery]]= |
| [[File:Photo gallery new icon.png| left]] | | [[File:Photo gallery new icon.png| left]] |
− |
| |
− | <!--T:145-->
| |
| With Photo Gallery custom feature you can upload the photos of your services to attract more clients. Simply browse photos and they will appear on your booking page. | | With Photo Gallery custom feature you can upload the photos of your services to attract more clients. Simply browse photos and they will appear on your booking page. |
− | <br><br><br>
| |
− |
| |
− |
| |
− |
| |
− | ;How to use
| |
− | :1. Enable Photo gallery option on your Custom Features page.
| |
− | [[File:Photo gallery enable path new cf.png| center]]
| |
− | <br><br>
| |
− | :2. Click on "Settings" near it.
| |
− | [[File:Photo gallery settings path new cf.png | center]]
| |
| <br><br> | | <br><br> |
− | :3. Upload the images on the page you see, add descriptions if necessary and they will appear in the separate tab on the booking site. | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Photo Gallery custom feature|...>]]</span>''' |
− | [[File:Photo gallery settings new.png|1200px| center]] | |
| <br><br> | | <br><br> |
| ------- | | ------- |
− | =Point of Sale= <!--T:146--> | + | |
| + | =[[Point of Sale custom feature|Point of Sale]]= |
| [[File:Pos icon new.png | left]] | | [[File:Pos icon new.png | left]] |
| Point of Sale Custom Feature allows system users to create and track sales of bookings, and to sell memberships, products and gift certificates to existing or new clients. You can check client's history of purchases, approve pending transactions and print invoices. All in the neat mobile friendly interface! | | Point of Sale Custom Feature allows system users to create and track sales of bookings, and to sell memberships, products and gift certificates to existing or new clients. You can check client's history of purchases, approve pending transactions and print invoices. All in the neat mobile friendly interface! |
| <br><br> | | <br><br> |
− | '''Please note!''' [[Custom_Features#Accept_Payments | Accept Payments Custom Feature]] will be enabled as well when you switch PoS feature on. | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Point of Sale custom feature|...>]]</span>''' |
− | <br><br> | |
− | | |
− | <!--T:147-->
| |
− | Why you should use The Point Of Sale System [[File:Youtube-Logo.png|link=https://youtu.be/pBa8UtfjKXo]]
| |
− | | |
− | <!--T:148-->
| |
− | Video tutorial [[File:Youtube-Logo.png|link=https://youtu.be/k0SNHFiYu38]]
| |
− | <br><br>
| |
− | ;How to use
| |
− | :1. Enable Point of Sale Custom Feature on your Custom Features page, “Other” section.
| |
− | [[File:Pos enable path new cf.png | center]]
| |
− | <br><br>
| |
− | :2. Click on “Go to POS” near this feature or in top right corner of your admin interface under "My booking channels".
| |
− | [[File:Pos path new navigation.png|1200px | center]]
| |
− | <br><br>
| |
− | :3. You will see sale start page. (If you need to return here at some point please use “Home” icon in the top left corner.)
| |
− | [[File:Pos start page.png | center]]
| |
− | <br><br>
| |
− | :4. By default guest client is selected, but you can select a client from already existing ones in your system.
| |
− | [[File:Pos select client.png | center]]
| |
− | <br><br>
| |
− | :5. Or add new client directly from POS interface.
| |
− | [[File:Add new client from pos.png | center]]
| |
− | <br><br>
| |
− | :6. Select “New Sale” option to sell service/membership/package/product/add-on.
| |
− | [[File:New sale.png | center]]
| |
− | <br><br>
| |
− | [[File:Select sale option.png | center]]
| |
− | <br><br>
| |
− | :7. If you have selected service option new booking will be created. Please choose which service/class, provider, date and time do you wish to book. Add product(s), add-on(s) if necessary and click on “Save”.
| |
− | [[File:Pos new booking.png | center]]
| |
− | <br><br>
| |
− | :8. On the next step you can add more options to the cart(left side of the page) or confirm all the selections by clicking on the “Checkout button”(right side of the page).
| |
− | [[File:Pos checkout.png | center]]
| |
− | <br><br>
| |
− | :9. Select payment method to confirm the order.
| |
− | [[File:Choose payment method.png | center]]
| |
− | <br>
| |
− | :10. If you have chosen “Credit card/Wire transfer/Cash” the order will be automatically confirmed meaning that you have received the money using the options mentioned.<br>
| |
− | :If you have selected “Pay later” the order will be displayed as “pending”. You will be able to click on “Checkout” once more and select another payment method to confirm the sale.
| |
− | [[File:Pos received payment.png | center]]
| |
− | <br><br>
| |
− | [[File:Pos pay later.png | center]]
| |
− | <br><br>
| |
− | :11. You can go to “Home” page and use filters to see today/upcoming/expired/non-booking/pending/paid, etc. orders. It is possible to click on the order to see the details/print the invoice.
| |
− | [[File:Pos report.png | center]]
| |
| <br><br> | | <br><br> |
| ------- | | ------- |
| | | |
− | =Products for Sale= <!--T:149--> | + | =[[Products for Sale custom feature|Products for Sale]]= |
| [[File:Product.png | left]] | | [[File:Product.png | left]] |
− | <br>
| |
| When your clients are booking the services they will be offered to add relevant products to their purchase. Someone buying a haircut could for example be offered to buy hair gel at the same time.<br> | | When your clients are booking the services they will be offered to add relevant products to their purchase. Someone buying a haircut could for example be offered to buy hair gel at the same time.<br> |
| Use this to your advantage to sell more! | | Use this to your advantage to sell more! |
| + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Products for Sale custom feature|...>]]</span>''' |
| <br><br> | | <br><br> |
− | :'''Please note!''' This custom feature cannot be used without [[Custom_Features#Accept_Payments | Accept Payments]] custom feature, that is why this option will be automatically enabled as soon as you switch on "Products for sale".
| |
− | <br><br>
| |
− | '''How to use:'''<br>
| |
− | :1. To enable this option please go to your Custom Features page and click on “Enable” near “Products for sale” option.
| |
− | [[File:Products for sale enable path new cf.png | center]]
| |
− | <br><br>
| |
− | :2. Click on “Manage” button that will appear there or select "Manage// Products for sale" section and you will get to a page where you will be able to create all necessary products.
| |
− | [[File:Products for sale settings path new cf.png | center]]
| |
− | <br><br>
| |
− | :3. Click on “+” icon to create new product, set its name, image, description if necessary and price.<br>
| |
− | :'''Please note!''' It is not possible to create free products, each of them needs to have some price added.
| |
− | [[File:Create new product for sale.png | center]]
| |
− | <br><br>
| |
− | :4. To relate the product with particular service(s) please use “Connected services” tab and check the boxes with desired services/classes.
| |
− | [[File:Attach product to service.png | center]]
| |
− | <br><br>
| |
− | :5. You can also make product to be selected by default on the booking page and set default amount that will be displayed to clients.<br>
| |
− | :'''Please note!''' The clients will be able to adjust amount to their needs on the booking site or uncheck this product.
| |
− | [[File:Products for sale default quantity.png | center]]
| |
− | <br><br>
| |
− | Here you can see how the products can look like on the booking page:
| |
− | [[File:Products booking page view.png | center]]
| |
| <br><br> | | <br><br> |
| + | ------- |
| | | |
− | '''Correlation with other custom features:'''<br>
| + | =[[Provider Color Coding custom feature|Provider's Color Coding]]= |
− | 1- [[Custom_Features#Group_Bookings | Group Bookings]]. Number of items is multiplied to number of participants selected.<br>
| |
− | 2- [[Custom_Features#Multiple_Bookings | Multiple bookings]]. Products are selected separately for each booking.
| |
− | <br><br>
| |
− | '''Can I add the items that clients has selected to notification templates?'''<br>
| |
− | Sure, just add [products] variable to all necessary templates in Settings//Email and SMS settings and the list of products will be included to corresponding notifications
| |
− | [[File:Add products to notification emails.png | center]]
| |
− | <br><br>
| |
− | -------
| |
− | =Provider's Color Coding= <!--T:150-->
| |
− | <br>
| |
| [[File:Provider color new icon.png |left]] | | [[File:Provider color new icon.png |left]] |
− |
| |
| Some users like to simplify the dashboard view by having providers with certain colors. With this Custom Feature, you can give each of your providers their own color so when you quickly glance over the dashboard, it can be easily seen what bookings belong to each provider. | | Some users like to simplify the dashboard view by having providers with certain colors. With this Custom Feature, you can give each of your providers their own color so when you quickly glance over the dashboard, it can be easily seen what bookings belong to each provider. |
− | <br><br><br>
| |
− | ;How to use
| |
− | :1. Enable this option on your Custom Features page.
| |
− | [[File:Provider color enable path new cf.png | center]]
| |
− | <br><br>
| |
− | :2. In Manage//Providers//More options//assign color to each provider to make them easily distinguished in the calendar.
| |
− | [[File:Provider color coding-select color.png | center]]
| |
− | <br><br>
| |
− | :3. As the result you will see bookings in corresponding colors on your Calendar page.
| |
− | [[File:Provider color coding-booking view.png | center]]
| |
− | <br><br>
| |
− | :If you are also using [[Status_custom_feature|Status]] custom feature that also influences appointments color on the calendar page,<br>
| |
− | : the providers' colors will be represented by colored circles in the top right corner of the booking block.
| |
− | [[File:Provider color vs status.png|1200px|border|center]]
| |
| <br><br> | | <br><br> |
| + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Provider Color Coding custom feature|...>]]</span>''' |
| <br><br> | | <br><br> |
| -------- | | -------- |
− | =Related Resources= <!--T:151--> | + | |
| + | =[[Related Resources custom feature|Related Resources]]= |
| [[File:Resources icon.png |left]] | | [[File:Resources icon.png |left]] |
− | <br><br>Connect equipment, rooms or anything else that is limited in quantity to a service. Different resources can be connected to the same service when needed.
| + | Connect equipment, rooms or anything else that is limited in quantity to a service. Different resources can be connected to the same service when needed. |
− | <br>
| |
− | <br>
| |
− | | |
− | | |
− | <!--T:152-->
| |
− | ;How to use
| |
− | | |
− | <!--T:153-->
| |
− | :1. Enable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Related Resources</span> feature on your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">custom features</span> page.
| |
− | [[File:Resources enable path.png|border|center]]
| |
| <br><br> | | <br><br> |
− | :2. Select <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Manage</span> option or navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Manage</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Related resources</span> using left-side menu | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Related Resources custom feature|...>]]</span>''' |
− | [[File:Resources settings path.png|border|center]] | |
| <br><br> | | <br><br> |
− | :3. Create resources group(s) depending on your needs using <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">+</span> icon there.<br>
| + | --------- |
| | | |
− | :You can select between:<br>
| + | =[[Service Add-Ons custom feature|Service Add-ons]]= |
− | :*<span style="background-color:#fef3de; padding:5px; border-radius:5px;">Same number as clients</span> type - with this group all the resources you attach to a service will be required for each booking. If the number of resources is not enough for a certain timeslot, it will not be displayed on the booking site. This type may be useful when some limited equipment is required to perform the service.<br>
| + | [[File:Paid attributes.png | left]] |
− | :*<span style="background-color:#fef3de; padding:5px; border-radius:5px;">Only one</span> type - with this group it is possible to accept multiple bookings per timeslot(it will depend on the number of clients set per provider and/or <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Limit Bookings custom feature|limit bookings]]</span> feature settings). It can be used for a room reservation for classes as if, for example, you have one room but two classes so that one class should become unavailable if another one gets a booking. In this case, the clients will continue making bookings for this another class according to the number of spaces you have indicated for it.<br>
| + | You can create add-ons for selected services. These add-ons can be set to influence service duration or not, but the service anyway becomes more expensive.<br> |
− | ::<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''' It is recommended to use <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Appointment_at_Fixed_Time_custom_feature|Appointmet at fixed time]]</span> feature with this resource type so that the timeslot will always correspond to the reserved room/resource, etc.</span>
| + | An example may be a massage, whereas the client could choose to add the luxury oil that costs more during massage.<br> |
− | [[File:Create resource group.png|border|center]] | + | Use this to your advantage to sell more! |
− | <br><br>
| |
− | :4. It is important to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">attach resources to services/classes</span> so that they will influence the booking process. Otherwise, the resources will not add any restrictions and will not be used.
| |
− | [[File:Attach resource to service.png|border| center]]
| |
| <br><br> | | <br><br> |
− | :5. If you got more resources of a certain type you can <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">add items to the particular resource group.</span> | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Service Add-Ons custom feature|...>]]</span>''' |
− | [[File:Add one more resource to a group.png|border|center]] | |
| <br><br> | | <br><br> |
− | :6. In case you have less items in your inventory than it was created initially you can <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">remove unnecessary ones</span> from the group using mass actions.<br>
| |
− | :<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">If certain service was connected to resource that was deleted such service may become unavailable on the booking site.</span><br>
| |
− | :In this case you need to update its relations towards other resources present in the system.
| |
− | [[File:Remove unnecessary resources.png|border|center]]
| |
− | <br><br>
| |
− | :7. The clients do not select the resource during the booking process, it is allocated by the system automatically depending on the service and provider selection.<br>
| |
− | :You can <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">view the resource used for the appointment</span> from the admin side in each booking or in exported .xls file from <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Reports</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking details.</span>
| |
− | [[File:View resource info in booking.png|border|center]]
| |
− | <br><br><br><br>
| |
| --------- | | --------- |
− | =Service Add-ons= <!--T:154-->
| |
− | [[File:Paid attributes.png | left]]<br>
| |
− | You can create add-ons for selected services. These add-ons can be set to influence service duration or not, but the service anyway becomes more expensive. <br>
| |
− | An example may be a massage, whereas the client could choose to add the luxury oil that costs more during massage.<br>
| |
− | Use this to your advantage to sell more!<br><br>
| |
− | :'''Please note!''' This custom feature cannot be used without [[Custom_Features#Accept_Payments | Accept Payments]] custom feature, that is why this option will be automatically enabled as soon as you enable "Service Add-ons".
| |
− | <br><br>
| |
− | :'''Video tutorial available '''[[File:Youtube-Logo.png|link=https://www.youtube.com/watch?v=3eF7QMk-BoA&feature=youtu.be]]
| |
− | <br><br>
| |
− | '''How to use:'''
| |
− |
| |
− | <!--T:155-->
| |
− | :1. To enable this option please go to your Custom Features page and click on “Enable” near “Service Add-ons” option.
| |
− | [[File:Service add ons enable path newcf2.png |border| center]]
| |
− | <br><br>
| |
− | :2. Click on “Manage” button that will appear there or go to Manage -> Service Add-ons section and you will get to a page where you will be able to create all necessary items.
| |
− | [[File:Service add ons settings path newcf.png|border| center]]
| |
− | <br><br>
| |
− | :3. Click on “+” icon to create new add-on, set its name and price.<br>
| |
− | :'''Please note!''' It is not possible to create free add-ons, each of them needs to have price added.
| |
− | :Add the desired duration if you need it to influence the overall appointment time.
| |
− | :Upload the image and set description is necessary.
| |
− | [[File:Service add ons with duration create.png | border|center]]
| |
− | <br><br>
| |
− | :4. To relate the add-on with particular service(s) please use “Connected services” tab and check the boxes with desired services/classes.
| |
− | [[File:Connect service add-on to services.png | center]]
| |
− | <br><br>
| |
− | :5. You can also make add-on to be selected by default on the booking page<br>
| |
− | :'''Please note!''' The clients will be able to to uncheck this item if they wish to on the booking page.
| |
− | [[File: Selected add-on.png | center]]
| |
− | <br><br>
| |
− | :Here you can see how the add-ons can look like on the booking page:
| |
− | :'''Please note!''' We recommend using the following timelines in case you set service add-ons with duration: modern, slots weekly, flexible, flexible weekly or flexible provider.<br>
| |
− | :In this case add-ons step will be shown before time step and the timeslots displayed should suit the items selected in most cases.
| |
− | [[File:Service add ons with duration client side.png | border|center]]
| |
− | <br><br>
| |
− | :With other timelines such as: daily classes, weekly classes и modern provider this step will be shown after time selection step and
| |
− | :if all the selections do not fit the choices the clients will get an error that the service cannot be booked.
| |
− | [[File:Service add ons with duration client side unsupported timelines.png|border|center]]
| |
| | | |
− | <br><br>
| + | =[[Service Categories custom feature|Service Categories]]= |
− | '''Correlation with other custom features:'''<br>
| |
− | 1- [[Custom_Features#Group_Bookings | Group Bookings]]. Number of items is multiplied to number of participants selected.<br>
| |
− | 2- [[Custom_Features#Multiple_Bookings | Multiple bookings]]. Add-ons are selected separately for each booking.
| |
− | <br><br>
| |
− | '''Can I add the items that clients has selected to notification templates?'''<br>
| |
− | Sure, just add [attributes] variable to all necessary templates in Settings//Email and SMS settings and the list of products will be included to corresponding notifications
| |
− | [[File:Add add-ons list to emails.png | center]]
| |
− | <br><br>
| |
− | --------
| |
− | =Service Categories= <!--T:156-->
| |
− | <br>
| |
| [[File:Service category new icon.png | left]] | | [[File:Service category new icon.png | left]] |
− | <br>
| |
| With the help of this Custom Feature you can create categories and group your services to make it easier and faster for your clients to find the necessary service. | | With the help of this Custom Feature you can create categories and group your services to make it easier and faster for your clients to find the necessary service. |
| <br><br> | | <br><br> |
− | | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Service Categories custom feature|...>]]</span>''' |
− | | |
− | | |
− | | |
− | | |
− | <!--T:157--> | |
− | ;How to use
| |
− | | |
− | :1. Enable Service Categories custom feature in the Custom Feature section//Adding more to booking page.
| |
− | [[File:Service categories enable path new cf.png | center]]
| |
− | <br><br>
| |
− | :2. In Manage//Services click on "+" and choose "Add category" to create all necessary categories. Insert title, picture, description and assign services to category.
| |
− | [[File: Create new category v3.png | center ]]
| |
− | <br><br>
| |
− | :3. Click on "Category details" tab of the category to edit any information. To connect services please choose "Category services" tab and check corresponding boxes.
| |
− | [[File: Attach service to category.png | center]]
| |
− | <br><br> | |
− | :4. Here you can see how categories can look like on the booking page using one of the themes avilable.
| |
− | [[File:Service categories booking site view.png|1200px| center]]
| |
| <br><br> | | <br><br> |
| ------- | | ------- |
− | =SMS Gateway= <!--T:158--> | + | |
− | <br>
| + | =[[SMS Gateway custom feature|SMS Gateway]]= |
| [[File:Sms.png|left]] | | [[File:Sms.png|left]] |
− |
| |
− | <!--T:159-->
| |
| Use the SMS Gateway custom feature to use your own SMS gateway (Twilio, Vonage(Nexmo), BulkSMS, HISMS, Websms, Infobip available only) and use your own phone number as sender number. If you use this feature, you pay the gateway directly saving around 20% to 30% compared to when you buy SimplyBook.me credits. | | Use the SMS Gateway custom feature to use your own SMS gateway (Twilio, Vonage(Nexmo), BulkSMS, HISMS, Websms, Infobip available only) and use your own phone number as sender number. If you use this feature, you pay the gateway directly saving around 20% to 30% compared to when you buy SimplyBook.me credits. |
| <br><br> | | <br><br> |
− | '''IMPORTANT!''' Setting this up requires some technical knowledge and the SimplyBook.me team can not help with account creation at the SMS gateway providers. | + | '''IMPORTANT!''' Setting this up requires some technical knowledge and the SimplyBook.me team cannot help with account creation at the SMS gateway providers. |
| <br><br> | | <br><br> |
− | | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[SMS Gateway custom feature|...>]]</span>''' |
− | | |
− | <!--T:160--> | |
− | '''How to use'''
| |
− | :1. Enable Sms Gateway Custom feature in Custom features//Other section at one-time activation fee.
| |
− | [[File:Sms gateway enable path new cf.png | center]]
| |
| <br><br> | | <br><br> |
− | :2. Create an account with one of available sms gateways: [https://www.vonage.com/ Vonage(Nexmo)], [https://www.twilio.com/try-twilio Twilio], [https://www2.bulksms.com/register/ BulkSMS], [https://www.hisms.ws/ HISMS], [https://www.websms.com.cy/ Websms] or [https://www.infobip.com/ Infobip] if you do not have one yet.<br><br>
| + | ------ |
− | :3. Go to settings on the right side of the SimplyBook.me Custom Features page for “SMS Gateway” custom feature.<br><br>
| |
− | :4. Choose the sms provider from “SMS Gateway” drop down and add corresponding credentials for the selected gateway below.
| |
− | [[File:Sms gateway settings path new cf.png | center]]
| |
− | <br><br>
| |
− | :5. Save settings and it is all done!
| |
− | <br><br>
| |
− | :'''Please note!''' If this custom feature is enabled and set correctly you do not need to purchase sms credits from our side. <br>
| |
− | :You will be able to see sms being sent from the system in Reports//Sms report with 0 as credits amount in this case.
| |
− | <br><br>
| |
− | :''Troubleshooting:''
| |
| | | |
− | :'''Sms credits are charged from my account:'''
| + | =[[SMTP custom feature|SMTP]]= |
− | - SMS Gateway Custom Feature is not enabled<br>
| |
− | - SMS Gateway processor settings are not added.
| |
− | <br><br>
| |
− | :'''Sms are not sent from the system'''
| |
− | - SMS Gateway settings are not added correctly.<br>
| |
− | - There is no sms credits on your balance.
| |
− | <br><br>
| |
− | -------
| |
− | =SMTP= <!--T:161--> | |
− | <br>
| |
| [[File:Smtp new icon.png|left]] | | [[File:Smtp new icon.png|left]] |
− |
| |
| It allows you to use your own SMTP server so all emails sent from the SimplyBook.me system on your behalf, come from your own email address.<br> | | It allows you to use your own SMTP server so all emails sent from the SimplyBook.me system on your behalf, come from your own email address.<br> |
− | <br><br><br>
| |
− | ;How to use.
| |
− | :1. You can enable this Custom Feature in your Custom Feature section
| |
− | [[File:Smtp enable path new cf.png|border | center]]
| |
− | <br><br>
| |
− | :2. Go to its settings on the right.
| |
− | [[File:Smtp settings path new cf.png|border | center]]
| |
− | <br><br>
| |
− | :3. And add your SMTP server details there. Save settings.<br>
| |
| <br><br> | | <br><br> |
− | :Remark that if you have a gmail address or g-suite email, you can send up to 1.000 emails per day through that address. | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[SMTP custom feature|...>]]</span>''' |
− | :If you send more than 1.000 notifications/promotions per day, you can look at other smtp services like sendinblue.com, sendgrid.com, mailjet.com, or authsmtp.com.<br><br> | |
− | :Please check video tutorial [https://vimeo.com/195300585 here].
| |
− | <br>
| |
− | :''For added security, you can setup double authentication for the email that you plan to use.<br>''
| |
− | :''[https://support.google.com/accounts/answer/185833 Here] you can check instructions how to use application password for double-step authentication.''
| |
| <br><br> | | <br><br> |
− | '''How to store a copy of outgoing emails in your Gmail''': <br><br>
| |
− | :1. You need to log into your Gmail or Google Apps email Settings and Click on the Forwarding/IMAP tab and scroll down to the IMAP Access section.<br><br>
| |
− | :2. Please set the IMAP as enabled in order for emails to be properly copied to your sent folder.<br><br>
| |
− | <br><br><br><br>
| |
| ------- | | ------- |
− | =SOAP with Encryption= <!--T:162-->
| |
− | [[File:Client soap crypt.png |left]] <br>Need patient information to be more securely stored? SOAP (subjective, objective, assessment and plan) with data encryption feature allows to insert time-stamped record with 4 encrypted text fields that stay with client data. Sensitive medical data of your clients will be secured with RSA 4096.
| |
| | | |
− | | + | =[[SOAP with Encryption custom feature|SOAP with Encryption]]= |
− | ==How to use== <!--T:163--> | + | [[File:Client soap crypt.png |left]] |
− | <br><br>
| + | Need patient information to be more securely stored? SOAP (subjective, objective, assessment and plan) with data encryption feature allows to insert time-stamped record with 4 encrypted text fields that stay with client data. Sensitive medical data of your clients will be secured with RSA 4096. |
− | :1. Make sure that you have simple [[Custom_Features#SOAP | SOAP custom feature]] disabled(as they are not compatible)<br>
| |
− | :2. Then please go to Custom features page using the left-side menu of your admin interface, use searchbox at the top or choose “Other” category.<br> | |
− | :And click on “Enable” near “SOAP with data encryption” option.<br>
| |
− | [[File:Soap with encryption enable path new cf.png|border | center]]
| |
| <br><br> | | <br><br> |
− | :3. Please choose “Settings” near it to generate the keys and setup encryption. | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[SOAP with Encryption custom feature|...>]]</span>''' |
− | [[File:Soap with encryption settings path new cf.png|border | center]] | |
− | [[File:Soap settings page.png|border | center]]
| |
| <br><br> | | <br><br> |
| ------- | | ------- |
− | =SSL= | + | |
− | <br>
| + | =[[SSL custom feature|SSL]]= |
| [[File:Ssl new icon.png |left]] | | [[File:Ssl new icon.png |left]] |
− |
| |
| Make all client's connections with the server through a secure layer. | | Make all client's connections with the server through a secure layer. |
| <br> | | <br> |
Line 2,764: |
Line 694: |
| [[File:Ssl enable path new cf.png|border | center]] | | [[File:Ssl enable path new cf.png|border | center]] |
| <br><br> | | <br><br> |
− | ------ | + | ------- |
− | =[[SSO-SAML_Custom_Feature|SSO: SAML]]= <!--T:164--> | + | |
− | [[File:Saml icon.png| left]] <br>This custom feature allows to setup Single Sign-On process for you as the system admin and your account users thus enabling login to SimplyBook.me system from MS Azure applications panel. You can create users in MS Azure within the desired access level groups and the corresponding user types will be added in your SimplyBook.me system on the first login. | + | =[[SSO-SAML_Custom_Feature|SSO: SAML]]= |
− | <br><br>
| + | [[File:Saml icon.png| left]] |
− | <br><br>
| + | This custom feature allows to setup Single Sign-On process for you as the system admin and your account users thus enabling login to SimplyBook.me system from MS Azure applications panel. You can create users in MS Azure within the desired access level groups and the corresponding user types will be added in your SimplyBook.me system on the first login. |
− | ;How to use:
| |
− | <br>
| |
− | :1. Create account at <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[https://portal.azure.com/#home Microsoft Azure]</span> if you do not have one yet.
| |
− | <br>
| |
− | :2. Enable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">SSO: SAML</span> Custom feature on your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom features</span> page .
| |
− | [[File:Sso enable path.png|border|center]]
| |
− | <br><br>
| |
− | :3. Navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Manage</span> to edit the connection settings.
| |
− | [[File:Sso settings path.png|border|center]]
| |
− | <br><br>
| |
− | :4. Click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Microsoft Azure Configuration</span> on the left and log in to your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">MS Azure account</span> there to start connection setup.
| |
− | :<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''' You need to have administrator access in MS Azure as well to be able to connect applications.</span>
| |
− | [[File:Sso start connection setup.png|border|center]]
| |
− | <br><br>
| |
− | :5. After successful login you will see the first block with basic options on SimplyBook.me side.
| |
− | [[File:Sso basic settings block.png|border|center]]
| |
− | <br><br>
| |
− | :6. In MS Azure please navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Active Directory.</span>
| |
− | [[File:Ms azure select active directory.png|border|center]]
| |
− | <br><br>
| |
− | :7. Select <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Enterprise applications</span> in the left-side menu and <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">add new application.</span><br>
| |
− | :(you may need paid MS Azure or Premium trial subscription there to add applications)
| |
− | [[File:Ms azure select enterprise applications.png|border|center]]
| |
− | <br><br>
| |
− | [[File:Ms azure new enterprise applications.png|border|center]]
| |
− | <br><br>
| |
− | :8. Choose <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">non-gallery</span> type. Add its name and save.
| |
− | <br><br>
| |
− | :9. On the next page click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Set up single sign on</span> and select <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">SAML.</span>
| |
− | [[File:Ms azure select single sign on.png|border|center]]
| |
− | <br><br>
| |
− | [[File:Ms azure select single sign on saml.png|border|center]]
| |
− | <br><br>
| |
− | :10. Use <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Pen</span> icon in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Basic SAML Configuration</span> block to edit.
| |
− | [[File:Ms azure saml basic edit path.png|border|center]]
| |
− | <br><br>
| |
− | :11. Copy the urls from <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">SimplyBook.me SSO: SAML feature</span> to the corresponding boxes on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">MS Azure side.</span> Save.
| |
− | [[File:Sbm saml basic settings page.png|border|center]]
| |
− | <br><br>
| |
− | :12. On <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">MS Azure side</span> scroll to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">SAML Signing Certificate</span> part and download <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Certificate(Base64).</span> Open it with notepad or similar text editor, copy the certificate code and paste it to the corresponding box into <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">SSO: SAML Custom Feature.</span>
| |
− | [[File:Sbm saml download cetrificate.png|border|center]]
| |
− | <br><br>
| |
− | [[File:Sbm saml certificate copy.png|border|center]]
| |
− | <br><br>
| |
− | :13. Scroll <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">MS Azure side</span> page to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Set up For tutorial</span> block and find <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Login URL,</span> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Azure AD Identifier</span> and <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Logout URL</span> options, Copy each of them and paste to the corresponding boxes on SimplyBook.me side.
| |
− | [[File:Sbm saml to tutorial block.png|border|center]]
| |
− | <br><br>
| |
− | :14. Go to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">User attributes and claims</span> block on MS Azure side and click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Pen</span> icon to edit it.
| |
− | [[File:Ms azure user attributes and claims.png|border|center]]
| |
− | <br><br>
| |
− | :15. For <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Unique User Identifier</span>(click on it to edit) please set <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">user.mail</span> variable as <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Source Attribute.</span> It is the parameter that will allow us to differentiate between different user logins.
| |
− | [[File:Ms azure user attributes and claims identifier.png|border|center]]
| |
− | <br><br>
| |
− | [[File:Ms azure user attributes and claims identifier mail.png|border|center]]
| |
− | <br><br>
| |
− | :16. For additional claims please add <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Groups</span> option using <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Add group claim</span> and <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Email</span> and <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Name</span> with <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Add new claim</span> buttons correspondingly.<br>
| |
− | :You can also add phone and last name if you need. See claims setup example below.
| |
− | [[File:Ms azure user attributes and claims add claim.png|border|center]]
| |
− | <br><br>
| |
− | :17. Copy the claims titles to the corresponding boxes on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">SimplyBook.me side.</span>
| |
− | [[File:Sso saml claims titles copy.png|border|center]]
| |
− | <br><br>
| |
− | :18. Navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Azure Active Directory homepage</span> and go to Users section, <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">create all users</span> that you would like to access the system if they are not created yet.
| |
− | [[File:Ms azure add users path.png|border|center]]
| |
− | <br><br>
| |
− | :19. In <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Groups</span> create groups that will correspond to SimplyBook.me user types. For example, Admins for admin level users, Senior Employees for Senior Employee access, etc.
| |
− | :You can create only one group if all your users have admin access, for example.
| |
− | [[File:Ms azure add groups path.png|border|center]]
| |
− | <br><br>
| |
− | :20. Add users to the corresponding groups.
| |
− | [[File:Ms azure add groups users.png|border|center]]
| |
− | <br><br>
| |
− | :21. Make sure each group contains the corresponding <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">memberships.</span>
| |
− | [[File:Ms azure add groups memberships.png|border|center]]
| |
− | <br><br>
| |
− | :22. Copy each group <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Object ID</span> to the corresponding box in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">User Group matching</span> settings on SimplyBook.me side.
| |
− | :(If you have only one group for admins insert same object ID everywhere in that block). Save settings.
| |
− | [[File:Copy object ids from azure to sbm.png|border|center]]
| |
− | <br><br>
| |
− | :23. Once the users are given the access to <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[https://account.activedirectory.windowsazure.com/r#/applications Applications dashboard]</span> they can log in to SimplyBook.me with their access level by a click on the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">SimplyBook.me application icon.</span>
| |
− | [[File:Application panel to login with saml.png|border|center]]
| |
− | <br><br>
| |
− | :The corresponding user types will be added automatically to your SimplyBook.me account with the data passed according to your settings.
| |
− | <br><br><br><br>
| |
− | :<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!'''</span><br>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">It is not possible to connect existing SimplyBook.me side users to MS Azure users.</span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">For such users it is not possible to reset SimplyBook.me passwords, edit access level, username, access personal data report.</span><br>
| |
− | :<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">They need to contact MS Azure administrator if they loose access to applications page or contact SimplyBook.me default admin to request personal data report.</span><br>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">If you need to restrict access for such users you can remove or block them on MS Azure side.</span><br>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">If you change the group the user is included to on MS Azure side or remove the user there the access level will be updated on SimplyBook.me side within several minutes or the user will be logged out.</span>
| |
| <br><br> | | <br><br> |
| + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[SSO-SAML Custom Feature|...>]]</span>''' |
| <br><br> | | <br><br> |
| ------ | | ------ |
− | =Status= | + | |
| + | =[[Status custom feature|Status]]= |
| <br> | | <br> |
| [[File:Status new icon.png |left]] | | [[File:Status new icon.png |left]] |
− |
| |
− | <!--T:165-->
| |
| If you have a company with many providers, and a service desk accepting clients you can add status possibility to events to see the status. This is for example used to mark appointment with one status as "client has arrived", and then another as "Client has left and paid" whatever suits your needs. | | If you have a company with many providers, and a service desk accepting clients you can add status possibility to events to see the status. This is for example used to mark appointment with one status as "client has arrived", and then another as "Client has left and paid" whatever suits your needs. |
| <br><br> | | <br><br> |
| + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Status custom feature|...>]]</span>''' |
| + | <br><br> |
| + | ------- |
| | | |
− | | + | =[[Tags Custom Feature|Tags]]= |
− | ;How to use
| + | [[File:Tags icon.png|100px|left]] |
− | :1. Activate this custom feature in the Custom Features section//Booking related.
| + | This custom feature allows you to add one or more tags to any client, enabling swift filtering of clients in reports, or other custom functionalities like coupons, gift cards, tickets, and memberships. With an intuitive interface, you can easily customize tags to align with your specific requirements, ensuring improved organization and structured client interactions. |
− | [[File:Status enable path new cf.png|border | center]] | |
| <br><br> | | <br><br> |
− | :2. Go to the settings of this custom feature by click on "Manage". | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Tags Custom Feature|...>]]</span>''' |
− | [[File:Status settings path new cf.png|border | center]]
| |
− | <br><br>
| |
− | :3. Press "+" to add new status.<br> | |
− | :Insert "Name", "Description" and assign the color to this status. If you leave the switcher "Status by default" on, such status will automatically apply to all new bookings.
| |
− | [[File:Create statuses v3.png|border | center]]
| |
| <br><br> | | <br><br> |
| ------- | | ------- |
− | =Take Me Back Home= <!--T:166-->
| |
− | <br>
| |
− | [[File:Take me back home new icon.png |left]]<br>The Take Me Back Home Custom Feature, allows you to bring clients back to your home page or selected URL after a booking has been performed on the booking page. Clients can press a link or they will be brought back to your homepage after 10 seconds by a redirect script.
| |
− | <br><br>
| |
| | | |
− | | + | =[[Take Me Back Home custom feature|Take Me Back Home]]= |
− | <!--T:167-->
| + | [[File:Take me back home new icon.png |left]] |
− | <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''' This feature is not compatible with <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Kiosk_custom_feature |Kiosk]]</span> custom feature.</span>
| + | The Take Me Back Home Custom Feature, allows you to bring clients back to your home page or selected URL after a booking has been performed on the booking page. Clients can press a link or they will be brought back to your homepage after 10 seconds by a redirect script. |
| <br><br> | | <br><br> |
− | [[File:Take me back home new theme.png|center]] | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Take Me Back Home custom feature|...>]]</span>''' |
| <br><br> | | <br><br> |
− | ;How to use
| + | -------- |
− | :1. Enable Take Me Back Home in the Custom Features section//Look and Feel.
| |
− | [[File:Take me back home enable path new cf.png|border | center]]
| |
− | <br><br>
| |
− | :2. Go to its settings on the right.
| |
− | [[File:Take me back home settings path new cf.png|border | center]]
| |
− | <br><br>
| |
− | :3. Insert the link where you want your clients to be redirected, write a text for this link.<br>
| |
− | :Also add the link where you want your clients to be redirected for mobile version and add its text.
| |
− | :4. Enable or leave disabled "Enable auto redirect to your site". If enabled, it will redirect your clients automatically to the page you indicated in the "link to your website" filed in 10 seconds.
| |
− | :5. Write auto redirect text that will be displayed in case the option "Enable auto redirect to your site" is enabled('''please note!''' do not change "%s" part for correct timer work).
| |
| | | |
− | <br><br>
| + | =[[Telegram Notifications custom feature|Telegram Notifications]]= |
− | --------
| |
− | =Telegram Notifications= <!--T:168--> | |
| [[File:Telegram notifications icon.png|left]]<br>This custom feature allows you to create your own notifications bot in a few simple steps. As the result each customer will have an option to subscribe to your bot notifications and get messages about the appointments, invoice details, tickets and much more. | | [[File:Telegram notifications icon.png|left]]<br>This custom feature allows you to create your own notifications bot in a few simple steps. As the result each customer will have an option to subscribe to your bot notifications and get messages about the appointments, invoice details, tickets and much more. |
− |
| |
− |
| |
− | <!--T:169-->
| |
− | Video tutorial available [[File:Youtube-Logo.png|link=https://youtu.be/Wr9pSEkPq-4]]
| |
− |
| |
− |
| |
− | <!--T:170-->
| |
− | <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!'''</span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">This functionality supports only booking related notifications.</span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">This custom feature is not compatible with <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Kiosk_custom_feature|Kiosk]]</span></span>
| |
− |
| |
− |
| |
− |
| |
− | <!--T:171-->
| |
− | ;How to use
| |
− |
| |
− | 1. Enable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Telegram Notifications</span> on your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom features</span> page -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Other</span> section.
| |
− | [[File:Telegram notifications enable path.png|1200px|center]]
| |
| <br><br> | | <br><br> |
− | 2. Navigate to helper bot <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">BotFather</span> using the link in the instructions on the right side of the SimplyBook.me page.
| + | <span style="background-color: #26dd7d; padding:5px; border-radius:5px;">Free custom feature!</span> |
− | [[File:Telegram notifications botfather link.png|1200px|center]]
| |
− | <br><br>
| |
− | 3. Start the setup process in the BotFather bot and select <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">/newbot</span> option, follow the hints there: add the desirable name and username.
| |
− | [[File:Telegram notifications create new bot.png|1200px|center]]
| |
− | <br><br>
| |
− | 4. Copy <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">the token</span> from the result message.
| |
− | [[File:Telegram notifications copy token.png|1200px|center]]
| |
− | <br><br>
| |
− | 5. Paste the token to the corresponding field in your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">SimplyBook.me account</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom features</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Telegram notifications.</span> Save settings.
| |
− | The page will show that the bot is connected to your account.
| |
− | [[File:Telegram notifications insert token.png|1200px|center]]
| |
− | [[File:Telegram notifications bot connected.png|1200px|center]]
| |
− | <br><br>
| |
− | 6. To enable the notifications for you as a user please use <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">top left notifications bar,</span> click on the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Telegram icon</span> and <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">follow the steps</span> from the popup:
| |
− | you will need to navigate to the bot, choose "Subscribe" option from the menu and insert the security code.
| |
− | [[File:Telegram notifications subscribe as user.png|1200px|center]]
| |
− | <br><br>
| |
− | 7. The clients will see the invitation to subscribe to the notifications on the booking confirmation or payment page and will be able to follow <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">the similar steps.</span>
| |
− | [[File:Telegram notifications subscribe as client.png|1200px|center]]
| |
− | <br><br>
| |
− | With the help of this notification bot it is also possible to see the information about the company and the list of upcoming bookings(their number is limited to 21).
| |
− | [[File:Telegram notifications bot options.png|1200px|center]]
| |
− | <br><br>
| |
− | The booking notifications texts depend on the templates you set for SMS notifications either in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Email and SMS settings</span> or in the specific custom feature settings (i.e. <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Multiple_Bookings_custom_feature|Multiple Bookings]],</span> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Group_Bookings_custom_feature|Group Bookings]],</span> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Flexible_Notifications_custom_feature|Flexible Notifications]]</span>).<br>
| |
− | There you can select the desirable variables to be used and adjust the wording if necessary.<br>
| |
− | [[File:Telegram notifications confirmation example.png|center]]
| |
| <br><br> | | <br><br> |
− | In case you are using <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Accept_payments_custom_feature|Accept payments]],</span> <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Tickets_custom_feature|Tickets]]</span> and/or <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Online_Video_Meetings_Custom_Feature|Online video meetings]]</span> it will also be possible to get the links to the corresponding attachments per respective appointment.
| + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Telegram Notifications custom feature|...>]]</span>''' |
− | Here is the example of how appointment details may look like depending on other features used in the system
| |
− | [[File:Telegram notifications attachments example.png|center]]
| |
| <br><br> | | <br><br> |
| -------- | | -------- |
− | =Terms and Conditions= <!--T:172-->
| |
| | | |
− | <!--T:173-->
| + | =[[Terms and Conditions custom feature|Terms and Conditions]]= |
− | <br>
| |
| [[File:Terms and conditions new icon.png |left]] | | [[File:Terms and conditions new icon.png |left]] |
− |
| |
| If you want your business to be bulletproof then this Custom Feature is a MUST. Use it to create and manage terms & conditions for your company towards your clients. | | If you want your business to be bulletproof then this Custom Feature is a MUST. Use it to create and manage terms & conditions for your company towards your clients. |
| The text inserted in the Custom Feature will be displayed on the "Details" page above the "Book Now" button or on sign up step if you are using [[Custom_Features#Client_Login | Client login feature]] as a checkbox with text "''I agree with -your company name- Terms & Conditions''" and the clients will need to agree to it to be able to book your services | | The text inserted in the Custom Feature will be displayed on the "Details" page above the "Book Now" button or on sign up step if you are using [[Custom_Features#Client_Login | Client login feature]] as a checkbox with text "''I agree with -your company name- Terms & Conditions''" and the clients will need to agree to it to be able to book your services |
Line 2,973: |
Line 745: |
| <span style="background-color: #26dd7d; padding:5px; border-radius:5px;">Free custom feature!</span> | | <span style="background-color: #26dd7d; padding:5px; border-radius:5px;">Free custom feature!</span> |
| <br><br> | | <br><br> |
− | ;How to use | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Terms and Conditions custom feature|...>]]</span>''' |
− | :1. Enable this feature on your Custom Features page. | |
− | [[File:Terms and conditions enable path new cf.png|border| center]] | |
| <br><br> | | <br><br> |
− | :2. Go to its settings on the right to manage your Terms and Conditions.
| |
− | <br><br>
| |
− | :3. Add the text. You can use HTML formatting there to adjust the look.
| |
− | [[File:Terms and conditions settings path new cf.png|border| center]]
| |
− | <br><br>
| |
− | :4. (optional) Make it required to agree to your terms with each booking if you need a consent even if the same client books the services from time to time.
| |
− | <br><br><br><br>
| |
| ------- | | ------- |
− | =Ticket's QR Code= <!--T:174--> | + | |
| + | =[[Ticket's QR Code|Ticket's QR Code]]= |
| [[File:Tickets qr code.png |left]] | | [[File:Tickets qr code.png |left]] |
− | <br><br>
| |
| Create customized QR codes for your tickets consisting of one or more additional fields variables, with or without a delimiter. This QR code can be added to your tickets to facilitate further information reading into external systems after ticket validation. | | Create customized QR codes for your tickets consisting of one or more additional fields variables, with or without a delimiter. This QR code can be added to your tickets to facilitate further information reading into external systems after ticket validation. |
− |
| |
− | <!--T:175-->
| |
− | <br><br>
| |
− | <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''':</span>
| |
− | :*<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">When you enable this custom feature <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Tickets_custom_feature|Tickets]]</span> will be enabled as well.</span>
| |
− | :*<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">With this feature you will need to edit custom ticket template with is available with premium subscriptions only.</span>
| |
− |
| |
− |
| |
− | <!--T:176-->
| |
− | ;How to use
| |
− |
| |
− | :1. Enable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Ticket's QR Code</span> feature on your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom features</span> page -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Other</span> section.
| |
− | [[File:Ticket qr enable path.png|1000px|border|center]]
| |
− | <br><br>
| |
− | :2. Select <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">QR code correction capability<span> if necessary.
| |
− | [[File:Ticket qr correction adjustment.png|1000px|border|center]]
| |
− | <br><br>
| |
− | :3. Navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Edit template</span> page.
| |
− | [[File:Ticket qr edit template path.png|1000px|border|center]]
| |
− | <br><br>
| |
− | :4. Adjust the template to your needs using the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Editor</span> and the available <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">variables</span> on the right.
| |
− | [[File:Ticket qr edit template process.png|1000px|border|center]]
| |
− | <br><br>
| |
− | :5. Add <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">QR template url</span> variable to the ticket template in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom features</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Tickets</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom ticket.</span>
| |
− | :(please also make sure that you have custom ticket attached to necessary services 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> -> select the necessary service -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Tickets</span>)
| |
− | [[File:Ticket add custom qr.png|1000px|border|center]]
| |
| <br><br> | | <br><br> |
| + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Ticket's QR Code|...>]]</span>''' |
| <br><br> | | <br><br> |
| ------- | | ------- |
− | =Tickets= <!--T:177-->
| |
− | [[File:Tickets icon.png| left]] <br>
| |
| | | |
− | <!--T:178-->
| + | =[[Tickets custom feature|Tickets]]= |
| + | [[File:Tickets icon.png| left]] |
| Issue tickets for services, classes and events. The tickets can be printed or shown from mobile screen by clients and then be scanned using the SimplyBook.me admin app, or manually inserted in the Validate tickets section of SimplyBook.me. If you have HTML/CSS knowledge and Premium plan, you can customize the look of your tickets. | | Issue tickets for services, classes and events. The tickets can be printed or shown from mobile screen by clients and then be scanned using the SimplyBook.me admin app, or manually inserted in the Validate tickets section of SimplyBook.me. If you have HTML/CSS knowledge and Premium plan, you can customize the look of your tickets. |
− |
| |
− | <!--T:179-->
| |
| <br><br> | | <br><br> |
| Video tutorial [[File:Youtube-Logo.png|link=https://youtu.be/Ge3IGjgLDE8]] | | Video tutorial [[File:Youtube-Logo.png|link=https://youtu.be/Ge3IGjgLDE8]] |
− |
| |
− |
| |
− |
| |
− | <!--T:180-->
| |
− | <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note:'''</span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">this feature is not compatible with <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Accept deposits custom feature|Accept Deposits]];</span></span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">the tickets are attached in PDF format to client confirmation email;</span>
| |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">if <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Pay Later</span> is enabled within <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Accept payments custom feature|Accept Payments]]</span> feature, the client selects it during booking,<br></span>
| |
− | :<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">the tickets will be sent within the separate email template after admin accepts the payment in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Payment transactions</span> report.<br></span>
| |
− | :<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">It can be edited in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom features</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Tickets.</span></span>
| |
− | [[File:Pay later template.png|border|center]]
| |
| <br><br> | | <br><br> |
− | *<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">the tickets are limited: every subscription has a definite amount of tickets per month included(140 in trial period). To check the number of tickets you have please go to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Plans&Prices</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Subscriptions</span> and scroll to the bottom of the page. To buy more tickets please navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Plans&Prices</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Additional items.</span></span>
| + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Tickets custom feature|...>]]</span>''' |
− | [[File:Ticket pack purchase.png|border|center]]
| |
| <br><br> | | <br><br> |
− | <br><br>
| + | ------- |
− | | |
− | <!--T:181-->
| |
− | ;How to use
| |
| | | |
− | :1. Enable this feature on your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> page.
| + | =[[Tips Custom Feature|Tips]]= |
− | [[File:Tickets enable path.png|border|center]] | + | [[File:Tips icon.png|left]] |
− | <br><br>
| + | With Tips Custom Feature, your clients can now enjoy the flexibility and convenience of showing their appreciation for your services through tipping. The feature is designed to enhance your clients' booking experience. Your customers can leave tips during the booking process or when "Pay later" is selected. |
− | :2. Navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Manage</span> using the link near the enabled feature or go to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Manage</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Services</span> section.
| |
− | [[File:Tickets manage path.png |border|center]] | |
− | <br><br>
| |
− | :3. Select the service you would like to sell the tickets for with a click and go to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Tickets</span> tab.
| |
− | <br><br>
| |
− | :4. <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Enable</span> tickets issuing and connect the template by clicking on it. Save settings.
| |
− | :(There is one default template, but with Premium plan you can create your own one).
| |
− | [[File:Attach ticket to service.png|border|center]]
| |
− | <br><br>
| |
− | :5. When the event time comes and you need to validate tickets please go to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Tickets</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Validate ticket.</span>
| |
− | (or access it from Calendar page)
| |
− | [[File:Validate tickets path.png|border|center]]
| |
− | <br><br>
| |
− | :6. Look for the ticket by its unique number(can be used on desktop and mobile) or scan the QR code(open that page from mobile device).
| |
− | :Check the booking information if necessary and click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Validate ticket</span>
| |
− | [[File:Validate ticket steps pc.png|border|center]]
| |
− | <br><br>
| |
− | [[File:Validate ticket mobile manually find.png|border|center]]
| |
| <br><br> | | <br><br> |
− | :7. If you have SimplyBook.me admin application you can easily scan and check-in tickets there from <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Dashboard.</span> | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Tips Custom Feature|...>]]</span>''' |
− | [[File:Scan ticket path in app.png|border|center]]
| |
| <br><br> | | <br><br> |
− | :8. Ticket codes can be found in the related bookings on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Calendar</span> page or in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Booking details</span> report.
| |
− | :You can also print tickets from there.
| |
− | [[File:Ticket info in calendar.png|border|center]]
| |
− | [[File:Ticket info in reports.png|border|center]]
| |
− | <br><br>
| |
− | :9. (optional) If you have Premium plan and know HTML/CSS or have someone who can help with it you can create a custom ticket template in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom features</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Tickets</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom ticket.</span>
| |
− | [[File:Custom ticket look example.png|border|center]]
| |
− | <br><br>
| |
− | :10. From the client side they can get tickets on the appointment/payment confirmation page when the booking process is completed.
| |
− | :Or they can go to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">My bookings</span> tab and use the corresponding button there to download ticket PDF and print.
| |
− | [[File:Ticket client side 1.png|border|center]]
| |
− | [[File:Tickets client side 2.png|border|center]]
| |
− | <br><br><br><br>
| |
| ------- | | ------- |
− | =Vaccination report= <!--T:182-->
| |
− | [[File:Vaccination icon.png|left]] Vaccination custom feature gives a quick overview of the booked and available slots in your system thus allowing to see the load generally per day/week/month or some date range(up to 90 days) as well as per certain provider or service. You can easily see the overloaded and most free ones to manage them accordingly. Another option that helps you in successful vaccination process planning is "Second appointment" tab: it shows whether a certain patient has already made an appointment for a second vaccine dose as well as his/her contact details, date and time of the appointments enabling you to quickly contact the ones who still need another appointment organization. Both report tabs give a great way to manage and organize the time resources and vaccination teams in most effective way to have as many people vaccinated as possible.
| |
− | <br><br>
| |
| | | |
− | <!--T:183-->
| + | =[[Visitor Counter custom feature|Visitor Counter]]= |
− | ;How to use
| + | [[File:Visitor counter new icon.png |left]] |
− | | + | Use Visitor Counter Custom Feature to get up-to-date information about visits to your booking website or to the page with your booking widget. This Custom Feature will help you to evaluate the visits and bookings and can help you to decide if you should do promotions to get more visitors and potential clients. You will see all this information in the main Dashboard of the [https://simplybook.me SImplyBook.me] system. Shows data for the previous calendar week. |
− | :1. Enable the corresponding item on your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> page.
| |
− | [[File:Vaccination enable path.png|1200px|border|center]] | |
− | <br><br>
| |
− | :2. Select the criterion for grouping the appointments. By default they will be grouped by <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">client record(id),</span> but you can also select to group by <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">email</span> or <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">phone number.</span> And, for sure, you can change these preferences at any time.
| |
− | :(optional) In case you are using <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Intake_Forms_custom_feature|Intake forms]]</span> and/or <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Client Fields Custom Feature|Client fields]]</span> features you can choose to group the bookings by the answer to one of those fields.
| |
− | [[File:Vaccination report group by.png|1200px|border|center]] | |
− | <br><br>
| |
− | :3. After you navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Slots<span> report you can see total, currently free and booked slots as well as time occupation percentage per provider or service.
| |
− | :Please use <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">the switchers</span> to view the data per <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">day/week/month</span> or a <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">date range.</span>
| |
− | :'''<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">Please note:</span>
| |
− | * <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">Maximum period that can be selected for the date range is 90 days. If you choose the larger period it will be automatically autocorrected.</span>
| |
− | * <span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">In day view the number of slots per provider is based on your timeframe setting(i.e. if timeframe is 5 mins and time open in schedule is 9:00-10:00, then you will see 12 timeslots per provider if he/she serves one client at a time),</span><br>
| |
− | :<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">while per service it depends on the selected service duration (i.e. if service duration is 30 mins and time open in schedule is 9:00-10:00 you will see 2 slots).</span><br>
| |
− | <br><br>
| |
− | ;The number of slots displayed is generally influenced by
| |
− | *the amount of providers added in the system;
| |
− | *their schedules;
| |
− | *number of clients they can serve at a time.
| |
− | <br><br>
| |
− | ;The following features do not influence the statistics
| |
− | *<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Limit_Bookings_custom_feature|Limit bookings]];</span>
| |
− | *<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Related_Resources_custom_feature|Related resources]]; </span>
| |
− | *<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Calendar_Sync_custom_feature|Calendar sync]];</span>
| |
− | *<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Classes_custom_feature|Classes]]</span> are not displayed in the report
| |
− | [[File:Vaccination report slots tab.png|1200px|border|center]]
| |
| <br><br> | | <br><br> |
− | :4. When you navigate to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Second appointment</span> tab you can see the clients who have already booked at least one non-cancelled appointment in the system.<br> | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Visitor Counter custom feature|...>]]</span>''' |
− | :The lines will be grouped according to the settings from <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">#2.</span> | |
− | :In case the specific client has more than one appointment such records will be marked as having second appointment in place and the second column will contain the date of his/her last booking.
| |
− | :By using <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">View</span> option you can access each client contact details as well as the list of his/her appointments.
| |
− | [[File:Vaccination report second appointment tab.png|1200px|border|center]]
| |
| <br><br> | | <br><br> |
− | :Video tutorial on setting up an account for vaccination [[File:Youtube-Logo.png|link=https://youtu.be/_9qrKUWfyVo]]
| |
− | <br><br><br><br>
| |
| ------- | | ------- |
− | =Visitor Counter= <!--T:184-->
| |
− | <br>
| |
− | [[File:Visitor counter new icon.png |left]]
| |
| | | |
− | <!--T:185-->
| + | =[[Waiting List custom feature|Waiting List]]= |
− | Use Visitor Counter Custom Feature to get up-to-date information about visits to your booking website or to the page with your booking widget. This Custom Feature will help you to evaluate the visits and bookings and can help you to decide if you should do promotions to get more visitors and potential clients. You will see all this information in the main Dashboard of the [https://simplybook.me SImplyBook.me] system. Shows data for the previous calendar week.
| + | [[File:Waiting list icon.png|left]] |
| + | Allow your clients to sign up for a spot on your waiting list. This custom feature gives your customers the possibility to register for a waiting list on fully booked days. If someone cancels an appointment, applicants registered on this day will receive an email invitation to book the recently opened slot. Define in the settings how often each notification is sent and when you don’t want to fill the spot, i.e. if there is a short time until the session starts. |
| <br><br> | | <br><br> |
− | | + | :::Video tutorial available '''[[File:Youtube-Logo.png|link=https://www.youtube.com/watch?v=PtprHKshSmw]] |
− | | |
− | ;How to use
| |
− | :1. Enable this option on your custom Features page. | |
− | [[File:Visitor counter enable path new cf.png|border | center]] | |
| <br><br> | | <br><br> |
− | :2. Check the chart on Dashboard page for updates. | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Waiting List custom feature|...>]]</span>''' |
− | [[File:Visitor counter upd.png|border | center]]
| |
| <br><br> | | <br><br> |
− | -------------
| + | ------- |
− | =Waiting List= <!--T:186-->
| |
− | [[File:Waiting list icon.png|left]]Allow your clients to sign up for a spot on your waiting list. This custom feature gives your customers the possibility to register for a waiting list on fully booked days. If someone cancels an appointment, applicants registered on this day will receive an email invitation to book the recently opened slot. Define in the settings how often each notification is sent and when you don’t want to fill the spot, i.e. if there is a short time until the session starts.
| |
− | | |
− | | |
− | <!--T:187-->
| |
− | :'''Video tutorial available '''[[File:Youtube-Logo.png|link=https://www.youtube.com/watch?v=PtprHKshSmw]]
| |
− | | |
− | | |
− | <!--T:188-->
| |
− | '''Please note!'''
| |
− | *Only the following calendar layout types are supported: modern, slots weekly, flexible weekly, flexible, flexible provider and daily classes.<br>
| |
− | :If you have a non-supported one set it will be automatically changed when this custom feature is enabled.
| |
− | *The waiting list booking does not have time attached and is related to date.<br>
| |
− | *When some timeslot becomes available all the client who have applied for this date waiting list receive the email notification and the one who is the first will be able to occupy the spot.
| |
− | *Client can have only one active waiting list booking for the specific service and provider for the specific date.
| |
− | *During the process of the applying to the waiting list the clients fill in only the basic information or [[Client_Login_custom_feature|register/log in.]] All the rest([[Accept_payments_custom_feature|payments]], [[Products_for_Sale_custom_feature|products purchase]], etc. will be provided when the usual booking will be made)
| |
− | *This feature cannot be enabled together with [[Multiple_Bookings_custom_feature|Multiple bookings]]
| |
− | *Waiting List feature does not work for recurring services and/or classes booking.
| |
− | | |
− | <!--T:189-->
| |
− | ;How to set
| |
− | | |
− | <!--T:190-->
| |
− | :1. Enable "Waiting list" custom feature on your "Custom features" page, "Functional" section.
| |
− | <br>
| |
− | :2. In its settings on the right side of the page, "Main configuration" block, please select the number of email notification attempts about the free time slot appearance.<br>
| |
− | :Choose the desired time interval between these attempts in "Notifications interval".
| |
− | :Set the time period when the waiting list bookings should be automatically cancelled in case the free spaces do not appear using "Waiting list slot auto cancellation" setting.
| |
− | <br>
| |
− | :3. Adjust the email templates for the free slot notification and no free slots email to your needs. Use the variables if needed.<br>
| |
− | :Save settings.
| |
− | <br>
| |
− | :4. You will be able to see all the waiting list applications in the corresponding report.<br>
| |
− | :You can use the link near this custom feature to access it or navigate to Reports // Waiting list report using the left-side menu.<br>
| |
− | :It is possible to filter the booking and manually cancel if necessary.
| |
− | <br>
| |
− | :5. The clients can see own waiting list appointments in the specific tab on the booking website and can also cancel them there if they wish to.
| |
− | <br><br>
| |
− | -------------
| |
| | | |
− | =Zapier Connector= <!--T:191--> | + | =[[Zapier Connector custom feature|Zapier Connector]]= |
| [[File:Zapier icon.png | left]] | | [[File:Zapier icon.png | left]] |
| Connect [https://simplybook.me/ SimplyBook.me] with hundreds of other solutions using this feature. It contains a variety of triggers that can be used to send information to other solutions by simply using one of the available zaps or by creating a new zap. Zapier allows to integrate 2 or more web-applications via their APIs through “triggers” and “actions”. | | Connect [https://simplybook.me/ SimplyBook.me] with hundreds of other solutions using this feature. It contains a variety of triggers that can be used to send information to other solutions by simply using one of the available zaps or by creating a new zap. Zapier allows to integrate 2 or more web-applications via their APIs through “triggers” and “actions”. |
| [https://simplybook.me/ SimplyBook.me] is available in Zapier as Trigger app, it means only information from [https://simplybook.me/ SimplyBook.me] is sent to Zapier (1-way integration) and via Zapier to any app that has actions. | | [https://simplybook.me/ SimplyBook.me] is available in Zapier as Trigger app, it means only information from [https://simplybook.me/ SimplyBook.me] is sent to Zapier (1-way integration) and via Zapier to any app that has actions. |
− |
| |
− |
| |
− |
| |
− |
| |
− | <!--T:192-->
| |
− | <div style="background-color:#ffe9e9; padding:5px; border-radius:5px;">
| |
− | '''Please note!'''
| |
− | * Available data depends on <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features | custom features]]</span> enabled;
| |
− | * It doesn't work if 2-step authentication is enabled (<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#HIPAA |HIPAA]]</span> or <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Google_Authenticator | Google Authenticator]]</span>);
| |
− | * New client trigger doesn't work with <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Import_Clients |Import clients]]</span> feature, but works correctly if 1 client is added manually in admin interface;
| |
− | * Information about <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Membership |membership]]</span>/<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Coupons_.26_Gift_Cards |promotion]]</span>/<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Packages |package]]</span>/<span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Products_for_Sale |product]]</span> used is not included as it relates to invoice and not to booking;
| |
− | * Comment change doesn't launch any trigger;
| |
− | * To be able to use Booking change/Booking cancellation triggers in order to change existing records in Action app you need to use paid Zapier account(please check current pricing with them and if it includes multi-step zaps), as Search step is needed to find the record in action app;
| |
− | * If more items are added to admin interface after ZAP was created, you need to press "Get more samples" button at "Trigger step" -> "Test this step" in Zapier to fetch new available fields and data (zap template should be changed);
| |
− | * Invoice data can be sent with New Invoice trigger;
| |
− | * <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[SOAP_custom_feature |SOAP]]</span> data is not sent;
| |
− | * <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Accept_Payments |Tax]]</span> information is not sent, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Accept_Payments |service price]]</span> is shown without taxes added;
| |
− | * It doesn't work if both <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Accept_Payments |Accept payments]]</span> and <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Approve_Bookings |Approve bookings]]</span> are enabled, and batch bookings are partially approved.
| |
− | </div>
| |
− |
| |
− | <!--T:193-->
| |
− | <br><br>
| |
− | '''6 triggers''' are now available:<br>
| |
− | • ''New booking'' - launches when new booking is created in SimplyBook.me account;<br>
| |
− | • ''Booking change'' - launches when booking is changed (change of date/time/service/provider/status/intake forms answers);<br>
| |
− | • ''Booking cancellation'' - launches upon booking cancellation;<br>
| |
− | • ''New client'' - launches when new client is added, either upon a new booking, or when admin manually adds client in SimplyBook.me admin interface.<br>
| |
− | • ''New Offer'' - launches when any new offer is created on SimplyBook.me side (can be used when <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Accept_Payments |Accept payments]]</span> custom feature is enabled).<br>
| |
− | • ''New Invoice'' - launches when new invoice is created and paid on SimplyBook.me side (can be used when <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Accept_Payments |Accept payments]]</span> custom feature is enabled).
| |
− |
| |
− | <!--T:194-->
| |
− | <br><br>
| |
− |
| |
− | <!--T:195-->
| |
− | ;'''Available data:'''
| |
− | <span style="background-color:#fef3de; padding:5px; border-radius:5px;">For booking-related triggers(New booking, Booking change, Booking cancellation):</span><br>
| |
− | <span style="background-color: #e1fdfd; padding:5px; border-radius:5px;">Basic functionality (no custom features enabled)</span>:
| |
− | *Company (login, name, email, phone),
| |
− | *Service (name, description, duration, buffer time),
| |
− | *Provider (name, description, email, phone),
| |
− | *Client information (name, email, phone, address, timezone),
| |
− | *Booking code (if booking is confirmed, start/end date/time).
| |
− | <br><br>
| |
− | <span style="background-color: #e1fdfd; padding:5px; border-radius:5px;">Custom features related data</span>:
| |
− | * <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Accept_Payments |Accept payments]]</span> (service price, currency);
| |
− | * <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Status |Status]]</span> (name, description, color);
| |
− | * <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Approve_Bookings |Approve bookings]]</span> (approval status: approved, canceled);
| |
− | * <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Multiple_Locations |Multiple Locations]]</span> (location name, location address (with coordinates), location phone, location description);
| |
− | * <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Service_Categories |Service Categories]]</span> (category name, category description);
| |
− | * <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Service_Add-ons |Service Add-ons]]</span> (add-on name, add-on price);
| |
− | * <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Intake_Forms |Intake Forms]]</span> (answers).
| |
− | <br><br>
| |
− | <span style="background-color:#fef3de; padding:5px; border-radius:5px;">For New client trigger</span>:
| |
− | * Client ID;
| |
− | * Client name;
| |
− | * Client email;
| |
− | * Client phone;
| |
− | * Client address;
| |
− | * If client is blocked to login (if <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Client_Login |Client login]]</span> custom feature is enabled);
| |
− | * Client registration date.
| |
− | <br><br>
| |
− | <span style="background-color:#fef3de; padding:5px; border-radius:5px;">For New Offer/Invoice triggers</span>:
| |
− | * Order ID;
| |
− | * Client name / email / phone;
| |
− | * Offer/Invoice description (list of items ordered, information about discount: gift card/coupon/package used);
| |
− | * Order amount and currency;
| |
− | * Discount amount;
| |
− | * Order date and time;
| |
− | * Offer/Invoice number in SimplyBook.me system (O-XXXXXX or I-XXXXXX);
| |
− | * Payment processor (delay, cash, credit card, wire transfer);
| |
− | * Payment status (paid, pending) and if payment is received.
| |
− |
| |
− | <!--T:196-->
| |
− | <br><br>
| |
− | ;How to use:
| |
− | :1. Enable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Zapier connector</span> custom feature on your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom features</span> page on SimplyBook.me side.
| |
− | [[File:Zapier connector enable path new cf.png|border | center]]
| |
− | <br><br>
| |
− | :2. Create new Zap by clicking on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Make a Zap</span> button in Zapier interface.
| |
− | [[File:Zapier redesigned create new zap from dashboard.png|1200px|border| center|link=https://help.simplybook.me/images/6/68/Zapier_redesigned_create_new_zap_from_dashboard.png]]
| |
− | <br><br>
| |
− | :3. Look for Simplybook in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Trigger step.</span>
| |
− | [[File:Zapier redesigned select trigger app.png|1200px|border | center|link=https://help.simplybook.me/images/c/c1/Zapier_redesigned_select_trigger_app.png]]
| |
− | <br><br>
| |
− | :4. Select the desirable trigger.
| |
− | [[File:Zapier redesigned choose trigger event.png|1200px|border | center|link=https://help.simplybook.me/images/9/94/Zapier_redesigned_choose_trigger_event.png]]
| |
− | <br><br>
| |
− | :5. Connect SimplyBook.me account.
| |
− | [[File:Zapier redesigned connect simplybook account.png|1200px|border | center|link=https://help.simplybook.me/images/2/24/Zapier_redesigned_connect_simplybook_account.png]]
| |
− | <br><br>
| |
− | :6. Click <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Continue</span> to test this step.
| |
− | [[File:Zapier redesigned continue to test trigger step.png|1200px|border | center|link=https://help.simplybook.me/images/b/be/Zapier_redesigned_continue_to_test_trigger_step.png]]
| |
− | <br><br>
| |
− | :7. Proceed to adding the Action step and search for the app you wish to connect SimplyBook.me to.
| |
− | [[File:Zapier redesigned search for the action app.png|1200px|border | center|link=https://help.simplybook.me/images/9/95/Zapier_redesigned_search_for_the_action_app.png]]
| |
− | <br><br>
| |
− | :8. Connect this application account and setup the template using the available data mentioned above.
| |
− | <br><br>
| |
− | :9. You can test this step operation as well if necessary or skip it.
| |
| <br><br> | | <br><br> |
− | :10. Finish the setup, add Zap name and turn it on. | + | :::'''Read full tutorial <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Zapier Connector custom feature|...>]]</span>''' |
− | [[File:Zapier redesigned enable zap.png|1200px|border | center|link=https://help.simplybook.me/images/9/9b/Zapier_redesigned_enable_zap.png]] | |
| <br><br> | | <br><br> |
| <br><br> | | <br><br> |
− | </translate>
| |