| Line 81: |
Line 81: |
| | | | |
| | <br><br> | | <br><br> |
| − | =Facebook chat bot=
| |
| − |
| |
| − | <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>
| |
| − | Contact support for more details.</span>
| |
| − | <br><br>
| |
| − | :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 path newcf.png | border| center]]
| |
| − | <br><br>
| |
| − | :2. You will see its settings on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">the right side of the page</span>
| |
| − | [[File:Facebook bot settings path newcf.png | border| center]]
| |
| − | <br><br>
| |
| − | :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 | border| center]]
| |
| − | <br><br>
| |
| − | :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 | border| center]]
| |
| − | <br><br>
| |
| − | :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:Facebook add new app create.png | border| center]]
| |
| − | <br><br>
| |
| − | :6. Add all basic information about your company and application, required links, an icon for the application as well as GDPR related information if necessary in <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Settings</span> -> <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Basic.</span>
| |
| − | [[File:Fb bot add basic details.png | border| center]]
| |
| − | <br><br>
| |
| − | :7. 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 | border| center]]
| |
| − | <br><br>
| |
| − | :8. 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:Facebook select messenger.png | border| center]]
| |
| − | <br><br>
| |
| − | :9. Under the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Access Tokens</span> section, choose one of your Facebook business pages or create a new one.
| |
| − | [[File:Facebook select or create page.png | border| center]]
| |
| − | <br><br>
| |
| − | :10. Click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Generate token</span> button, check token generation warning and copy the token code.
| |
| − | [[File:Facebook generate token.png|border|center]]
| |
| − | <br><br>
| |
| − | [[File:Facebook copy token.png|border|center]]
| |
| − | <br><br>
| |
| − | :11. Paste the token into SimplyBook.me <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Facebook Bot feature</span> settings.
| |
| − | [[File:Facebook bot insert token.png|border|center]]
| |
| − | <br><br>
| |
| − | :12. Click the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Add Callback URL</span> button under the <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Webhooks</span> section and paste <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:Facebook bot copy token and url.png | border| center]]
| |
| − | <br><br>
| |
| − | [[File:Facebook webhooks paste token and url.png|border|center]]
| |
| − | <br><br>
| |
| − | :13. Hit <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Add subscriptions</span>, select <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> in the popup. Save.
| |
| − | [[File:Facebook webhooks add subscriptions select.png|border|center]]
| |
| − | <br><br>
| |
| − | :14. Proceed to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">App review</span> section and click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Add to submission</span> in front of pages_messaging API.
| |
| − | [[File:Facebook add to submission pages messaging.png|border|center]]
| |
| − | <br><br>
| |
| − | :15. Scroll down to <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Current submission</span> section and click on <span style="background-color:#d4f8e5; padding:5px; border-radius:5px;">Add details</span> link.
| |
| − | [[File:Fb bot submission step 1.png|border|center]]
| |
| − | <br><br>
| |
| − | :16. In the popup that appears provide the details according to the following example.
| |
| − | [[File:Facebook_items_for_submission.png|border|center]]
| |
| − | <br><br>
| |
| − | :Screencast example [[File:Youtube-Logo.png|link=https://www.youtube.com/watch?v=JeBF41JElW4&feature=youtu.be]]
| |
| − | <br><br>
| |
| − | :17. Submit your app for review.
| |
| − | [[File:Fb bot submission step 3.png | border|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 | border| center]]
| |
| − | <br><br>
| |
| − | :You can add users here:
| |
| − | [[File:Facebook add test users.png|border|center]]
| |
| − | :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 | border| center]]
| |
| − | <br><br>
| |
| − |
| |
| | =Facebook widget= | | =Facebook widget= |
| | ==How to add SimplyBook.me widget to your Facebook fan page== | | ==How to add SimplyBook.me widget to your Facebook fan page== |
