Integration via Facebook Messenger

In this post we show you how to connect aiaibot to Facebook Messenger. To follow these instructions, you will need an account on facebook.com. Your profile should also be connected to a Facebook page. 

If you don't have a Facebook account or your profile is not connected to a page and you need help, explanations are available at the following links:

Please also note that the data entered via Facebook Messenger can leave Switzerland and the Europe zone.

Connection to Facebook

For aiaibot to send and receive messages via Facebook Messenger, we first need to connect your aiaibot project to your Facebook page. It’s quite a simple procedure:

  1. Log in to Facebook
  2. Ensure that you can log in to Facebook and access the Facebook page we are about to connect to aiaibot through your account.
  3. Go to your project settings
  4. You can find the settings in your project under the Bildschirmfoto_2020-06-09_um_13.17.30.png Settings item.
  5.  project_overiew_2.png
  6. You can then find all settings for your chatbot under the Chatbot tab.
  7.  settings_chatbot.png
  8. Connect your project to your Facebook page
  9. You can connect aiaibot to your Facebook page under Integrations Messenger.
  10.  messenger_connect.png
  11. Give aiaibot access to a page you are allowed to manage
  12. If you have not yet logged in to your Facebook account at this point, you can do so in the window that opens. If you are already logged in, you can continue with your user. You can then select which page you want to connect to your project in the dialog. In our example it looks something like this:
  13.  fb_anmeldung_nachricht.png
  14. Important: Please select only one Facebook page. 
  15. If you manage multiple pages with your account, multiple Facebook pages may be listed. However, a project can only connect to one Facebook page. If you would like a bot on another page as well, please create a new project in aiaibot.
  16. Allow access via aiaibot
  17. The next step is to authorise aiaibot to do the following: 
    1. aiaibot can manage your site. This is required in order for us to link your project to your site.
    2. aiaibot can manage and access conversations on your site. This is required in order for us to send stories created by you via your Facebook Messenger channel. 
    3. berechtigungen_aiaibot_fb_messenger.png
    4.  Confirm and complete
    5. Congratulations! Once you’ve confirmed the configuration with Done and Facebook has confirmed the connection, your Facebook page will be displayed in our settings as follows:messenger_connect.png
    6. You can now run stories from your project on your Facebook page through your Facebook Messengerchannel. We show exactly how this works in the next section:

 

Creating a Facebook chatbot

 

This section assumes that you have successfully completed all steps under Connecting aiaibot to Facebook.

  1. Create a story in your project
  2. Create a new story in your project and select Facebook as the channel.
  3.  fb_story_chatbot.png
  4. You can now work in the story as usual. Instructions for this can be found here.
  5. Testing with Facebook
  6. Once we have saved, published and set the story to active, we can test the integration on our Facebook page. In our example it would look something like this:
  7.  ezgif.com-optimize.gif

Important: Since a Facebook page has only one chat window, only one story can be active. If you want to switch to a different story, you can simply deactivate the active story and set the new one to active.

Was this article helpful?
3 out of 3 found this helpful