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