Difference between revisions of "Facebook and Instagram Bookings"

From SimplyBook.me
(5 intermediate revisions by the same user not shown)
Line 15: Line 15:
 
*<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 or upgrade to Premium plan.</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>
 
<br><br>
 
<br><br>
 
<br><br>
 
<br><br>
Line 64: Line 65:
 
: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>
 
:For this integration type the theme you have set for the booking site will be applied.
 
 
<br><br>
 
<br><br>
 
<br><br>
 
<br><br>
Line 73: Line 72:
 
<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>

Revision as of 12:44, 24 July 2020


Facebook business icon.png



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.



Please note!

  • It is possible to connect booking option to Facebook Business and Instagram Business pages. This functionality cannot be added to a personal page.
  • The booking option is not shown on desktop Instagram version and can be used via mobile apps only.
  • 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 Custom CSS adjustments.
  • The widget look may differ depending on Facebook preferences for different devices and applications





How to add and use booking option to Facebook/Instagram business page



1. Enable Facebook & Instagram Bookings custom feature on your Custom Features page.
Facebook and insta bookings enable path.png



2. Login to your Facebook/Instagram business account(s) in another browser tab.



3. Go back to SimplyBook.me interface and click on Settings near Facebook & Instagram Bookings.
Facebook and insta bookings settings path.png



4. Click on Connect with Facebook button on the page you see.
Facebook and insta bookings settings overview.png



5. You will be redirected to Facebook interface to manage the permissions and connection to SimplyBook.me.
Please follow the steps 1-5 displayed below.
(If you have Instagram business profile connected to your Facebook business page you will be able to connect it there as well
and Book button will automatically appear there)
Facebook permisions setup.png



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.
Fb client side services.png



7. You can also add booking option to your Facebook page posts so that the customers will be able to quickly book your services.
Fb adding bookings to post.png









How to remove Book button from Facebook/Instagram pages



1. Navigate to Custom Features -> Facebook & Instagram Bookings -> Settings on SimplyBook.me side.
boredr



2. Click on Logout at the top of the page.
Facebook logout.png



3. You will be redirected to Facebook interface, where you just need to check the box with SimplyBook.me and select Remove option.
Facebook remove simplybook.png



How to add and use booking option on Instagram only



1. Open your Instagram mobile application and login to your business page.



2. Navigate to your profile and select to edit it.



3. Follow the steps 1-10 below to add Book button that will lead the customers to your booking site:
Edit profile path to add.png





How to remove Book option from Instagram business page



1. Open your Instagram mobile application and navigate to editing your profile.
Follow the steps 1-4 below to remove Book button:
Edit profile path to remove upd.png