Changes

From SimplyBook.me

Bookings on Facebook

5,255 bytes added, 15:02, 28 November 2019
no edit summary
<br><br>
__TOC__=Facebook and Instagram Bookings Custom Feature=<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>==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> =Call-to-action button for facebook Facebook fan page==
<br><br>
:1. Go to your Page’s cover photo and click <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">+ Add a Button</span>
<br><br>
==Facebook chat bot==
<br><br>
<span style="background-color:#ffe9e9; padding:5px; border-radius:5px;">'''Please note!''' Facebook bot works in English only and provides only basic functionality, so for example <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Accept_payments_custom_feature|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;">[[Membership_custom_feature|memberships]]</span>, <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[[Approve_Bookings_custom_feature|approve bookings]]</span>, etc. are not working there.<br>
[[File:Bot approved.png | center]]
<br><br>
==Facebook widget=====How to add SimplyBook.me widget to your Facebook fan page===
<br>
:1.You can add [https://simplybook.me SimplyBook.me] functionality to Facebook fan page (only to fan page, it can't be connected to your personal page) in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Bookings on Webpage or Facebook</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Facebook booking widget</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Apply & add to facebook</span> -> choose the page to attach [https://simplybook.me Simplybook] to.
[[File:Rename tab.png | center]]
<br><br>
===How to remove Facebook widget from my Facebook page?===
<br>
On your Facebook fan page go to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span>(upper bar) -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Templates and tabs</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">SimplyBook.me appointments</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> press <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Off</span> near <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">[https://simplybook.me Simplybook] app</span> to remove this tab and save settings.
[[File:Remove tab Facebook.png | center]]
<br><br>
===Facebook widget is not visible from mobiles===
<br>
:Unfortunately, Facebook does not show third-party apps from mobiles. Your clients need to access desktop version to book from Facebook.
<br>
===I cannot change the email when book from Facebook===
<br>
:When you use Facebook widget, the [https://simplybook.me system] perceives a customer as Facebook user and uses his/her data to fill in the details. Thus, by default it uses email under which Facebook is registered. Unfortunately, it is not in our competency to change this, you can try contacting Facebook support to clarify this issue.
<br>