How to create a Chatbot with API Plug?

API Plug
After getting some info about chatbots, now it’s time to create a chatbot with API PLUG.

Lets start;

  1. If you don’t have an API PLUG account you can click here to create one for free, or login from this link.
  2. Click to Add New Chatbot Project button on your API PLUG dashboard and start a new chatbot project.API Plug Dashboard
  3. Enter some details about your new project and click to  Create Bot button. If you need to change these information later, you could find Bot Settings button on your project page.
  4. After creating your new bot project you will see your chatbot project details page. You could find stats, settings, conversation history and storyboard list in this page.API Plug Chatbot Details
  5. Click to the blue Edit Storyboard button and you will see automatically generated sample blocks for your chatbot.API Plug Chatbot Storyboard
  6. Click to the edit button on the first Send Message Action Block. Then edit message field then click to Save button to save and close this dialog.Mesaj Gönder
  7. As a second step click to the edit button on second Wait Response Block. In this dialog you will see the information gathering & action groups parts. You can select information type and label for the answer. Also you can set validation for this information. Then on the action groups part select the keywords for routing conversation to other blocks or storyboards. The action names are just for visualisation on storyboard view you can set anything which reminds you the keyword group.
  8.  Then your storyboard will look like this below. Now it is time to route the bot according to the answers. As we stated above we have 2 different action groups. API Plug automatically creates a “other” route too. If any other keywords doesn’t match then conversation will continue from this “other” route.apiplug_storyboard
  9. If you pull little blue circle under the yes action you can create a new action block for this route. Apply the same thing to the no route too.
  10. If your visitor tells another keyword than you have defined, then bot will continue through other route. This time you could help your visitor by using quick reply buttons. To do this pull the blue circle under the other route then select action type as “send quick reply” then add quick reply buttons.apiplug_quickreply
  11. After saving Quick Reply Action block connect that block again to Wait Response block to continue conversation.
    Konusma Ağacı

Congratulations you have created your first chatbot. Now you can test it and the publish to your web page & Facebook page.

Chatbot Demo

To test your chatbot click on the Chatbot Live Demo button on storyboard. At any time you can type Start Over to reset the conversation and start from beginning. If you like you can change these keywords from bot settings page.

Canlı Demo

Also you could get Demo Page Link from Chatbot Live Demo box at bot details page.


Chatbot Web Widget & Facebook Messenger Bot

Currently you have two options for publishing your bot.

Facebook Messenger Bot

You can click to the FB Messenger Settings button on chatbot details page and login with a FB user who has the admin privileges of the page you want to publish.

After FB login it will show you the pages that you have admin privilege. Select the page your want to publish and thats all. Your chatbot is ready & live on your Facebook Page.

At anytime you can click to Disconnect button to deactivate your chatbot.

Web Widget

If you have a website you could click to Web Widget Settings  button and get all neccesary JS code to place on your web page. You can customize look of your web widget with this page.

After changing settings and test it with preview button you can copy the code inside Web Widget Embed Code box to the place on your web page.

As you see it is really easy to create a chatbot in minutes without coding. You can extend your chatbots conversation as long as you want. If you need more advanced integrations you could connect to your API’s with our webhooks. You can read webhooks documentation from here.

You can reach us from  [email protected] for any questions.

Leave a comment

Leave a Reply

Your email address will not be published. Required fields are marked *