{"id":851,"date":"2017-07-19T18:43:14","date_gmt":"2017-07-19T16:43:14","guid":{"rendered":"https:\/\/capturly.com\/blog\/?p=851"},"modified":"2023-09-21T17:02:48","modified_gmt":"2023-09-21T15:02:48","slug":"create-a-simple-working-chat-bot-in-2-hours","status":"publish","type":"post","link":"https:\/\/capturly.com\/blog\/create-a-simple-working-chat-bot-in-2-hours\/","title":{"rendered":"Design your Chatbot User Experience From SCRATCH"},"content":{"rendered":"<section class=\"section section--body\">\n<div class=\"section-divider\"><em>There\u2019s a lot of buzz around chatbots lately. In fact, some claim that it\u2019s the next big boom in the world of UX. <a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/techcrunch.com\/2017\/03\/29\/facebook-group-bots\/\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/techcrunch.com\/2017\/03\/29\/facebook-group-bots\/\"><strong class=\"markup--strong markup--p-strong\">Facebook launched its platform for Messenger<\/strong><\/a>, that people consider as an \u201cinformation <\/em>bot<em>\u201d rather than a chatbot. <a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/www.theverge.com\/2016\/3\/24\/11297050\/tay-microsoft-chatbot-racist\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/www.theverge.com\/2016\/3\/24\/11297050\/tay-microsoft-chatbot-racist\"><strong class=\"markup--strong markup--p-strong\">Twitter users even managed to \u201ccorrupt\u201d Microsoft\u2019s innocent AI chatbot<\/strong><\/a> in less than 24 hours.<\/em><\/div>\n<div class=\"section-content\">\n<div class=\"section-inner sectionLayout--insetColumn\">\n<p class=\"graf graf--p\">However, that\u2019s not why you are here at the moment because these are just secondary pieces of information in this article. After some research, I decided to test myself in a challenge. My goal was to design and set up a working <a href=\"https:\/\/acquire.io\/chatbot\/\">chatbot for business<\/a> purposes in less than 2 hours.<\/p>\n<blockquote class=\"graf graf--blockquote\"><p>In order to demonstrate the true potential and scalability of this technology I stuck with one rule.<\/p><\/blockquote>\n<blockquote>\n<p class=\"graf graf--p\">The project must not require any prior experience in coding!<\/p>\n<\/blockquote>\n<p class=\"graf graf--p\"><strong class=\"markup--strong markup--p-strong\">If you stick around, you will learn:<\/strong><\/p>\n<ul class=\"postList\">\n<li class=\"graf graf--li\">what core UX practices should you \u00a0involve<\/li>\n<li class=\"graf graf--li\">what tools you need to create a simple bot on your own<\/li>\n<\/ul>\n<blockquote class=\"graf graf--pullquote\"><p>Let\u2019s get\u00a0started.<\/p><\/blockquote>\n<h2 class=\"graf graf--h4\">About the\u00a0project<\/h2>\n<p class=\"graf graf--p\">One of the huge benefits of having a bot is that you can frame it as <a href=\"https:\/\/www.forbes.com\/sites\/ajagrawal\/2017\/05\/25\/bot-hype-how-to-use-chatbots-to-get-more-leads-for-your-site\/#34a4321f24c1\">a decent automated customer service equipment<\/a>. It can be a <a href=\"https:\/\/capturly.com\/\">great addition to your conversion optimization toolbox<\/a>. I decided to create a simple chatbot that would allow customers to view the menu and book tables in a few steps. This would also mean that the business \u2014 let\u2019s name it Barnie\u2019s Restaurant \u2014 could automatize these processes. Having a nifty little feature like this can lead to increase customer experience.<\/p>\n<p class=\"graf graf--p\">The two basic tools I\u2019ve used creating the chatbot:<\/p>\n<ul class=\"postList\">\n<li class=\"graf graf--li\">a whiteboard and some markers<\/li>\n<li class=\"graf graf--li\">a bot building platform<\/li>\n<\/ul>\n<p class=\"graf graf--p\"><a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/chatbotsmagazine.com\/how-to-develop-a-chatbot-from-scratch-62bed1adab8c\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/chatbotsmagazine.com\/how-to-develop-a-chatbot-from-scratch-62bed1adab8c\"><strong class=\"markup--strong markup--p-strong\">There are plenty of them<\/strong><\/a> out there to choose from and you can easily pick one that fits your purpose the most. I went with Motion AI. It has some nice templates and pre built modules ready to deploy. The UX is great and it offers a smooth, convenient experience overall even if you&#8217;ve never done anything like this or have no programming experience so far. In other words, it&#8217;s not just user- but also very beginner-friendly. Another good platform I would recommend is Chatfuel since it&#8217;s also very user-friendly. Botsify is great too, but it can be overwhelming for newcomers at the beginning.<\/p>\n<h2 class=\"graf graf--h4\">The design\u00a0process:<\/h2>\n<figure class=\"graf graf--figure\"><img decoding=\"async\" loading=\"lazy\" class=\"graf-image aligncenter\" src=\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*agU9_hcwty27p9isABGX1Q.jpeg\" alt=\"The design\u00a0process\" width=\"800\" height=\"523\" data-image-id=\"1*agU9_hcwty27p9isABGX1Q.jpeg\" data-width=\"1817\" data-height=\"1189\" \/><\/figure>\n<p style=\"text-align: center;\"><em>Figure 1.<\/em><\/p>\n<h4 class=\"graf graf--h4\">Step 1.<\/h4>\n<p class=\"graf graf--p graf--hasDropCapModel graf--hasDropCap\"><span class=\"graf-dropCap\">B<\/span>efore jumping into the actual design process I always like to work my way around the problem itself. When people hear the word \u201cproblem\u201d, they usually think of something wrong. I like to think of problems <strong>as questions that need answers<\/strong>. Some can be easy to answer while others can be challenging. At this point you should decide the following:<\/p>\n<ul class=\"postList\">\n<li class=\"graf graf--li\"><em class=\"markup--em markup--li-em\">What is the main problem, what do I expect by solving it?<\/em><\/li>\n<\/ul>\n<p class=\"graf graf--p\">If you can\u2019t answer this question, the next thing you should decide is the why? Is it because of complexity or not?<\/p>\n<ul class=\"postList\">\n<li class=\"graf graf--li\"><a href=\"http:\/\/dmeforpeace.org\/discuss\/determining-level-complexity-simple-complicated-complex\"><em class=\"markup--em markup--li-em\">How complex is the problem?<\/em><\/a><\/li>\n<li class=\"graf graf--li\"><em class=\"markup--em markup--li-em\">Do I REALLY need a chatbot?<\/em><\/li>\n<\/ul>\n<p class=\"graf graf--p\">It might sound funny but it\u2019s important to ask this question. You have to make clear that you have at least one reason to invest resources into the project.<\/p>\n<h4 class=\"graf graf--h4\">Step 2.<\/h4>\n<p class=\"graf graf--p\">Make sure you&#8217;ve gathered enough data about the users. Not only the quantity matters but quality insights are also required to answer the following question:<\/p>\n<ul class=\"postList\">\n<li class=\"graf graf--li\"><em class=\"markup--em markup--li-em\">What describes my users\/customers the most?<\/em><\/li>\n<\/ul>\n<p class=\"graf graf--p\">If you are familiar with the world of User Experience Design, <a href=\"https:\/\/medium.theuxblog.com\/the-ux-what-now-41c6e7fdff31\">the term \u201cPersona\u201d<\/a> should ring a bell.\u00a0In case it doesn&#8217;t, there\u2019s no need to panic \u2013 it\u2019s not rocket science.<\/p>\n<ul class=\"postList\">\n<li class=\"graf graf--li\"><em class=\"markup--em markup--li-em\">What personality would correlate the best with the Personas?<\/em><\/li>\n<\/ul>\n<p class=\"graf graf--p\">In the example of Barnie\u2019s little assistant Nom-Nom Bot, I decided to go with a slightly informal tone.<\/p>\n<h4 class=\"graf graf--h4 graf--hasDropCapModel\">Step 3.<\/h4>\n<p class=\"graf graf--p\">This is the part where the magic happens, the actual design flow. If you look at the whiteboard it might look like a big mess at first but the core elements are easy to spot.<\/p>\n<figure class=\"graf graf--figure\"><img decoding=\"async\" loading=\"lazy\" class=\"graf-image aligncenter\" src=\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*7mIJHfbIE7A9TELnXOaASQ.jpeg\" alt=\"how to do a website design flow\" width=\"798\" height=\"524\" data-image-id=\"1*7mIJHfbIE7A9TELnXOaASQ.jpeg\" data-width=\"2400\" data-height=\"1574\" \/><\/figure>\n<p style=\"text-align: center;\"><em>Figure 2.<\/em><\/p>\n<h2 class=\"graf graf--h4\">Things to keep in mind during planning:<\/h2>\n<h4 class=\"graf graf--p\"><strong class=\"markup--strong markup--p-strong\">1. Avoid wall of texts<\/strong>:<\/h4>\n<p class=\"graf graf--p\">No need for long introductions about how awesome your company is. That\u2019s why you have an &#8216;About&#8217; page on your site. If you really insist on introducing it, make a separate option for it.<\/p>\n<blockquote class=\"graf graf--pullquote\"><p>This isn\u2019t a book\u00a0club.<\/p><\/blockquote>\n<p class=\"graf graf--p\">Introduce the bot in a polite way, <a class=\"markup--anchor markup--p-anchor\" href=\"https:\/\/uxdesign.cc\/the-three-laws-of-interaction-design-11912c4bf5dc\" target=\"_blank\" rel=\"noopener\" data-href=\"https:\/\/uxdesign.cc\/the-three-laws-of-interaction-design-11912c4bf5dc\"><strong class=\"markup--strong markup--p-strong\">keep it short, clean and don\u2019t waste time<\/strong><\/a>.<\/p>\n<blockquote class=\"graf graf--pullquote graf--startsWithDoubleQuote\"><p>\u201c<strong class=\"markup--strong markup--pullquote-strong\"><em class=\"markup--em markup--pullquote-em\">A computer shall not waste your time or require you to do more work than is strictly necessary.\u201d\u200a<\/em><\/strong>\u2014\u200aJef\u00a0Raskin<\/p><\/blockquote>\n<h4 class=\"graf graf--p\"><strong class=\"markup--strong markup--p-strong\">2. Offer only what you can fulfill:<\/strong><\/h4>\n<p class=\"graf graf--p\">Don\u2019t try to pretend that your bot is a human because this will create a false illusion, which misleads\u00a0your users\/customers and instinctively increases their expectations.<\/p>\n<p class=\"graf graf--p\">At the beginning, my greeting was followed by this statement:<\/p>\n<blockquote class=\"graf graf--blockquote\"><p>I\u2019m Barnie\u2019s assistant, Nom-Nom Bot!<\/p><\/blockquote>\n<p class=\"graf graf--p\">This simple statement will make it clear to the user that s\/he is talking to a chatbot. Don&#8217;t even try to go fancy and name it &lt;something&gt; AI because this will automatically trigger unwanted conversations that have nothing to do with your business.<\/p>\n<h4 class=\"graf graf--p\"><strong class=\"markup--strong markup--p-strong\">3. Provide fearless exploration:<\/strong><\/h4>\n<p class=\"graf graf--p\">Think of your chatbot as if it was an app that the users want to explore. During the exploration, they click\/tap on things sometimes just out of curiosity. The worst you can do is not providing a way back thus making them feel that they might regret the next step.<\/p>\n<p class=\"graf graf--p\">In the Nom-Nom Bot project, I decided to let the visitor navigate around freely by letting him know that going back is an option indeed.<\/p>\n<figure class=\"graf graf--figure\"><img decoding=\"async\" class=\"graf-image aligncenter\" src=\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*vKrsGnUqxvVvfM68B3aIqA.gif\" data-image-id=\"1*vKrsGnUqxvVvfM68B3aIqA.gif\" data-width=\"300\" data-height=\"534\" \/><\/figure>\n<p style=\"text-align: center;\"><em>Figure 3.<\/em><\/p>\n<h5 class=\"graf graf--p\"><strong class=\"markup--strong markup--p-strong\">4. Optimize for mobile<\/strong>:<\/h5>\n<p class=\"graf graf--p\">You might think that you have plenty of space to fit information in but nothing is more annoying than a stuffed small screen that you have to scroll through. If you compare figure 3 with figure 4 you can see the difference.<\/p>\n<figure class=\"graf graf--figure\"><img decoding=\"async\" loading=\"lazy\" class=\"graf-image aligncenter\" src=\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*IXgNrv5oktywjpmMCArD8g.gif\" alt=\"how to optimize chatbots for mobile\" width=\"600\" height=\"573\" data-image-id=\"1*IXgNrv5oktywjpmMCArD8g.gif\" data-width=\"600\" data-height=\"573\" \/><\/figure>\n<p style=\"text-align: center;\"><em>Figure 4.<\/em><\/p>\n<p><button style=\"background-color: #25b2fa; color: #ffffff; width: 290px; height: 60px; border-radius: 50px; outline: transparent; padding: 8px; border: none; font-size: 0.9em; font-family: Quicksand, Arial, sans-serif; cursor: pointer; display: block; margin: 0px auto; text-align: center;\" type=\"button\"><strong>CHECK IF I&#8217;M OPTIMIZED<\/strong><\/button><\/p>\n<h4 class=\"graf graf--p\"><strong class=\"markup--strong markup--p-strong\">5. Have common answers ready<\/strong>:<\/h4>\n<p class=\"graf graf--p\">The less they have to type, the faster and smoother the flow will be.<\/p>\n<figure class=\"graf graf--figure\"><img decoding=\"async\" class=\"graf-image aligncenter\" src=\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*X1w_HCMKlvoGONQMiGE6lQ.jpeg\" data-image-id=\"1*X1w_HCMKlvoGONQMiGE6lQ.jpeg\" data-width=\"545\" data-height=\"340\" \/><\/figure>\n<p style=\"text-align: center;\"><em>Figure 5.<\/em><\/p>\n<h4 class=\"graf graf--p\"><strong class=\"markup--strong markup--p-strong\">6. Provide a way of exit:<\/strong><\/h4>\n<p class=\"graf graf--p\">A common practice in business etiquette and protocol is offering the guest a seat that provides a clear view over the room\u2019s exit. The psychology behind this practice is that the guest\u2019s position gives him\/her the option to leave, building up trust and comfort at the same time.. Needless to say that this applies also to the world of UX and a good designer keeps this in mind.<\/p>\n<figure class=\"graf graf--figure\"><img decoding=\"async\" loading=\"lazy\" class=\"graf-image aligncenter\" src=\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*2N2AJ-ECLtcg07CR_nT73g.jpeg\" alt=\" Provide a way of exit on an e-commerce website\" width=\"776\" height=\"474\" data-image-id=\"1*2N2AJ-ECLtcg07CR_nT73g.jpeg\" data-width=\"776\" data-height=\"474\" \/><\/figure>\n<p style=\"text-align: center;\"><em>Figure 6.<\/em><\/p>\n<h4 class=\"graf graf--p\"><strong class=\"markup--strong markup--p-strong\">+1 Always thank them:<\/strong><\/h4>\n<p class=\"graf graf--p\">They might go through the whole process or back right away as soon as they see that it\u2019s a chatbot. It doesn\u2019t matter at this point if they leave with a confirmation process or not, one thing is for sure:<\/p>\n<blockquote class=\"graf graf--pullquote graf--startsWithDoubleQuote\"><p>\u201cYou MUST thank\u00a0them.\u201d<\/p><\/blockquote>\n<figure class=\"graf graf--figure\"><img decoding=\"async\" loading=\"lazy\" class=\"graf-image aligncenter\" src=\"https:\/\/cdn-images-1.medium.com\/max\/800\/1*gnAcijDjkBN7_pCpxbAtaA.jpeg\" alt=\"say thank you to your customer\" width=\"800\" height=\"187\" data-image-id=\"1*gnAcijDjkBN7_pCpxbAtaA.jpeg\" data-width=\"800\" data-height=\"187\" \/><\/figure>\n<p style=\"text-align: center;\"><em>Figure 7.<\/em><\/p>\n<h3 class=\"graf graf--h4\">Conclusion:<\/h3>\n<p class=\"graf graf--p\">If you have ever considered that you might need a chatbot, well, I have good news. With some very basic tools and a little bit of investment, you can make yourself and your business a real favor by <a href=\"https:\/\/www.engati.com\/blog\/create-whatsapp-chatbot\">creating a chatbot<\/a>. The growing hype around AI will make this reasonably fresh technology future-proof.<\/p>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"section section--body\">\n<div class=\"section-divider\">\n<hr class=\"section-divider\" \/>\n<\/div>\n<div class=\"section-content\"><\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>There\u2019s a lot of buzz around chatbots lately. In fact, some claim that it\u2019s the next big boom in the world of UX. Facebook launched its platform for Messenger, that people consider as an \u201cinformation bot\u201d rather than a chatbot. Twitter users even managed to \u201ccorrupt\u201d Microsoft\u2019s innocent AI chatbot in less than 24 hours.<\/p>\n","protected":false},"author":5,"featured_media":1048,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[23,20,29,10,11,9,15,43],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Design your Chatbot User Experience From SCRATCH - Capturly Blog<\/title>\n<meta name=\"description\" content=\"Chatbots are the next big boom in the world of UX. Learn how to design and set up a working chatbot from scratch for business purposes in less than 2 hours.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/capturly.com\/blog\/create-a-simple-working-chat-bot-in-2-hours\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Design your Chatbot User Experience From SCRATCH - Capturly Blog\" \/>\n<meta property=\"og:description\" content=\"Chatbots are the next big boom in the world of UX. Learn how to design and set up a working chatbot from scratch for business purposes in less than 2 hours.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/capturly.com\/blog\/create-a-simple-working-chat-bot-in-2-hours\/\" \/>\n<meta property=\"og:site_name\" content=\"Capturly Blog\" \/>\n<meta property=\"article:published_time\" content=\"2017-07-19T16:43:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-21T15:02:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2017\/07\/Webp.net-resizeimage-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"450\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Sophie\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sophie\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/capturly.com\/blog\/create-a-simple-working-chat-bot-in-2-hours\/\",\"url\":\"https:\/\/capturly.com\/blog\/create-a-simple-working-chat-bot-in-2-hours\/\",\"name\":\"Design your Chatbot User Experience From SCRATCH - Capturly Blog\",\"isPartOf\":{\"@id\":\"https:\/\/capturly.com\/blog\/#website\"},\"datePublished\":\"2017-07-19T16:43:14+00:00\",\"dateModified\":\"2023-09-21T15:02:48+00:00\",\"author\":{\"@id\":\"https:\/\/capturly.com\/blog\/#\/schema\/person\/d2fa9a6984d3c94b27710eb3307d4cdc\"},\"description\":\"Chatbots are the next big boom in the world of UX. Learn how to design and set up a working chatbot from scratch for business purposes in less than 2 hours.\",\"breadcrumb\":{\"@id\":\"https:\/\/capturly.com\/blog\/create-a-simple-working-chat-bot-in-2-hours\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/capturly.com\/blog\/create-a-simple-working-chat-bot-in-2-hours\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/capturly.com\/blog\/create-a-simple-working-chat-bot-in-2-hours\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/capturly.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Design your Chatbot User Experience From SCRATCH\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/capturly.com\/blog\/#website\",\"url\":\"https:\/\/capturly.com\/blog\/\",\"name\":\"Capturly Blog\",\"description\":\"Optimize your website\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/capturly.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/capturly.com\/blog\/#\/schema\/person\/d2fa9a6984d3c94b27710eb3307d4cdc\",\"name\":\"Sophie\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/capturly.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/211636dc42cdb9c80a0ea48309f82b5e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/211636dc42cdb9c80a0ea48309f82b5e?s=96&d=mm&r=g\",\"caption\":\"Sophie\"},\"url\":\"https:\/\/capturly.com\/blog\/author\/sophie\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Design your Chatbot User Experience From SCRATCH - Capturly Blog","description":"Chatbots are the next big boom in the world of UX. Learn how to design and set up a working chatbot from scratch for business purposes in less than 2 hours.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/capturly.com\/blog\/create-a-simple-working-chat-bot-in-2-hours\/","og_locale":"en_US","og_type":"article","og_title":"Design your Chatbot User Experience From SCRATCH - Capturly Blog","og_description":"Chatbots are the next big boom in the world of UX. Learn how to design and set up a working chatbot from scratch for business purposes in less than 2 hours.","og_url":"https:\/\/capturly.com\/blog\/create-a-simple-working-chat-bot-in-2-hours\/","og_site_name":"Capturly Blog","article_published_time":"2017-07-19T16:43:14+00:00","article_modified_time":"2023-09-21T15:02:48+00:00","og_image":[{"width":600,"height":450,"url":"https:\/\/capturly.com\/blog\/wp-content\/uploads\/2017\/07\/Webp.net-resizeimage-1.jpg","type":"image\/jpeg"}],"author":"Sophie","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Sophie","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/capturly.com\/blog\/create-a-simple-working-chat-bot-in-2-hours\/","url":"https:\/\/capturly.com\/blog\/create-a-simple-working-chat-bot-in-2-hours\/","name":"Design your Chatbot User Experience From SCRATCH - Capturly Blog","isPartOf":{"@id":"https:\/\/capturly.com\/blog\/#website"},"datePublished":"2017-07-19T16:43:14+00:00","dateModified":"2023-09-21T15:02:48+00:00","author":{"@id":"https:\/\/capturly.com\/blog\/#\/schema\/person\/d2fa9a6984d3c94b27710eb3307d4cdc"},"description":"Chatbots are the next big boom in the world of UX. Learn how to design and set up a working chatbot from scratch for business purposes in less than 2 hours.","breadcrumb":{"@id":"https:\/\/capturly.com\/blog\/create-a-simple-working-chat-bot-in-2-hours\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/capturly.com\/blog\/create-a-simple-working-chat-bot-in-2-hours\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/capturly.com\/blog\/create-a-simple-working-chat-bot-in-2-hours\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/capturly.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Design your Chatbot User Experience From SCRATCH"}]},{"@type":"WebSite","@id":"https:\/\/capturly.com\/blog\/#website","url":"https:\/\/capturly.com\/blog\/","name":"Capturly Blog","description":"Optimize your website","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/capturly.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/capturly.com\/blog\/#\/schema\/person\/d2fa9a6984d3c94b27710eb3307d4cdc","name":"Sophie","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/capturly.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/211636dc42cdb9c80a0ea48309f82b5e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/211636dc42cdb9c80a0ea48309f82b5e?s=96&d=mm&r=g","caption":"Sophie"},"url":"https:\/\/capturly.com\/blog\/author\/sophie\/"}]}},"_links":{"self":[{"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/posts\/851"}],"collection":[{"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/comments?post=851"}],"version-history":[{"count":23,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/posts\/851\/revisions"}],"predecessor-version":[{"id":9700,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/posts\/851\/revisions\/9700"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/media\/1048"}],"wp:attachment":[{"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/media?parent=851"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/categories?post=851"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/capturly.com\/blog\/wp-json\/wp\/v2\/tags?post=851"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}