Line 538: |
Line 538: |
| | | |
| :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 path.png | center]] | + | [[File:Facebook bot enable v3.png | center]] |
| <br><br> | | <br><br> |
| :2. Choose "Settings" near it to see basic instructions. | | :2. Choose "Settings" near it to see basic instructions. |
− | [[File:Facebook bot settings path v3.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 [https://developers.facebook.com/ Facebook Developer Console]. |
− | [[File: Facebook developer console 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 My Apps in the upper right-hand corner and choose to "Add a New App" |
− | [[File:Facebook developer console 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 "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 settings v3.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”, add it to submisson,<br>
| + | [[File:Fb bot token paste.png | center]] |
− | : then choose "Add details" and fill in the fields as on the following image on the pop-up that appears.
| |
− | [[File:Review settings.png | center]] | |
| <br><br> | | <br><br> |
− | :13. After you save settings please go to Settings//Basic, add icon for your app, privacy policy link, select category and business use. | + | :12. Click the Setup Webhooks button under the Webhooks section and enter Callback URL and Verify token. |
− | [[File:Facebook basic settings.png | center]] | + | [[File:Fb bot setup webhooks.png | center]] |
| <br><br> | | <br><br> |
− | :14. And you are done! You will receive notification as soon as Facebook approves your application your clients will be able to book using the chat bot. | + | :13. Check the messages and messaging_postbacks options under Subscription Fields. |
| + | [[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]] |
| <br><br> | | <br><br> |
| ------- | | ------- |