Line 21: |
Line 21: |
| ==How to add and use booking option to Facebook/Instagram business page== | | ==How to add and use booking option to Facebook/Instagram business page== |
| <br><br> | | <br><br> |
− | :1. Enable Facebook & Instagram Bookings custom feature on your Custom Features page. | + | :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]] | | [[File:Facebook and insta bookings enable path.png | border| center]] |
| <br><br> | | <br><br> |
| :2. Login to your Facebook/Instagram business account(s) in another browser tab. | | :2. Login to your Facebook/Instagram business account(s) in another browser tab. |
| <br><br> | | <br><br> |
− | :3. Go back to SimplyBook.me interface and click on "Settings" near Facebook & Instagram Bookings. | + | :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]] | | [[File:Facebook and insta bookings settings path.png|border|center]] |
| <br><br> | | <br><br> |
− | :4. Click on "Connect with Facebook" button there. | + | :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]] | | [[File:Facebook and insta bookings settings overview.png |border|center]] |
| <br><br> | | <br><br> |
− | :5. You will be redirected to Facebook interface to manage the permissions and connection to SimplyBook.me.<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> | | :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> | | :(If you have Instagram business profile connected to your Facebook business page you will be able to connect it there as well <br> |
Line 38: |
Line 38: |
| [[File:Facebook permisions setup.png|border|center]] | | [[File:Facebook permisions setup.png|border|center]] |
| <br><br> | | <br><br> |
− | :6. Now you will have your services shown on your Facebook page with "Book" buttons next to them that will redirect your clients to your booking site.<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]] | | [[File:Fb client side services.png|border|center]] |
| <br><br> | | <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. | + | :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]] | | [[File:Fb adding bookings to post.png|border|center]] |
| <br><br> | | <br><br> |
Line 49: |
Line 49: |
| ==How to remove Book button from Facebook/Instagram pages== | | ==How to remove Book button from Facebook/Instagram pages== |
| <br><br> | | <br><br> |
− | :1. Navigate to Custom Features -> Facebook & Instagram Bookings -> Settings on SimplyBook.me side. | + | :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]] | | [[File:Facebook and insta bookings settings path.png|boredr|center]] |
| <br><br> | | <br><br> |
− | :2. Click on "Logout" at the top of the page. | + | :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]] | | [[File:Facebook logout.png|border|center]] |
| <br><br> | | <br><br> |
− | :3. You will be redirected to Facebook interface, where you just need to check the box with SimplyBook.me and select "Remove" option. | + | :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]] | | [[File:Facebook remove simplybook.png|border|center]] |
| <br><br> | | <br><br> |
| ==How to add and use booking option on Instagram only== | | ==How to add and use booking option on Instagram only== |
| <br><br> | | <br><br> |
− | :1. Open your Instagram mobile application and login to your business page. | + | :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> | | <br><br> |
− | :2. Navigate to your profile and select to edit it. | + | :2. Navigate to your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">profile</span> and select to edit it. |
| <br><br> | | <br><br> |
− | :3. Follow the steps 1-8 below to add "Book" button that will lead the customers to your booking site: | + | :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]] | | [[File:Insta setup.png|border|center]] |
| <br><br> | | <br><br> |
Line 72: |
Line 72: |
| ==How to remove Book option from Instagram business page== | | ==How to remove Book option from Instagram business page== |
| <br><br> | | <br><br> |
− | :1. Open your Instagram mobile application and navigate to editing your profile.<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 "Book" button: | + | :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]] | | [[File:Insta button removal.png|border|center]] |
| <br><br> | | <br><br> |
| <br><br> | | <br><br> |