9,514
edits
Changes
Marked this version for translation
<languages/>
<translate>
</translate>
{{#seo:
{{#seo:
|title=Facebook and Instagram Bookings - SimplyBook.me
|title=Facebook and Instagram Bookings - SimplyBook.me
|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, additional functionality, facebook booking, instagram booking, bookings on facebook, bookings on instagram, bookings on social networks
|keywords=faq, frequently asked questions, booking software, appointment system questions, appointments online, calendar software, booking system, booking calendar, scheduling software, online appointment scheduling, online scheduling, plugins, custom features, additional functionality, facebook booking, instagram booking, bookings on facebook, bookings on instagram, bookings on social networks
}}
}}
<translate>
<!--T:1-->
[[File:Facebook business icon.png|left]]
[[File:Facebook business icon.png|left]]
<br><br>
<br><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;">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;">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>
*<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;">[[Special:MyLanguage/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;">[[Special:MyLanguage/Facebook_Pixel_Custom_Feature|Facebook Pixel]]</span> custom feature.</span><br>
<br><br>
<br><br>
:'''Video tutorial available '''[[File:Youtube-Logo.png|link=https://www.youtube.com/watch?v=9o5fJkZD384&feature=youtu.be]]
<br><br>
<br><br>
__TOC__
__TOC__
==How to add and use booking option to Facebook/Instagram business page==
==How to add and use booking option to Facebook/Instagram business page== <!--T:2-->
<!--T:3-->
<br><br>
<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.
: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.
:(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>
:and <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Book</span> button will automatically appear there)
: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]]
[[File:Facebook and insta new steps.png|border|center]]
<br><br>
<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>
: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>
[[File:Fb client side services.png|border|center]]
:(the representation options depend on your Facebook business page)
[[File:Facebook and insta new result.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:Facebook and insta new add booking to post.png|border|center]]
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
<br><br>
==How to remove Book button from Facebook/Instagram pages==
==How to remove Book button from Facebook/Instagram pages== <!--T:4-->
<!--T:5-->
<br><br>
<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.
: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.
<br><br>
<br><br>
:2. Click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Logout</span> 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 and insta new logout.png|border|center]]
<br><br>
<br><br>
==How to add and use booking option on Instagram only== <!--T:6-->
==How to add and use booking option on Instagram only==
<!--T:7-->
<br><br>
<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.
:1. Open your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Instagram</span> mobile application and login to your business page.
:2. Navigate to your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">profile</span> 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 <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Book</span> button that will lead the customers to your booking site:
: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:Insta setup.png|border|center]]
[[File:Edit profile path to add.png|border|center]]
<br><br>
<br><br>
<br><br>
<br><br>
==How to remove Book option from Instagram business page==
==How to remove Book option from Instagram business page== <!--T:8-->
<!--T:9-->
<br><br>
<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>
: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:
:Follow the steps 1-4 below to remove <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Book</span> button:
[[File:Insta button removal.png|border|center]]
[[File:Edit profile path to remove upd.png|border|center]]
<br><br>
<br><br>
<br><br>
<br><br>
</translate>