Line 560: |
Line 560: |
| The system will send the corresponding report to your company email address that you have indicated in Settings//Company information//Basic information. | | 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]] | | [[File:Daily report.png | border| center]] |
| + | <br><br> |
| + | ------- |
| + | =Facebook and Instagram Bookings= |
| + | [[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. |
| + | <br><br> |
| + | <br><br> |
| + | <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 need to adjust the styling please use <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Custom_Features#Custom_CSS|Custom CSS]]</span> feature.</span><br> |
| + | <br><br> |
| + | <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 permisions setup.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 that will redirect your clients to your booking site.<br> |
| + | [[File:Fb client side services.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:Fb adding bookings 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 logout.png|border|center]] |
| + | <br><br> |
| + | :3. You will be redirected to Facebook interface, where you just need to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">check the box with SimplyBook.me</span> and select <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Remove</span> option. |
| + | [[File:Facebook remove simplybook.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-8 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:Insta setup.png|border|center]] |
| + | <br><br> |
| + | :For this integration type the theme you have set for the booking site will be applied. |
| + | <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-5 below to remove <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Book</span> button: |
| + | [[File:Insta button removal.png|border|center]] |
| + | <br><br> |
| <br><br> | | <br><br> |
| ------- | | ------- |
Line 1,928: |
Line 1,999: |
| [[File:Take me back home new icon.png |left]] | | [[File:Take me back home new icon.png |left]] |
| | | |
− | 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 a few seconds by a redirect script. | + | 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> |
− | | + | <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> |
| + | <br><br> |
| [[File:Take me back home new theme.png|center]] | | [[File:Take me back home new theme.png|center]] |
| <br><br> | | <br><br> |