Difference between revisions of "Bookings on Facebook"

From SimplyBook.me
Line 54: Line 54:
 
==How to use Facebook Chat bot==
 
==How to use Facebook Chat bot==
 
<br><br>
 
<br><br>
''Please note!'' Facebook bot provides only basic functionality, so for example payments, client login, memberships, approve bookings, etc are not working there.<br>
+
'''Please note!''' Facebook bot provides only basic functionality, so for example payments, client login, memberships, approve bookings, etc are not working there.<br>
 
Contact support for more details.
 
Contact support for more details.
 
<br><br>
 
<br><br>
Line 64: Line 64:
 
<br><br>
 
<br><br>
 
:3. Log into the [https://developers.facebook.com/ Facebook Developer Console].  
 
:3. Log into the [https://developers.facebook.com/ Facebook Developer Console].  
[[File: Login to facebook developer.png | center]]
+
[[File:Facebook developers login new.png | center]]
 
<br><br>
 
<br><br>
 
:4. Click on My Apps in the upper right-hand corner and choose to "Add a New App"
 
:4. Click on My Apps in the upper right-hand corner and choose to "Add a New App"
[[File:Create app in facebook.png | center]]
+
[[File:Fb create new app.png | center]]
 
<br><br>
 
<br><br>
 
:5. Enter a name and contact email address and click on "Create App ID".
 
:5. Enter a name and contact email address and click on "Create App ID".
[[File:App id.png | center]]
+
[[File:Create new app id new.png | center]]
 
<br><br>
 
<br><br>
:6. On the next page, click the "Set Up" button for the Messenger option.
+
:6. On the next page you will see scenarios. Please skip this step.
[[File:Select messenger.png | center]]
+
[[File:Fb bot skip step.png | center]]
 
<br><br>
 
<br><br>
:7. Under the Token Generation section, choose one of your Facebook pages.
+
:7. Add all basic information about your company and bot, required links, an icon as well as GDPR related information if necessary.
[[File:Token settings new.png | center]]
+
[[File:Fb bot add basic details.png | center]]
 
<br><br>
 
<br><br>
:8. This will generate a Page Access Token. Enter it in Simplybook.me Facebook bot settings.
+
:8. Then please click on "+" near "Products" on the left-side.
[[File:Facebook bot setup.png | center]]
+
[[File:Fb bot products path.png | center]]
 
<br><br>
 
<br><br>
:9. Click the Setup Webhooks button under the Webhooks section and enter Callback URL and Verify token.
+
:9. Scroll the page you see a little bit and click the "Set Up" button for the Messenger option.
[[File:Webhooks.png | center]]  
+
[[File:Fb bot messenger path.png | center]]
 
<br><br>
 
<br><br>
:10. Check the messages and messaging_postbacks options under Subscription Fields.
+
:10. Under the Token Generation section, choose one of your Facebook pages, copy the token you get.
[[File:Screenshot from 2018-02-01 17-21-16.png | center]]
+
[[File:Fb bot token copy.png | center]]
 
<br><br>
 
<br><br>
:11. Click the Verify and Save button.
+
:11. This will generate a Page Access Token. Enter it in Simplybook.me Facebook bot settings.
:12. Scroll to “App Review for Messenger” block, select the first option “pages_messaging” and add the details requested there.
+
[[File:Fb bot token paste.png | center]]
[[File:Review settings.png | center]]
 
 
<br><br>
 
<br><br>
:13. After you save settings please go to Settings//Basic, add icon for your app and privacy policy link.
+
:12. Click the Setup Webhooks button under the Webhooks section and enter Callback URL and Verify token.
[[File:Basic settings.png | center]]
+
[[File:Fb bot setup webhooks.png | center]]  
 
<br><br>
 
<br><br>
:14. And you are done! In 5 business days Facebook will approve your application and your clients will be able to book using the chat bot.
+
:13. Check the messages and messaging_postbacks options under Subscription Fields.
<br>Here you can see how approved requestt will look like<br>
+
[[File:Fb bot setup webhooks step 2.png | center]]
 +
<br><br>
 +
: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.
 +
[[File:Pages messaging add.png | center]]
 +
<br><br>
 +
[[File:Fb bot submission step 1.png | center]]
 +
<br><br>
 +
:16. You can use the same details as on this image.
 +
[[File:Fb bot submission step 2.png | center]]
 +
<br><br>
 +
:17. Submit your app for review.
 +
[[File:Fb bot submission step 3.png | center]]
 +
<br><br>
 +
: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.
 +
[[File:Fb bot make app public.png | center]]
 +
<br><br>
 +
: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<br>
 
[[File:Bot approved.png | center]]
 
[[File:Bot approved.png | center]]
 
<br><br>
 
<br><br>

Revision as of 07:37, 6 February 2019



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//Save settings and connect facebook page// choose the page to attach Simplybook to.


Facebook widget path.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//Edit page and make SimplyBook.me more visible for clients by dragging and dropping to 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)//Edit page//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)//Edit page//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.


How to add SimplyBook.me to your Facebook fan page as call-to-action button



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


Add button.png



2. Choose your call-to-action, and enter the URL for your booking site.


Create button 2.png

Add link2.png





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



How to use Facebook Chat bot



Please note! Facebook bot 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



11. This will generate a Page Access Token. 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.
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. You can use the same details as on this image.
Fb bot submission step 2.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