Difference between revisions of "Bookings on Facebook"

From SimplyBook.me
Line 54: Line 54:
: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-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]]
:For this integration type the theme you have set for the booking site will be applied.

Revision as of 13:20, 11 December 2019

Facebook and Instagram Bookings Custom Feature

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 need to adjust the styling please use Custom CSS feature.

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.

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-8 below to add Book button that will lead the customers to your booking site:
Insta setup.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-5 below to remove Book button:
Insta button removal.png

Call-to-action button for Facebook fan page

1. Go to your Page’s cover photo and click + Add a Button

Fb add button.png
M add booking button step 2 new.png

2. Choose your call-to-action, then select Link to website option and enter the URL for your booking site.

Fb book now option.png

3. Click on Finish and you will get the button Book Now as a result, so that your clients will be able to click on it, go to your booking site and book your services.
Add booking button result.png
M add booking button result.png

Facebook chat bot

Please note! Facebook bot works in English only and provides only basic functionality, so for example payments, client login, memberships, approve bookings, etc. are not working there.
Contact support for more details.

1. Enable Facebook Bot custom feature on your Custom Features page.
Facebook bot enable v3.png

2. Choose Settings near it to see basic instructions.
Facebook bot settings path.png

3. Log into the Facebook Developer Console.
Facebook developers login new.png

4. Click on My Apps in the upper right-hand corner and choose to Add a New App"
Fb create new app.png

5. Enter a name and contact email address and click on Create App ID.
Create new app id new.png

6. On the next page you will see scenarios. Please skip this step.
Fb bot skip step.png

7. Add all basic information about your company and bot, required links, an icon as well as GDPR related information if necessary.
Fb bot add basic details.png

8. Then please click on + near Products on the left-side.
Fb bot products path.png

9. Scroll the page you see a little bit and click the Set Up button for the Messenger option.
Fb bot messenger path.png

10. Under the Token Generation section, choose one of your Facebook pages, copy the token you get.
Fb bot token copy.png

If you see the following error while selecting the page you may need to edit the permissions.
Fb bot error permissions.png

Permission steps facebook.png

11. Then Page Access Token will be generated. Enter it in Simplybook.me Facebook bot settings.
Fb bot token paste.png

12. Click the Setup Webhooks button under the Webhooks section and enter Callback URL and Verify token copied from SimplyBook.me Facebook Bot feature settings.
Fb bot setup webhooks.png

13. Check the messages and messaging_postbacks options under Subscription Fields.
Fb bot setup webhooks step 2.png

14. Click Verify and Save button.
15. Scroll to App Review for Messenger block, select the first option pages_messaging and add the details requested there.
Pages messaging add.png

Fb bot submission step 1.png

16. Complete the steps you see in the pop-up.(the steps may be changed by Facebook with time)
Fb but submit for review.png

17. Submit your app for review.
Fb bot submission step 3.png

18. You can also make your app live for approved users to test.
It will become available to all your page visitors after Facebook approval.
Fb bot make app public.png

19. It may take some time for Facebook to approve your application and your clients will be able to book using the chat bot.
Here you can see how approved request will look like
Bot approved.png

Facebook widget

How to add SimplyBook.me widget to your Facebook fan page

1.You can add SimplyBook.me functionality to Facebook fan page (only to fan page, it can't be connected to your personal page) in Settings -> Bookings on Webpage or Facebook -> Facebook booking widget -> Apply & add to facebook -> choose the page to attach Simplybook to.

Facebook widget path v3.png

2. After you connected SimplyBook.me to Facebook fan page, it is listed in the left-side menu of the page under the photo of your company.

Simplybook tab on facebook.png

You can press Settings -> Templates and tabs and make SimplyBook.me more visible for clients by dragging and dropping it higher in the list.

Facebook reorder.png

3. You may need to change the title Simplybook.me appointments to something else. For this, on your Facebook fan page go to Settings(upper bar) -> Templates and tabs -> SimplyBook.me appointments -> Settings -> Edit settings -> Custom tab name.

Facebook rename tab 2.png

Rename tab.png

How to remove Facebook widget from my Facebook page?

On your Facebook fan page go to Settings(upper bar) -> Templates and tabs -> SimplyBook.me appointments -> Settings -> press Off near Simplybook app to remove this tab and save settings.

Remove tab Facebook.png

Facebook widget is not visible from mobiles

Unfortunately, Facebook does not show third-party apps from mobiles. Your clients need to access desktop version to book from Facebook.

I cannot change the email when book from Facebook

When you use Facebook widget, the 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.