{"__v":0,"_id":"5845a4a99f6fbb1b00430805","category":{"version":"5845a4a89f6fbb1b004307b7","project":"54d3007669578e0d002730c9","_id":"5845a4a89f6fbb1b004307bd","__v":0,"sync":{"url":"","isSync":false},"reference":false,"createdAt":"2016-07-08T18:48:02.369Z","from_sync":false,"order":5,"slug":"integrations","title":"Integrations"},"parentDoc":null,"project":"54d3007669578e0d002730c9","user":"55bf6cdcad601c2b00762d13","version":{"__v":1,"_id":"5845a4a89f6fbb1b004307b7","project":"54d3007669578e0d002730c9","createdAt":"2016-12-05T17:32:24.708Z","releaseDate":"2016-12-05T17:32:24.708Z","categories":["5845a4a89f6fbb1b004307b8","5845a4a89f6fbb1b004307b9","5845a4a89f6fbb1b004307ba","5845a4a89f6fbb1b004307bb","5845a4a89f6fbb1b004307bc","5845a4a89f6fbb1b004307bd","5845a4a89f6fbb1b004307be","5845a4a89f6fbb1b004307bf","5845a4a89f6fbb1b004307c0"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"25.0.0","version":"25"},"updates":[],"next":{"pages":[],"description":""},"createdAt":"2016-04-28T05:41:20.924Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":10,"body":"* [Overview](#overview)\n* [Video](#video)\n* [Creating Your Kik Bot](#creating-your-kik-bot)\n* [Integrating API.AI Agent with Kik Bot](#integrating-apiai-agent-with-kik-bot)\n* [Testing Your Bot](#testing-your-bot)\n* [Hosting Your Bot on Other Server](#hosting-your-bot-on-other-server)\n* [Related Documentation](#related-documentation)\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Overview\"\n}\n[/block]\n**API.AI Kik integration** allows you to easily create <a href=\"https://www.kik.com/\" target=\"_blank\">Kik</a> bots with natural language understanding based on the API.AI technology.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Video\"\n}\n[/block]\nWatch the video about how to integrate your API.AI agent with Kik. You can also follow the steps described in the documentation [below](#creating-your-kik-bot).\n[block:embed]\n{\n  \"html\": \"<iframe class=\\\"embedly-embed\\\" src=\\\"//cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FlGp6ztjy3xQ%3Ffeature%3Doembed&url=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DlGp6ztjy3xQ&image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FlGp6ztjy3xQ%2Fhqdefault.jpg&key=02466f963b9b4bb8845a05b53d3235d7&type=text%2Fhtml&schema=youtube\\\" width=\\\"640\\\" height=\\\"480\\\" scrolling=\\\"no\\\" frameborder=\\\"0\\\" allowfullscreen></iframe>\",\n  \"url\": \"https://www.youtube.com/watch?v=lGp6ztjy3xQ&feature=youtu.be\",\n  \"title\": \"Build Kik bots with Api.ai\",\n  \"favicon\": \"https://s.ytimg.com/yts/img/favicon-vflz7uhzw.ico\",\n  \"image\": \"https://i.ytimg.com/vi/lGp6ztjy3xQ/hqdefault.jpg\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Creating Your Kik Bot\"\n}\n[/block]\nOn your computer, go to the Kik Bot Dashboard: <a href=\"https://dev.kik.com\" target=\"_blank\">https://dev.kik.com</a>\n\nOpen your Kik app on your mobile device. Go to Settings > Your Kik Code and tap on the camera image to scan the code. Point the camera at the round area with the Kik code you see on the webpage. \n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/wisVL2wtQsq7tugmVXnk_Kik-scan-code.png\",\n        \"Kik-scan-code.png\",\n        \"4488\",\n        \"2085\",\n        \"#44b3e4\",\n        \"\"\n      ],\n      \"sizing\": \"full\"\n    }\n  ]\n}\n[/block]\nAfter the code has been successfully scanned, the Botsworth will open on your mobile device with a suggestion to set a username for your new Kik bot. Insert the name and tap ‘Yes’.\n\nOn your computer, after you’ve been automatically logged in, select Configuration from the top menu. \n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/jZzWy86PSfqQhi9PKdIc_Kik-config-key.png\",\n        \"Kik-config-key.png\",\n        \"2304\",\n        \"1290\",\n        \"#8435fb\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Integrating API.AI Agent with Kik Bot\"\n}\n[/block]\n<a href=\"https://console.api.ai/api-client/#/newAgent\" target=\"_blank\">Create a new API.AI agent</a> or go to the agent you’ve already created. \n\nIn the left side menu, select Integrations and enable Kik integration. \n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/SGpnyfRVenfKZI9I7jgg_Kik-integration-enable.png\",\n        \"Kik-integration-enable.png\",\n        \"2064\",\n        \"1038\",\n        \"#2c9be0\",\n        \"\"\n      ],\n      \"sizing\": \"full\"\n    }\n  ]\n}\n[/block]\nInsert your Kik bot username and paste the Kik API Key you’ve copied on your Kik bot settings page. Click ‘Start’ to launch your Kik bot.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/Y990DzZoT36YrkofUMVP_Kik-integration-settings.png\",\n        \"Kik-integration-settings.png\",\n        \"2224\",\n        \"1308\",\n        \"#695cc8\",\n        \"\"\n      ],\n      \"sizing\": \"full\"\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Testing Your Bot\"\n}\n[/block]\nOn your Kik app main page, click the ‘Search’ button to open the list of chats and select your new bot from the list.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/gZRcxBFTTRWamDjmhwVO_Kik_home.png\",\n        \"Kik_home.png\",\n        \"480\",\n        \"767\",\n        \"#1f8d6d\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nNow you can chat with your new bot!\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/5AYkS3CYTSx4aJCVhf7y_Kik_bot_testing.png\",\n        \"Kik_bot_testing.png\",\n        \"480\",\n        \"766\",\n        \"#409cfc\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Hosting Your Bot on Other Server\"\n}\n[/block]\nYou can clone <a href=\"https://github.com/api-ai/apiai-nodejs-client/tree/master/samples/kik\">our repository from GitHub</a> and host your Kik bot on your own server.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Related Documentation\"\n}\n[/block]\n* <a href=\"https://docs.api.ai/docs/kik-webhook-integration-example\" target=\"_blank\">Kik + Webhook integration example (how to send pictures)</a>","excerpt":"","slug":"kik-integration","type":"basic","title":"Kik Integration"}
* [Overview](#overview) * [Video](#video) * [Creating Your Kik Bot](#creating-your-kik-bot) * [Integrating API.AI Agent with Kik Bot](#integrating-apiai-agent-with-kik-bot) * [Testing Your Bot](#testing-your-bot) * [Hosting Your Bot on Other Server](#hosting-your-bot-on-other-server) * [Related Documentation](#related-documentation) [block:api-header] { "type": "basic", "title": "Overview" } [/block] **API.AI Kik integration** allows you to easily create <a href="https://www.kik.com/" target="_blank">Kik</a> bots with natural language understanding based on the API.AI technology. [block:api-header] { "type": "basic", "title": "Video" } [/block] Watch the video about how to integrate your API.AI agent with Kik. You can also follow the steps described in the documentation [below](#creating-your-kik-bot). [block:embed] { "html": "<iframe class=\"embedly-embed\" src=\"//cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Fwww.youtube.com%2Fembed%2FlGp6ztjy3xQ%3Ffeature%3Doembed&url=http%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DlGp6ztjy3xQ&image=https%3A%2F%2Fi.ytimg.com%2Fvi%2FlGp6ztjy3xQ%2Fhqdefault.jpg&key=02466f963b9b4bb8845a05b53d3235d7&type=text%2Fhtml&schema=youtube\" width=\"640\" height=\"480\" scrolling=\"no\" frameborder=\"0\" allowfullscreen></iframe>", "url": "https://www.youtube.com/watch?v=lGp6ztjy3xQ&feature=youtu.be", "title": "Build Kik bots with Api.ai", "favicon": "https://s.ytimg.com/yts/img/favicon-vflz7uhzw.ico", "image": "https://i.ytimg.com/vi/lGp6ztjy3xQ/hqdefault.jpg" } [/block] [block:api-header] { "type": "basic", "title": "Creating Your Kik Bot" } [/block] On your computer, go to the Kik Bot Dashboard: <a href="https://dev.kik.com" target="_blank">https://dev.kik.com</a> Open your Kik app on your mobile device. Go to Settings > Your Kik Code and tap on the camera image to scan the code. Point the camera at the round area with the Kik code you see on the webpage. [block:image] { "images": [ { "image": [ "https://files.readme.io/wisVL2wtQsq7tugmVXnk_Kik-scan-code.png", "Kik-scan-code.png", "4488", "2085", "#44b3e4", "" ], "sizing": "full" } ] } [/block] After the code has been successfully scanned, the Botsworth will open on your mobile device with a suggestion to set a username for your new Kik bot. Insert the name and tap ‘Yes’. On your computer, after you’ve been automatically logged in, select Configuration from the top menu. [block:image] { "images": [ { "image": [ "https://files.readme.io/jZzWy86PSfqQhi9PKdIc_Kik-config-key.png", "Kik-config-key.png", "2304", "1290", "#8435fb", "" ] } ] } [/block] [block:api-header] { "type": "basic", "title": "Integrating API.AI Agent with Kik Bot" } [/block] <a href="https://console.api.ai/api-client/#/newAgent" target="_blank">Create a new API.AI agent</a> or go to the agent you’ve already created. In the left side menu, select Integrations and enable Kik integration. [block:image] { "images": [ { "image": [ "https://files.readme.io/SGpnyfRVenfKZI9I7jgg_Kik-integration-enable.png", "Kik-integration-enable.png", "2064", "1038", "#2c9be0", "" ], "sizing": "full" } ] } [/block] Insert your Kik bot username and paste the Kik API Key you’ve copied on your Kik bot settings page. Click ‘Start’ to launch your Kik bot. [block:image] { "images": [ { "image": [ "https://files.readme.io/Y990DzZoT36YrkofUMVP_Kik-integration-settings.png", "Kik-integration-settings.png", "2224", "1308", "#695cc8", "" ], "sizing": "full" } ] } [/block] [block:api-header] { "type": "basic", "title": "Testing Your Bot" } [/block] On your Kik app main page, click the ‘Search’ button to open the list of chats and select your new bot from the list. [block:image] { "images": [ { "image": [ "https://files.readme.io/gZRcxBFTTRWamDjmhwVO_Kik_home.png", "Kik_home.png", "480", "767", "#1f8d6d", "" ] } ] } [/block] Now you can chat with your new bot! [block:image] { "images": [ { "image": [ "https://files.readme.io/5AYkS3CYTSx4aJCVhf7y_Kik_bot_testing.png", "Kik_bot_testing.png", "480", "766", "#409cfc", "" ] } ] } [/block] [block:api-header] { "type": "basic", "title": "Hosting Your Bot on Other Server" } [/block] You can clone <a href="https://github.com/api-ai/apiai-nodejs-client/tree/master/samples/kik">our repository from GitHub</a> and host your Kik bot on your own server. [block:api-header] { "type": "basic", "title": "Related Documentation" } [/block] * <a href="https://docs.api.ai/docs/kik-webhook-integration-example" target="_blank">Kik + Webhook integration example (how to send pictures)</a>