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