Changes

From SimplyBook.me
no edit summary
Line 557: Line 557:       −
Do you wish to add automated booking functionality to your facebook fan page? <br>Now it is possible with brand new Facebook bot custom feature.  
+
Do you wish to add automated booking functionality to your Facebook fan page? <br>Now it is possible with brand new Facebook bot custom feature.  
 
<br><br>
 
<br><br>
'''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.<br>
+
<br><br>
Contact support for more details. <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>
;How to use
+
Contact support for more details.</span>
 
+
<br><br>
:1. Enable "Facebook Bot" Custom feature on your Custom Features page  
+
:1. Enable <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Facebook Bot</span> custom feature on your <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Custom Features</span> page.
 
[[File:Facebook bot enable v3.png | center]]
 
[[File:Facebook bot enable v3.png | center]]
 
<br><br>
 
<br><br>
:2. Choose "Settings" near it to see basic instructions.
+
:2. Choose <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> near it to see basic instructions.
 
[[File: Facebook bot settings path.png | center]]
 
[[File: Facebook bot settings path.png | center]]
 
<br><br>
 
<br><br>
:3. Log into the [https://developers.facebook.com/ Facebook Developer Console].  
+
:3. Log into the <span style="background-color:#cdeffc; padding:5px; border-radius:5px;">[https://developers.facebook.com/ Facebook Developer Console]. </span>
 
[[File:Facebook developers login new.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 <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">My Apps</span> in the upper right-hand corner and choose to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Add a New App"</span>
 
[[File:Fb create new app.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 <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Create App ID.</span>
 
[[File:Create new app id new.png | center]]
 
[[File:Create new app id new.png | center]]
 
<br><br>
 
<br><br>
Line 584: Line 584:  
[[File:Fb bot add basic details.png | center]]
 
[[File:Fb bot add basic details.png | center]]
 
<br><br>
 
<br><br>
:8. Then please click on "+" near "Products" on the left-side.
+
:8. Then please click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">+</span> near <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Products</span> on the left-side.
 
[[File:Fb bot products path.png | center]]
 
[[File:Fb bot products path.png | center]]
 
<br><br>
 
<br><br>
:9. Scroll the page you see a little bit and click the "Set Up" button for the Messenger option.
+
:9. Scroll the page you see a little bit and click the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Set Up</span> button for the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Messenger</span> option.
 
[[File:Fb bot messenger path.png | center]]
 
[[File:Fb bot messenger path.png | center]]
 
<br><br>
 
<br><br>
:10. Under the Token Generation section, choose one of your Facebook pages, copy the token you get.
+
:10. Under the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Token Generation</span> section, choose one of your Facebook pages, copy the token you get.
 
[[File:Fb bot token copy.png | center]]
 
[[File:Fb bot token copy.png | center]]
 
<br><br>
 
<br><br>
:11. This will generate a Page Access Token. Enter it in Simplybook.me Facebook bot settings.
+
:If you see the following error while selecting the page you may need to edit the permissions.
 +
[[File:Fb bot error permissions.png | border|center]]
 +
<br><br>
 +
[[File:Permission steps facebook.png |border|center]]
 +
<br><br>
 +
:11. Then <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Page Access Token</span> will be generated. Enter it in Simplybook.me <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Facebook bot settings.</span>
 
[[File:Fb bot token paste.png | center]]
 
[[File:Fb bot token paste.png | center]]
 
<br><br>
 
<br><br>
:12. Click the Setup Webhooks button under the Webhooks section and enter Callback URL and Verify token.
+
:12. Click the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Setup Webhooks</span> button under the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Webhooks</span> section and enter <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Callback URL</span> and <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Verify token</span> copied from SimplyBook.me <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Facebook Bot feature settings.</span>
 
[[File:Fb bot setup webhooks.png | center]]  
 
[[File:Fb bot setup webhooks.png | center]]  
 
<br><br>
 
<br><br>
:13. Check the messages and messaging_postbacks options under Subscription Fields.
+
:13. Check the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">messages</span> and <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">messaging_postbacks</span> options under <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Subscription Fields.</span>
 
[[File:Fb bot setup webhooks step 2.png | center]]
 
[[File:Fb bot setup webhooks step 2.png | center]]
 
<br><br>
 
<br><br>
:14. Click "Verify and Save" button.
+
:14. Click <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Verify and Save</span> button.
:15. Scroll to “App Review for Messenger” block, select the first option “pages_messaging” and add the details requested there.
+
:15. Scroll to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">App Review for Messenger</span> block, select the first option <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">pages_messaging</span> and add the details requested there.
 
[[File:Pages messaging add.png | center]]
 
[[File:Pages messaging add.png | center]]
 
<br><br>
 
<br><br>
 
[[File:Fb bot submission step 1.png | center]]
 
[[File:Fb bot submission step 1.png | center]]
 
<br><br>
 
<br><br>
:16. You can use the same details as on this image.
+
:16. Complete the steps you see in the pop-up.(the steps may be changed by Facebook with time)
[[File:Fb bot submission step 2.png | center]]
+
[[File:Fb but submit for review.png | center]]
 
<br><br>
 
<br><br>
 
:17. Submit your app for review.
 
:17. Submit your app for review.