Custom Features: Difference between revisions

Line 557:

Do you wish to add automated booking functionality to your ~~facebook~~ fan page? Now it is possible with brand new Facebook bot custom feature.

Do you wish to add automated booking functionality to your Facebook fan page? Now it is possible with brand new Facebook bot custom feature.

'''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.

'''Please note!''' Facebook bot works in English only and provides only basic functionality, so for example [[Accept_payments_custom_feature|payments]], [[Client_Login_custom_feature|client login]], [[Membership_custom_feature|memberships]], [[Approve_Bookings_custom_feature|approve bookings]], etc. are not working there.

~~;How to use~~

Contact support for more details.

:1. Enable "Facebook Bot~~" Custom~~ feature on your Custom Features page

:1. Enable Facebook Bot custom feature on your Custom Features page.

[[File:Facebook bot enable v3.png | center]]

:2. Choose "Settings" near it to see basic instructions.

:2. Choose Settings near it to see basic instructions.

[[File: Facebook bot settings path.png | center]]

:3. Log into the [https://developers.facebook.com/ Facebook Developer Console].

:3. Log into the [https://developers.facebook.com/ Facebook Developer Console].

[[File:Facebook developers login new.png | center]]

: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:Fb create new app.png | center]]

: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:Create new app id new.png | center]]

Line 584:

[[File:Fb bot add basic details.png | center]]

:8. Then please click on "+" ~~near~~ "Products" on the left-side.

:8. Then please click on + near Products on the left-side.

[[File:Fb bot products path.png | center]]

: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 Set Up button for the Messenger option.

[[File:Fb bot messenger path.png | center]]

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

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

[[File:Fb bot token copy.png | center]]

: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]]

[[File:Permission steps facebook.png |border|center]]

:11. Then Page Access Token will be generated. Enter it in Simplybook.me Facebook bot settings.

[[File:Fb bot token paste.png | center]]

:12. Click the Setup Webhooks button under the Webhooks section and enter Callback URL and Verify token.

: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.

[[File:Fb bot setup webhooks.png | center]]

:13. Check the messages and messaging_postbacks options under Subscription Fields.

:13. Check the messages and messaging_postbacks options under Subscription Fields.

[[File:Fb bot setup webhooks step 2.png | center]]

:14. Click "Verify and Save" button.

: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.

: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]]

[[File:Fb bot submission step 1.png | center]]

: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]]

:17. Submit your app for review.

@@ 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>
-'''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]]
 <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]]
 <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]]
 <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]]
 <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]]
 <br><br>
@@ Line 584: / Line 584: @@
 [[File:Fb bot add basic details.png | center]]
 <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]]
 <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]]
 <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]]
 <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]]
 <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]]
 <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]]
 <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]]
 <br><br>
 [[File:Fb bot submission step 1.png | center]]
 <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>
 :17. Submit your app for review.