{"_id":"5845a4a99f6fbb1b004307fc","user":"55bf6cdcad601c2b00762d13","__v":0,"category":{"_id":"5845a4a89f6fbb1b004307bd","project":"54d3007669578e0d002730c9","__v":0,"version":"5845a4a89f6fbb1b004307b7","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","version":{"_id":"5845a4a89f6fbb1b004307b7","project":"54d3007669578e0d002730c9","__v":2,"createdAt":"2016-12-05T17:32:24.708Z","releaseDate":"2016-12-05T17:32:24.708Z","categories":["5845a4a89f6fbb1b004307b8","5845a4a89f6fbb1b004307b9","5845a4a89f6fbb1b004307ba","5845a4a89f6fbb1b004307bb","5845a4a89f6fbb1b004307bc","5845a4a89f6fbb1b004307bd","5845a4a89f6fbb1b004307be","5845a4a89f6fbb1b004307bf","5845a4a89f6fbb1b004307c0","592deb23644f060f008e5aa6"],"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-06-21T12:37:47.396Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":3,"body":"Web Demo allows you to publicly share your agent with others through a custom webpage.\n\nIn your agent, go to [**Integrations**](https://console.api.ai/api-client/#/agent//integrations) in the left side menu and click the switch in the Web Demo tile to enable the integration.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/511bb06-001-web-demo.png\",\n        \"001-web-demo.png\",\n        853,\n        402,\n        \"#fafafa\"\n      ],\n      \"sizing\": \"full\"\n    }\n  ]\n}\n[/block]\nClick on the Web Demo tile to open the settings. Here you'll see the URL for the generate web page where you can use your agent.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/94b483e-002-web-demo.png\",\n        \"002-web-demo.png\",\n        824,\n        619,\n        \"#474e5e\"\n      ]\n    }\n  ]\n}\n[/block]\nClick on the gear icon in the message box. This will take you to your agent's settings where you can provide an agent avatar and a short description in your agent's settings.\n\nNote: If you've already provided an avatar and description, this message won't be shown.\n\nThe last section includes the code you can use to add your agent to a website.\n\nHere’s what your Web Demo page might look like:\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/a03e20c-003-web-demo.png\",\n        \"003-web-demo.png\",\n        951,\n        776,\n        \"#2d3945\"\n      ],\n      \"sizing\": \"full\"\n    }\n  ]\n}\n[/block]\nBesides sharing the URL to your agent's demo page, you can:\n- **Embed** the agent in your own website\n- **Email** the link \n- **Share** your agent via social networks","excerpt":"","slug":"apiai-web-demo","type":"basic","title":"API.AI Web Demo"}
Web Demo allows you to publicly share your agent with others through a custom webpage. In your agent, go to [**Integrations**](https://console.api.ai/api-client/#/agent//integrations) in the left side menu and click the switch in the Web Demo tile to enable the integration. [block:image] { "images": [ { "image": [ "https://files.readme.io/511bb06-001-web-demo.png", "001-web-demo.png", 853, 402, "#fafafa" ], "sizing": "full" } ] } [/block] Click on the Web Demo tile to open the settings. Here you'll see the URL for the generate web page where you can use your agent. [block:image] { "images": [ { "image": [ "https://files.readme.io/94b483e-002-web-demo.png", "002-web-demo.png", 824, 619, "#474e5e" ] } ] } [/block] Click on the gear icon in the message box. This will take you to your agent's settings where you can provide an agent avatar and a short description in your agent's settings. Note: If you've already provided an avatar and description, this message won't be shown. The last section includes the code you can use to add your agent to a website. Here’s what your Web Demo page might look like: [block:image] { "images": [ { "image": [ "https://files.readme.io/a03e20c-003-web-demo.png", "003-web-demo.png", 951, 776, "#2d3945" ], "sizing": "full" } ] } [/block] Besides sharing the URL to your agent's demo page, you can: - **Embed** the agent in your own website - **Email** the link - **Share** your agent via social networks