ChatBot Visual Builder - Build Chatbots Without Coding

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>ChatBot Visual Builder - Build Chatbots Without Coding</title> <meta name="description" content="Create conversational bots with no coding. Automate your customer communication effectively using a UX-friendly, AI-fueled visual building tool. Start now!"> <link rel="canonical" href="https://www.chatbot.com/features/visual-builder/"> <script type="application/ld+json"> { "@context": "https://schema.org", "@graph": [{"@context":"https://schema.org","@type":"Organization","address":[{"@type":"PostalAddress","addressCountry":"US","addressLocality":"Boston","addressRegion":"Massachusetts","postalCode":"02110","streetAddress":"101 Arch Street, 8th Floor"},{"@type":"PostalAddress","addressCountry":"PL","addressLocality":"Wroc艂aw","addressRegion":"dolno艣l膮skie","postalCode":"53-033","streetAddress":"Zwyci臋ska 47"}],"brand":"ChatBot","contactPoint":{"@type":"ContactPoint","areaServed":"Worldwide","availableLanguage":"English","contactType":"Customer Support"},"name":"Text, Inc.","sameAs":["https://www.facebook.com/livechat","https://www.instagram.com/livechat/","https://www.linkedin.com/company/livechat/","https://www.pinterest.com/livechat/","https://x.com/TextPlatform","https://www.wikidata.org/wiki/Q6658155","https://en.wikipedia.org/wiki/Text_(company)","https://www.youtube.com/@text_official"],"subOrganization":{"name":"ChatBot","sameAs":["https://www.facebook.com/chatbotcom","https://www.linkedin.com/showcase/chatbotcom/","https://www.producthunt.com/posts/chatbot-2","https://twitter.com/ChatBotCom","https://www.wikidata.org/wiki/Q113127602","https://en.wikipedia.org/wiki/ChatBot","https://www.youtube.com/@chatbotcom"],"url":"https://www.chatbot.com"},"url":"https://www.chatbot.com/"}] } </script> <link rel="icon" href="/favicon.ico"> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="ChatBot Visual Builder - Build Chatbots Without Coding" /> <meta property="og:description" content="Create conversational bots with no coding. Automate your customer communication effectively using a UX-friendly, AI-fueled visual building tool. Start now!" /> <meta property="og:url" content="https://www.chatbot.com/features/visual-builder/" /> <meta property="og:site_name" content="ChatBot" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:description" content="Create conversational bots with no coding. Automate your customer communication effectively using a UX-friendly, AI-fueled visual building tool. Start now!" /> <meta name="twitter:title" content="ChatBot Visual Builder - Build Chatbots Without Coding" /> <meta name="twitter:site" content="@Chatbotcom" /> <script src="https://cdn.livechatinc.com/partners/tracking/track.js" async></script> <script> scrollOffsetFunction = function() { var navElements = document.getElementsByClassName("c-navbar"); if (typeof navElements[0] !== "undefined") { var navRect = navElements[0].getBoundingClientRect(); var navStyle = getComputedStyle(navElements[0]); if (navStyle.position === "sticky" || navStyle.position === "fixed") { return navRect.bottom - navRect.top + 30; } } return 0; } </script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NQCSXSR');</script> <link rel="preload" as="style" href="/dist/css/main.c27902b1e794c8227e23bde554511512a9aab1d65e6b82063e2d173be1649ce9.css"> <link rel="stylesheet" href="/dist/css/main.c27902b1e794c8227e23bde554511512a9aab1d65e6b82063e2d173be1649ce9.css"> </head> <body class=""><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NQCSXSR" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <aside class="u-border-b u-border-gray-900 c-productbar "> <div class="u-flex u-justify-center u-items-center"> <p class="b--u-text-2xs u-text-gray-500 b--u-my-1.5 b--u-mr-3 b--lg:u-mr-6">Discover <a href="https://text.com/?utm_source=livechat.com&utm_medium=referral&utm_campaign=productbar" target="_blank" class="c-productbar c-productbar__name b--u-text-2xs b--u-text-bold u-hover-none" data-tooltip="Learn more about <strong>text|</strong>" data-placement="bottom" data-z-index="100000" data-controller="track tippy" data-track-category="Product Bar" data-track-action="Clicked on Text" data-action="click->track#send">text|</a> products:</p> <a href="https://www.livechat.com/?utm_source=livechat.com&utm_medium=referral&utm_campaign=productbar" target="_blank" rel="noopener" class="c-productbar c-productbar__livechat u-flex u-flex-row u-items-center u-hover-none b--u-mr-3 b--lg:u-mr-6" style="height: min-content;" data-tooltip="Connect with customers" data-placement="bottom" data-z-index="100000" data-controller="track tippy" data-track-category="Product Bar" data-track-action="Clicked on LiveChat" data-action="click->track#send"> <svg width="16" height="16" fill="none" style="margin-right: 4px;" xmlns="http://www.w3.org/2000/svg"> <path d="M15.2 10c-.1.9-.5 1.8-1.2 2.4-.7.7-1.5 1-2.5 1h-2L5.7 16v-2.6l3.8-2.6h2c.3 0 .6 0 .8-.3.2-.2.4-.5.4-.8v-6l-.3-.7a1 1 0 00-.7-.3 63.2 63.2 0 00-8.1 0 1 1 0 00-.7.4c-.2.1-.3.4-.3.7-.2 2-.2 4 0 6 0 .3.1.5.3.7.3.2.5.3.8.3h2v2.6h-2c-.9 0-1.8-.3-2.4-1C.6 11.8.2 11 0 10 0 8 0 5.7 0 3.5c0-.8.5-1.7 1-2.3.7-.6 1.5-1 2.3-1a57 57 0 018.4 0c.9 0 1.7.4 2.3 1 .6.6 1 1.5 1 2.4.2 2 .2 4.2 0 6.3z" fill="#C6C6CA"/> </svg> <p class="b--u-text-2xs u-mb-0"> <span class="c-productbar__name">LiveChat</span></p> </a> <a href="https://www.helpdesk.com/?utm_source=livechat.com&utm_medium=referral&utm_campaign=productbar" target="_blank" rel="noopener" class="c-productbar c-productbar__helpdesk u-flex u-flex-row u-items-center u-hover-none b--u-mr-6" style="height: min-content;" data-tooltip="Support customers with tickets" data-placement="bottom" data-z-index="100000" data-controller="track tippy" data-track-category="Product Bar" data-track-action="Clicked on HelpDesk" data-action="click->track#send"> <svg width="17" height="14" fill="none" style="margin-right: 4px;" xmlns="http://www.w3.org/2000/svg"> <path d="M8 6.1l4.1-3.5h-4l-4.3.1a1.1 1.1 0 00-1 1l-.2 3v.6l.1 3a1.1 1.1 0 001 1h8.6a1.1 1.1 0 001-1l.1-2.8L16 5.2v5.3a3.7 3.7 0 01-3.5 3.3 59.5 59.5 0 01-9 0 3.7 3.7 0 01-3.4-3.4L0 7.3v-.6l.1-3.1A3.7 3.7 0 013.6.2L8 0h8v2.6l-8 7-3.7-3.3 2-1.7L8 6.1z" fill="#C6C6CA"/> </svg> <p class="b--u-text-2xs u-mb-0"> <span class="c-productbar__name">HelpDesk</span></p> </a> <a href="https://www.knowledgebase.com/?utm_source=livechat.com&utm_medium=referral&utm_campaign=productbar" target="_blank" rel="noopener" class="c-productbar c-productbar__knowledgebase u-flex u-flex-row u-items-center u-hover-none b--u-mr-6" style="height: min-content;" data-tooltip="Guide and educate customers" data-placement="bottom" data-z-index="100000" data-controller="track tippy" data-track-category="Product Bar" data-track-action="Clicked on KnowledgeBase" data-action="click->track#send"> <svg width="16" height="14" style="margin-right: 4px;" xmlns="http://www.w3.org/2000/svg"> <path d="M13.4 2.7V0h-.1C11 0 9.2 1.5 8 2.7H8C6.7 1.5 5 0 2.6 0h-.1v2.7H0v4.6l.1 3.1a3.7 3.7 0 003.5 3.4 62.6 62.6 0 008.8 0 3.7 3.7 0 003.5-3.4l.1-3.1V2.7h-2.6zm0 4.6l-.1 3a1.1 1.1 0 01-1 1H3.7a1.1 1.1 0 01-1-1c-.2-.9-.2-2-.2-3V2.7c1.9 0 3.8 2 4.3 2.9L8 7l1-1.5c.6-.8 2.5-2.8 4.4-3v4.7z" fill="#C6C6CA"/> </svg> <p class="b--u-text-2xs u-mb-0"> <span class="c-productbar__name">KnowledgeBase</span></p> </a> <a href="https://www.openwidget.com/?utm_source=livechat.com&utm_medium=referral&utm_campaign=productbar" target="_blank" rel="noopener" class="c-productbar c-productbar__openwidget u-flex u-flex-row u-items-center u-hover-none" style="height: min-content;" data-tooltip="Enhance websites with widgets" data-placement="bottom" data-z-index="100000" data-controller="track tippy" data-track-category="Product Bar" data-track-action="Clicked on KnowledgeBase" data-action="click->track#send"> <svg width="20" height="20" style="margin-right: 3px;" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_1013_25291" style="mask-type:alpha" maskunits="userSpaceOnUse" x="1" y="2" width="18" height="16"> <path d="M10.0002 2.70734C11.5578 2.70734 13.171 2.76405 14.6173 2.87748C16.5087 3.04761 18.0663 4.52215 18.2332 6.50711L18.2527 6.84978L18.2729 7.28483C18.2929 7.762 18.3131 8.8451 18.3333 10.5341L18.3229 11.0818C18.3023 12.0388 18.2709 12.8964 18.2332 13.4928C18.0663 15.4778 16.5087 16.9523 14.6173 17.1225C13.3025 17.2256 11.8497 17.2818 10.4262 17.2912L9.99668 17.2924C8.43909 17.2924 6.82587 17.2357 5.37953 17.1223C3.48817 16.9522 1.93057 15.4776 1.76369 13.4927L1.74415 13.15L1.73017 12.859C1.70306 12.2528 1.6811 11.5071 1.66663 10.7093V9.29063L1.67782 8.74738C1.69838 7.85946 1.7282 7.06798 1.76369 6.50726C1.93057 4.5223 3.48817 3.04776 5.37953 2.87762C6.69438 2.77451 8.14716 2.71826 9.57067 2.70889L10.0002 2.70734ZM9.99844 5.48681L9.48918 5.48908L8.99696 5.49577C7.84936 5.51612 6.7094 5.56972 5.60204 5.65656C4.99013 5.71327 4.5451 6.16698 4.48948 6.73411L4.47066 6.93765C4.41949 7.54381 4.38626 8.39412 4.3669 9.32836V10.6716L4.37919 11.1839C4.40216 12.0197 4.43783 12.7568 4.48948 13.2658C4.5451 13.833 4.99013 14.2867 5.60204 14.3434C6.7094 14.4302 7.84936 14.4838 8.99696 14.5042L9.48918 14.5109L10.0322 14.5131L10.5077 14.511C11.8212 14.4986 13.1293 14.4428 14.3948 14.3435C15.0067 14.2868 15.4518 13.8331 15.5074 13.266L15.5262 13.0624C15.5889 12.3204 15.6246 11.2126 15.641 10.0328L15.63 9.32822L15.6177 8.81591C15.5947 7.98009 15.559 7.24296 15.5074 6.73396C15.4518 6.16683 15.0067 5.71313 14.3948 5.65641C13.2875 5.56957 12.1475 5.51597 10.9999 5.49562L10.5077 5.48893L9.99844 5.48681Z" fill="#C6C6CA"/> </mask> <g mask="url(#mask0_1013_25291)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.9989 -0.418274C12.7711 -0.418274 15.501 0.866567 17.3727 2.6331C17.4097 2.66798 17.378 2.48281 17.6283 2.85218L9.9989 9.99977V-0.418274Z" fill="url(#paint0_linear_1013_25291)"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.3727 2.6333C19.3384 4.59708 20.3563 7.29131 20.4244 9.86913C20.4255 9.91278 20.4264 10.4227 20.427 10.4663L9.9989 9.99997L17.3727 2.6333Z" fill="url(#paint1_linear_1013_25291)"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M20.427 9.99976C20.427 12.7395 19.3684 15.2323 17.6376 17.092C17.5842 17.1494 17.3534 17.3103 17.2988 17.3664L9.9989 9.99976H20.427Z" fill="url(#paint2_linear_1013_25291)"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.475 17.2622C15.5125 19.2228 12.7222 20.34 10.1421 20.4147C10.0941 20.4161 9.35607 20.414 9.30823 20.4147L9.99832 9.99976L17.475 17.2622Z" fill="url(#paint3_linear_1013_25291)"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.99871 20.4178C7.21208 20.4178 4.57938 19.226 2.70577 17.4442C2.67866 17.4184 2.27863 16.9711 2.25183 16.9451L9.99871 9.99976V20.4178Z" fill="url(#paint4_linear_1013_25291)"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.62462 17.3665C0.67795 15.4217 -0.33916 12.7605 -0.424819 10.2055C-0.42712 10.1368 -0.423862 9.57725 -0.424819 9.50879L9.99842 9.99984L2.62462 17.3665Z" fill="url(#paint5_linear_1013_25291)"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M-0.429443 9.99986C-0.429443 7.23763 0.646602 4.72647 2.40276 2.86195C2.44217 2.82011 2.83582 2.53112 2.87591 2.48993L9.99868 9.99986H-0.429443Z" fill="url(#paint6_linear_1013_25291)"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.52197 2.73731C4.45352 0.807635 7.18709 -0.305055 9.7328 -0.410881C9.82166 -0.414574 10.1005 -0.417042 10.1888 -0.418274L9.99864 9.99977L2.52197 2.73731Z" fill="url(#paint7_linear_1013_25291)"/> </g> <defs> <lineargradient id="paint0_linear_1013_25291" x1="10.1768" y1="4.43948" x2="14.3954" y2="4.65968" gradientunits="userSpaceOnUse"> <stop stop-color="#B349D9"/> <stop offset="1" stop-color="#F53547"/> </lineargradient> <lineargradient id="paint1_linear_1013_25291" x1="15.2473" y1="4.39555" x2="15.5004" y2="9.61681" gradientunits="userSpaceOnUse"> <stop stop-color="#F13354"/> <stop offset="1" stop-color="#FF4200"/> </lineargradient> <lineargradient id="paint2_linear_1013_25291" x1="17.1433" y1="10.3478" x2="16.2348" y2="14.6348" gradientunits="userSpaceOnUse"> <stop stop-color="#FF4200"/> <stop offset="1" stop-color="#FFD000"/> </lineargradient> <lineargradient id="paint3_linear_1013_25291" x1="14.4531" y1="14.8892" x2="10.3729" y2="14.7626" gradientunits="userSpaceOnUse"> <stop stop-color="#FFD000"/> <stop offset="1" stop-color="#72CE3A"/> </lineargradient> <lineargradient id="paint4_linear_1013_25291" x1="5.37061" y1="15.242" x2="9.9654" y2="15.3407" gradientunits="userSpaceOnUse"> <stop stop-color="#02B296"/> <stop offset="1" stop-color="#72CE3A"/> </lineargradient> <lineargradient id="paint5_linear_1013_25291" x1="2.90118" y1="10.0392" x2="4.17087" y2="14.7806" gradientunits="userSpaceOnUse"> <stop stop-color="#2173DA"/> <stop offset="1" stop-color="#02B195"/> </lineargradient> <lineargradient id="paint6_linear_1013_25291" x1="5.51388" y1="6.24489" x2="4.0193" y2="8.41625" gradientunits="userSpaceOnUse"> <stop stop-color="#3750FF"/> <stop offset="1" stop-color="#2172D9"/> </lineargradient> <lineargradient id="paint7_linear_1013_25291" x1="9.60333" y1="4.13084" x2="5.15782" y2="3.48357" gradientunits="userSpaceOnUse"> <stop stop-color="#B44ADA"/> <stop offset="1" stop-color="#364FFE"/> </lineargradient> </defs> </svg> <svg width="20" height="20" style="margin-right: 3px;" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <mask id="mask0_1013_25289" style="mask-type:alpha" maskunits="userSpaceOnUse" x="1" y="2" width="18" height="16"> <path d="M10.0003 2.70728C11.5579 2.70728 13.1711 2.76399 14.6175 2.87741C16.5088 3.04755 18.0664 4.52209 18.2333 6.50705L18.2528 6.84971L18.2731 7.28477C18.2931 7.76194 18.3132 8.84504 18.3334 10.5341L18.323 11.0818C18.3024 12.0388 18.2711 12.8963 18.2333 13.4928C18.0664 15.4777 16.5088 16.9523 14.6175 17.1224C13.3026 17.2255 11.8498 17.2818 10.4263 17.2911L9.99681 17.2924C8.43921 17.2924 6.82599 17.2357 5.37965 17.1222C3.48829 16.9521 1.93069 15.4776 1.76381 13.4926L1.74427 13.1499L1.7303 12.8589C1.70318 12.2527 1.68122 11.5071 1.66675 10.7092V9.29057L1.67794 8.74732C1.6985 7.8594 1.72832 7.06792 1.76381 6.50719C1.93069 4.52224 3.48829 3.0477 5.37965 2.87756C6.6945 2.77445 8.14728 2.7182 9.5708 2.70883L10.0003 2.70728ZM9.99856 5.48675L9.48931 5.48902L8.99708 5.49571C7.84948 5.51606 6.70952 5.56966 5.60217 5.6565C4.99025 5.71321 4.54523 6.16692 4.4896 6.73405L4.47078 6.93759C4.41961 7.54375 4.38638 8.39406 4.36702 9.3283V10.6715L4.37931 11.1838C4.40229 12.0196 4.43795 12.7568 4.4896 13.2658C4.54523 13.8329 4.99025 14.2866 5.60217 14.3433C6.70952 14.4302 7.84948 14.4838 8.99708 14.5041L9.48931 14.5108L10.0323 14.5131L10.5078 14.5109C11.8213 14.4985 13.1294 14.4427 14.395 14.3435C15.0069 14.2867 15.4519 13.833 15.5075 13.2659L15.5263 13.0624C15.589 12.3204 15.6247 11.2125 15.6411 10.0327L15.6301 9.32816L15.6178 8.81585C15.5948 7.98002 15.5592 7.24289 15.5075 6.7339C15.4519 6.16677 15.0069 5.71307 14.395 5.65635C13.2876 5.56951 12.1476 5.51591 11 5.49556L10.5078 5.48887L9.99856 5.48675Z" fill="white"/> </mask> <g mask="url(#mask0_1013_25289)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.99878 -0.418213C12.771 -0.418213 15.5009 0.866628 17.3726 2.63316C17.4095 2.66804 17.3779 2.48288 17.6282 2.85224L9.99878 9.99983V-0.418213Z" fill="#ABABB1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.3726 2.6333C19.3383 4.59708 20.3561 7.29131 20.4243 9.86913C20.4254 9.91278 20.4263 10.4227 20.4269 10.4663L9.99878 9.99997L17.3726 2.6333Z" fill="#ABABB1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M20.4269 9.99976C20.4269 12.7395 19.3683 15.2323 17.6374 17.092C17.5841 17.1494 17.3533 17.3103 17.2987 17.3664L9.99878 9.99976H20.4269Z" fill="#ABABB1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.4751 17.2622C15.5126 19.2228 12.7223 20.34 10.1422 20.4147C10.0942 20.4161 9.35619 20.414 9.30835 20.4147L9.99844 9.99976L17.4751 17.2622Z" fill="#ABABB1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.99883 20.4178C7.2122 20.4178 4.5795 19.226 2.7059 17.4442C2.67878 17.4184 2.27875 16.9712 2.25195 16.9451L9.99883 9.99976V20.4178Z" fill="#ABABB1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.62474 17.3664C0.678072 15.4217 -0.339038 12.7605 -0.424697 10.2054C-0.426997 10.1368 -0.42374 9.57719 -0.424697 9.50873L9.99854 9.99978L2.62474 17.3664Z" fill="#ABABB1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M-0.429443 9.99986C-0.429443 7.23763 0.646602 4.72647 2.40276 2.86195C2.44217 2.82011 2.83582 2.53112 2.87591 2.48993L9.99868 9.99986H-0.429443Z" fill="#ABABB1"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.52197 2.73737C4.45352 0.807696 7.18709 -0.304994 9.7328 -0.41082C9.82166 -0.414513 10.1005 -0.41698 10.1888 -0.418213L9.99864 9.99983L2.52197 2.73737Z" fill="#ABABB1"/> </g> </svg> <p class="b--u-text-2xs u-mb-0"> <span class="c-productbar__name">OpenWidget</span></p> </a> </div> </aside> <div class="c-navbar " data-controller="show"> <div class="c-navbar__content "> <a href="/" class="c-navbar__logo"><img src="/chatbot-logo.svg" width="141" height="33" alt="ChatBot logo"></a> <button class="c-navbar__button b--u-text-sm b--u-text-medium " aria-expanded="false" data-action="show#toggle"> <span hidden data-target="show.content">Close</span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17 16" width="20" class="u-ml-xs"> <g fill="none" stroke="#1b1b20" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"> <path d="M1 3.5h15" class="c-navbar__button__bar" /> <path d="M1 8h15" class="c-navbar__button__bar" /> <path d="M1 12.5h15" class="c-navbar__button__bar" /> </g> </svg> </button> <nav class="c-menu lg:u-ml-2xl" data-controller="menu" data-target="show.content" hidden> <ul> <li data-target="menu.root"> <button class="c-menu__item v--top" data-target="menu.top">Product<span class="c-menu__arrow"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><defs/><path d="M12.67 6L8 10.67 3.33 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></button> <div class="c-menu__sub"> <div class="c-menu__split"> <div> <ul> <li><a href="/ai/" class="c-menu__item">Artificial Intelligence<span class="c-menu_item v--description"><small>Generative AI for chats</small></a></li> <li><a href="/features/" class="c-menu__item">Features<span class="c-menu_item v--description"><small>Everything you need</small></span></a></li> <li><a href="/benefits/" class="c-menu__item">Benefits<span class="c-menu_item v--description"><small>See what you can gain</small></span></a></li> <li><a href="/features/visual-builder/" class="c-menu__item">Visual Builder<span class="c-menu_item v--description"><small>Create your ideal chatbot</small></a></li> <li><a href="/features/dynamic-responses/" class="c-menu__item">Dynamic Responses<span class="c-menu_item v--description"><small>Boost customer engagement</small></a></li> <li><a href="/features/analytics/" class="c-menu__item">Analytics<span class="c-menu_item v--description"><small>Make data-backed decisions</small></a></li> <li><a href="/features/connect/" class="c-menu__item">Connect<span class="c-menu_item v--description"><small>Be where your customers are</small></a></li> </ul> </div> <div> <p class="c-menu__header">Solutions</p> <ul> <li><a href="/solutions/chatbot-for-marketing/" class="c-menu__item v--m-button"><span class="c-menu__icon u-mr-sm v--single-color"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0)"> <path d="M11 5.71421V19.0504C10.9997 19.4642 10.8531 19.8646 10.5861 20.1811C10.3191 20.4976 9.9488 20.7099 9.54041 20.7805C9.13203 20.8511 8.71178 20.7756 8.35369 20.5673C7.99561 20.3589 7.72267 20.031 7.58297 19.6415L5.43597 13.5015M5.43597 13.5015C4.58719 13.1412 3.88915 12.5002 3.46 11.6851C3.03084 10.8701 2.89692 9.932 3.0809 9.0297C3.26488 8.12739 3.75546 7.31625 4.46962 6.73355C5.18378 6.15085 6.07765 5.83237 6.99997 5.83202H8.83197C12.932 5.83202 16.457 4.60003 18 2.83691V16.8141C16.457 15.051 12.933 13.819 8.83197 13.819H6.99997C6.4626 13.8198 5.93062 13.7111 5.43597 13.5015ZM18 12.8206C18.7956 12.8206 19.5587 12.505 20.1213 11.9434C20.6839 11.3817 21 10.6198 21 9.8255C21 9.03114 20.6839 8.26933 20.1213 7.70764C19.5587 7.14594 18.7956 6.83039 18 6.83039V12.8206Z" stroke="#1B1B20" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span>Marketing</a></li> <li><a href="/solutions/chatbot-for-sales/" class="c-menu__item v--m-button"><span class="c-menu__icon u-mr-sm v--single-color"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0)"> <path d="M3 2.71948H5L5.4 4.71622M5.4 4.71622H21L17 12.7032H7M5.4 4.71622L7 12.7032M7 12.7032L4.707 14.9924C4.077 15.6214 4.523 16.6966 5.414 16.6966H17M17 16.6966C16.4696 16.6966 15.9609 16.907 15.5858 17.2815C15.2107 17.6559 15 18.1638 15 18.6934C15 19.2229 15.2107 19.7308 15.5858 20.1053C15.9609 20.4797 16.4696 20.6901 17 20.6901C17.5304 20.6901 18.0391 20.4797 18.4142 20.1053C18.7893 19.7308 19 19.2229 19 18.6934C19 18.1638 18.7893 17.6559 18.4142 17.2815C18.0391 16.907 17.5304 16.6966 17 16.6966ZM9 18.6934C9 19.2229 8.78929 19.7308 8.41421 20.1053C8.03914 20.4797 7.53043 20.6901 7 20.6901C6.46957 20.6901 5.96086 20.4797 5.58579 20.1053C5.21071 19.7308 5 19.2229 5 18.6934C5 18.1638 5.21071 17.6559 5.58579 17.2815C5.96086 16.907 6.46957 16.6966 7 16.6966C7.53043 16.6966 8.03914 16.907 8.41421 17.2815C8.78929 17.6559 9 18.1638 9 18.6934Z" stroke="#1B1B20" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span>Sales</a></li> <li><a href="/solutions/chatbot-for-support/" class="c-menu__item v--m-button"><span class="c-menu__icon u-mr-sm v--single-color"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0)"> <path d="M5.121 17.3819C7.21942 16.1977 9.58958 15.5772 12 15.5808C14.5 15.5808 16.847 16.2348 18.879 17.3819M15 9.59063C15 10.385 14.6839 11.1468 14.1213 11.7085C13.5587 12.2702 12.7956 12.5857 12 12.5857C11.2044 12.5857 10.4413 12.2702 9.87868 11.7085C9.31607 11.1468 9 10.385 9 9.59063C9 8.79628 9.31607 8.03446 9.87868 7.47277C10.4413 6.91108 11.2044 6.59552 12 6.59552C12.7956 6.59552 13.5587 6.91108 14.1213 7.47277C14.6839 8.03446 15 8.79628 15 9.59063ZM21 11.5874C21 12.7673 20.7672 13.9357 20.3149 15.0259C19.8626 16.116 19.1997 17.1066 18.364 17.9409C17.5282 18.7753 16.5361 19.4372 15.4442 19.8887C14.3522 20.3403 13.1819 20.5727 12 20.5727C10.8181 20.5727 9.64778 20.3403 8.55585 19.8887C7.46392 19.4372 6.47177 18.7753 5.63604 17.9409C4.80031 17.1066 4.13738 16.116 3.68508 15.0259C3.23279 13.9357 3 12.7673 3 11.5874C3 9.20431 3.94821 6.91886 5.63604 5.23379C7.32387 3.54871 9.61305 2.60205 12 2.60205C14.3869 2.60205 16.6761 3.54871 18.364 5.23379C20.0518 6.91886 21 9.20431 21 11.5874Z" stroke="#1B1B20" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span>Support</a></li> <li><a href="/solutions/chatbot-for-education/" class="c-menu__item v--m-button"><span class="c-menu__icon u-mr-sm v--single-color"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0)"> <path d="M8 20.4568V12.969L12 10.7507M12 14.4666L21 9.47475L12 4.48291L3 9.47475L12 14.4666ZM12 14.4666L18.16 11.0502C18.9705 13.1049 19.2005 15.3423 18.825 17.5186C16.2886 17.7644 13.8972 18.8131 12 20.5117C10.1031 18.8133 7.71208 17.7646 5.176 17.5186C4.8002 15.3423 5.03023 13.1048 5.841 11.0502L12 14.4666Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span>Education</a></li> <li><a href="/chatbot-for-enterprise/" class="c-menu__item v--m-button"><span class="c-menu__icon u-mr-sm v--single-color"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 11h2a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v3M8 4v1.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 004 0 2 2 0 012-2h1m-5 12.5V18a2 2 0 012-2h3m1-4a9 9 0 11-18 0 9 9 0 0118 0z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Enterprise</a></li> <li><a href="/chatbot-for-healthcare/" class="c-menu__item v--m-button"><span class="c-menu__icon u-mr-sm v--single-color"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0)"> <path d="M4.31804 6.7579C3.90017 7.17509 3.5687 7.67035 3.34255 8.21543C3.1164 8.76051 3 9.34472 3 9.93471C3 10.5247 3.1164 11.1089 3.34255 11.654C3.5687 12.1991 3.90017 12.6943 4.31804 13.1115L12 20.781L19.682 13.1115C20.526 12.269 21.0001 11.1262 21.0001 9.93471C21.0001 8.74318 20.526 7.60044 19.682 6.7579C18.8381 5.91536 17.6935 5.44203 16.5 5.44203C15.3066 5.44203 14.162 5.91536 13.318 6.7579L12 8.07375L10.682 6.7579C10.2642 6.34072 9.7681 6.00979 9.22213 5.784C8.67616 5.55822 8.09099 5.44202 7.50004 5.44202C6.90909 5.44202 6.32392 5.55822 5.77795 5.784C5.23198 6.00979 4.7359 6.34072 4.31804 6.7579Z" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0"> <rect width="24" height="24" fill="white"/> </clipPath> </defs> </svg> </span>Healthcare</a></li> </ul> </div> </div> <a href="https://accounts.livechat.com/signup?client_id=92418ea187dd3c572383cbf56f015b6c&response_type=token&redirect_uri=https%3A%2F%2Fapp.chatbot.com%2Fstories&source_url=https://www.chatbot.com/features/visual-builder/&source_type=website" data-controller="utm-tracking" data-target="utm-tracking.element" class="c-menu__foot-action v--only-desktop"> Start a free 14-day trial<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><defs/><path d="M14 8H2m7.33-4.67L14 8 9.33 3.33zM14 8l-4.67 4.67L14 8z" stroke="#1B1B20" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg> </a> </div> </li> <li data-target="menu.root"> <a class="c-menu__item v--top" href="/pricing/" data-target="menu.top">Pricing</a> </li> <li data-target="menu.root"> <button class="c-menu__item v--top" data-target="menu.top">Integrations<span class="c-menu__arrow"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><defs/><path d="M12.67 6L8 10.67 3.33 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></button> <div class="c-menu__sub v--single"> <div> <div> <ul> <li><a href="/integrations/chat-widget/" class="c-menu__item"> <span class="c-menu__icon u-mr-xs"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.2727 10.9888V12.7321C16.275 12.8503 16.2429 12.9667 16.1802 13.0673C16.1176 13.168 16.027 13.2487 15.9193 13.2999C14.6924 13.8819 13.3557 14.2028 11.9956 14.2417C10.6366 14.2039 9.30068 13.8846 8.07421 13.3043C7.96553 13.2529 7.87416 13.1716 7.81107 13.0701C7.74798 12.9686 7.71585 12.8512 7.71854 12.7321V10.9888C7.7215 10.9089 7.74408 10.831 7.78434 10.7617C7.82459 10.6924 7.88131 10.6338 7.94958 10.5911C8.01785 10.5483 8.09562 10.5227 8.17617 10.5163C8.25672 10.51 8.33762 10.5231 8.41188 10.5546C9.54285 11.0472 10.7602 11.3165 11.9956 11.3473C13.2314 11.3178 14.4495 11.0501 15.5816 10.5591C15.6554 10.5282 15.7357 10.5153 15.8156 10.5217C15.8955 10.528 15.9727 10.5534 16.0405 10.5956C16.1084 10.6378 16.1649 10.6956 16.2054 10.764C16.2458 10.8325 16.2689 10.9096 16.2727 10.9888Z" fill="#0066FF"/> <path d="M20.8964 15.0722C20.805 16.13 20.3122 17.1144 19.5172 17.8276C18.7221 18.5409 17.6836 18.9302 16.6103 18.9173H14.2467L9.74452 21.8117V18.9173L14.2467 16.0229H16.6148C16.9499 16.0349 17.2771 15.9206 17.5303 15.7033C17.7835 15.4859 17.9439 15.1816 17.979 14.8518C18.1166 12.627 18.1053 10.3957 17.9452 8.17239C17.9181 7.87582 17.784 7.5988 17.5675 7.39195C17.3509 7.1851 17.0663 7.06223 16.7657 7.0458C15.2304 6.95229 13.6141 6.8944 11.9956 6.8944C10.3771 6.8944 8.76079 6.94784 7.22555 7.05471C6.92494 7.07114 6.64034 7.19401 6.42376 7.40086C6.20718 7.60771 6.07309 7.88473 6.04598 8.1813C5.88587 10.4046 5.87459 12.6359 6.01221 14.8607C6.04946 15.1889 6.21074 15.491 6.46372 15.7065C6.71671 15.9221 7.0427 16.0351 7.37637 16.0229H9.74452V18.9173H7.38087C6.30876 18.9279 5.27222 18.5372 4.47903 17.8237C3.68584 17.1102 3.19461 16.1266 3.1038 15.07C2.95492 12.697 2.9662 10.3168 3.13757 7.94529C3.22266 6.96185 3.66028 6.04086 4.37148 5.34846C5.08269 4.65606 6.02066 4.23783 7.0162 4.16921C8.61897 4.05566 10.3073 4 11.9956 4C13.6839 4 15.3722 4.05566 16.975 4.16921C17.9736 4.23606 18.9148 4.65466 19.6281 5.34908C20.3413 6.0435 20.7793 6.96775 20.8627 7.9542C21.0337 10.3235 21.045 12.7014 20.8964 15.0722V15.0722Z" fill="#0066FF"/> </svg> </span>Chat Widget<span class="c-menu_item v--description"><small>Support website visitors 24/7</small></span> </a></li> <li><a href="/integrations/livechat/" class="c-menu__item"> <span class="c-menu__icon u-mr-xs"><svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><defs/><path d="M20.89 14.19a4.25 4.25 0 01-4.29 3.88h-2.36L9.74 21v-2.93l4.5-2.92h2.37a1.32 1.32 0 001.36-1.18c.14-2.25.13-4.5-.03-6.75a1.25 1.25 0 00-1.18-1.14 78.1 78.1 0 00-9.54 0 1.25 1.25 0 00-1.18 1.15 51.1 51.1 0 00-.03 6.75 1.32 1.32 0 001.36 1.17h2.37v2.92H7.38A4.25 4.25 0 013.1 14.2c-.15-2.4-.13-4.8.04-7.2A4.18 4.18 0 017 3.17a70.3 70.3 0 019.96 0A4.18 4.18 0 0120.85 7c.17 2.39.19 4.8.04 7.19z" fill="#FF5100"/></svg></span>LiveChat<span class="c-menu_item v--description"><small>Get closer to your customers</small></span> </a></li> <li><a href="/integrations/helpdesk/" class="c-menu__item"> <span class="c-menu__icon u-mr-xs"><svg fill="none" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="m12 11.015 4.583-4.044H12c-1.622 0-3.236.055-4.77.163-.3.018-.584.144-.8.356-.215.213-.35.496-.377.8a45.659 45.659 0 0 0-.128 3.376v.668c0 1.202.05 2.402.126 3.367.028.304.162.587.378.8.217.211.5.337.801.354 3.177.222 6.365.222 9.542 0 .3-.017.584-.143.8-.355a1.28 1.28 0 0 0 .377-.8c.072-.914.115-2.036.124-3.172L21 9.943v2.578c0 1.214-.056 2.42-.133 3.41a4.28 4.28 0 0 1-1.233 2.674 4.156 4.156 0 0 1-2.65 1.212A65.651 65.651 0 0 1 12 20c-1.688 0-3.375-.06-4.98-.174a4.159 4.159 0 0 1-2.651-1.212 4.28 4.28 0 0 1-1.234-2.676A48.179 48.179 0 0 1 3 12.334v-.668c0-1.282.056-2.564.135-3.607A4.278 4.278 0 0 1 4.37 5.386a4.153 4.153 0 0 1 2.65-1.21A69.245 69.245 0 0 1 12 4h9v2.971l-9 7.936-4.205-3.705 2.21-1.945L12 11.015Z" fill="#2FC774"/></svg> </span>HelpDesk<span class="c-menu_item v--description"><small>Scale your support services</small></span> </a></li> <li><a href="/integrations/facebook-messenger/" class="c-menu__item"> <span class="c-menu__icon u-mr-xs"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 3C6.93075 3 3 6.71442 3 11.7292C3 14.3525 4.0755 16.6203 5.826 18.1862C5.97225 18.3166 6.06225 18.5011 6.06675 18.6991L6.11625 20.301C6.132 20.8117 6.6585 21.1446 7.1265 20.9377L8.913 20.1502C9.06375 20.0827 9.23475 20.0715 9.3945 20.1142C10.2158 20.3392 11.0888 20.4607 12 20.4607C17.0693 20.4607 21 16.7463 21 11.7315C21 6.71667 17.0693 3 12 3Z" fill="url(#paint0_radial)"/> <path d="M6.59536 14.2827L9.23911 10.0891C9.65986 9.42093 10.5599 9.25669 11.1921 9.72915L13.2959 11.3063C13.4894 11.4502 13.7549 11.4502 13.9461 11.304L16.7856 9.1487C17.1636 8.86073 17.6586 9.31519 17.4066 9.7179L14.7606 13.9093C14.3399 14.5775 13.4399 14.7417 12.8076 14.2692L10.7039 12.6921C10.5104 12.5482 10.2449 12.5482 10.0536 12.6944L7.21411 14.8497C6.83611 15.1377 6.34111 14.6855 6.59536 14.2827Z" fill="white"/> <defs> <radialGradient id="paint0_radial" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(6.465 20.8988) scale(19.6128 19.6111)"> <stop stop-color="#0099FF"/> <stop offset="0.6098" stop-color="#A033FF"/> <stop offset="0.9348" stop-color="#FF5280"/> <stop offset="1" stop-color="#FF7061"/> </radialGradient> </defs> </svg> </span>Facebook Messenger<span class="c-menu_item v--description"><small>Engage your followers</small></span> </a></li> <li><a href="/integrations/shopify/" class="c-menu__item"> <span class="c-menu__icon u-mr-xs"><svg fill="none" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <path d="M0 0h24v24H0z"/> <path d="M20.349 4.535c0-.14-.14-.21-.21-.21h-1.813L16.79 2.792c-.14-.14-.419-.07-.489-.07 0 0-.279.07-.697.21a7.201 7.201 0 00-.35-.838C14.769 1.186 14 .698 13.094.698h-.21l-.069-.07C12.464.21 11.977 0 11.35 0c-1.117 0-2.303.837-3.21 2.372-.697 1.047-1.186 2.302-1.325 3.349-1.326.419-2.233.698-2.302.698-.698.21-.698.21-.768.837C3.744 7.744 2 21.209 2 21.209l14.651 2.512L23 22.116c-.07.07-2.651-17.442-2.651-17.58v-.001zm-5.511-1.326c-.35.07-.698.21-1.117.35 0-.56-.07-1.396-.349-2.094.907.14 1.326 1.116 1.465 1.744zm-1.884.558a48.07 48.07 0 00-2.442.768c.21-.907.697-1.814 1.256-2.372.209-.21.488-.489.837-.628.279.698.349 1.605.349 2.232zm-1.606-3c.28 0 .49.07.698.21-.278.14-.627.418-.907.697-.697.768-1.325 2.024-1.534 3.21-.698.21-1.396.418-2.024.628C8.07 3.558 9.605.837 11.35.767z" fill="#95BF47"/> <path d="M20.14 4.395h-1.814L16.79 2.86a.15.15 0 00-.14-.14v21.001L23 22.116S20.418 4.605 20.418 4.535a.525.525 0 00-.278-.14z" fill="#5E8E3E"/> <path d="M13.093 7.604l-.698 2.721s-.837-.349-1.813-.279c-1.466.07-1.466.977-1.466 1.187.07 1.255 3.349 1.534 3.489 4.395.14 2.302-1.187 3.837-3.14 3.977-2.302.139-3.628-1.256-3.628-1.256l.489-2.093s1.325.976 2.302.907c.697 0 .907-.628.907-.977-.07-1.605-2.721-1.535-2.93-4.187-.14-2.232 1.325-4.464 4.534-4.674 1.326 0 1.954.28 1.954.28z" fill="#fff"/> </svg> </span>Shopify<span class="c-menu_item v--description"><small>Increase your online sales</small></span> </a></li> <li><a href="/integrations/slack/" class="c-menu__item"> <span class="c-menu__icon u-mr-xs"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12.4862 7.26391C12.4862 6.47675 12.4862 5.68642 12.4862 4.89927C12.4862 3.96928 13.1591 3.17577 14.0764 3.0266C15.1048 2.85837 16.0982 3.57887 16.2474 4.60726C16.2633 4.71517 16.2696 4.81992 16.2696 4.92783C16.2696 6.48627 16.2696 8.04154 16.2696 9.59998C16.2696 10.1681 16.0633 10.6506 15.6412 11.0315C15.2254 11.406 14.7334 11.5615 14.1748 11.5076C13.4067 11.4314 12.737 10.8632 12.5433 10.0856C12.5084 9.9396 12.4894 9.79042 12.4894 9.64125C12.4862 8.84774 12.4862 8.05424 12.4862 7.26391Z" fill="#2EB57D"/> <path d="M7.26515 11.5139C6.47165 11.5139 5.68132 11.5139 4.88781 11.5139C3.96735 11.5139 3.17067 10.8315 3.02784 9.92371C2.86279 8.89216 3.57377 7.91139 4.60532 7.75586C4.71007 7.73999 4.81798 7.73047 4.9259 7.73047C6.48434 7.73047 8.04278 7.73047 9.60123 7.73047C10.4233 7.73047 11.1375 8.21609 11.4072 8.99055C11.6453 9.67297 11.5215 10.3014 11.0581 10.8569C10.7534 11.2187 10.3598 11.425 9.89324 11.498C9.80754 11.5107 9.72184 11.5139 9.63614 11.5139C8.84581 11.5139 8.05548 11.5139 7.26515 11.5139Z" fill="#36C4EF"/> <path d="M11.5215 16.7351C11.5215 17.5254 11.5215 18.3158 11.5215 19.1061C11.5215 20.0297 10.8422 20.8264 9.93128 20.9724C8.89973 21.1375 7.9253 20.4265 7.76343 19.3949C7.74756 19.287 7.73804 19.1823 7.73804 19.0743C7.73804 17.5159 7.73804 15.9575 7.73804 14.399C7.73804 13.4881 8.3411 12.7295 9.22983 12.5263C10.2423 12.2946 11.2929 12.9802 11.4866 14.0023C11.5119 14.1324 11.5215 14.2594 11.5215 14.3927C11.5183 15.1703 11.5215 15.9543 11.5215 16.7351Z" fill="#DF1E5A"/> <path d="M16.7394 12.4818C17.5297 12.4818 18.32 12.4818 19.1104 12.4818C20.034 12.4818 20.8307 13.1611 20.9767 14.072C21.1417 15.1035 20.4308 16.0811 19.4024 16.2398C19.2976 16.2557 19.1897 16.2652 19.0818 16.2652C17.5234 16.2652 15.9649 16.2652 14.4065 16.2652C13.4955 16.2652 12.7369 15.6622 12.5306 14.7735C12.3434 13.9609 12.756 13.0754 13.505 12.6945C13.7844 12.5516 14.0827 12.4786 14.3969 12.4786C15.1746 12.4818 15.9586 12.4818 16.7394 12.4818Z" fill="#EBB12E"/> <path d="M11.5179 5.74337C11.5179 6.0703 11.5179 6.39722 11.5179 6.72414C11.5179 6.77175 11.5053 6.78445 11.4576 6.78445C10.8292 6.78128 10.2007 6.79397 9.57227 6.78128C8.99143 6.76858 8.51532 6.52101 8.15031 6.0703C7.8583 5.71163 7.72182 5.29266 7.73769 4.82926C7.76308 3.93418 8.4455 3.15972 9.3247 3.02324C10.3499 2.86454 11.2958 3.53426 11.4894 4.55629C11.5084 4.66103 11.5179 4.76895 11.5179 4.87687C11.5179 5.16888 11.5179 5.45771 11.5179 5.74337Z" fill="#36C4EF"/> <path d="M18.2534 11.517C17.9264 11.517 17.5995 11.517 17.2726 11.517C17.2281 11.517 17.2155 11.5075 17.2155 11.4599C17.2186 10.8283 17.2155 10.1998 17.2186 9.56817C17.2218 8.80641 17.7614 8.07956 18.5041 7.83199C19.615 7.4638 20.7799 8.16526 20.9767 9.31743C21.1512 10.3426 20.4339 11.3329 19.4023 11.4916C19.304 11.5075 19.2087 11.5138 19.1103 11.5138C18.8247 11.5138 18.539 11.517 18.2534 11.517Z" fill="#2EB57D"/> <path d="M5.75083 12.4819C6.07775 12.4819 6.40468 12.4819 6.7316 12.4819C6.77286 12.4819 6.79191 12.4883 6.79191 12.5359C6.78873 13.1675 6.79191 13.796 6.78873 14.4276C6.78556 15.183 6.25232 15.9099 5.51595 16.1606C4.42726 16.532 3.27192 15.8686 3.04022 14.7418C2.82756 13.6976 3.54806 12.666 4.60183 12.5073C4.70023 12.4915 4.79545 12.4851 4.89384 12.4851C5.18268 12.4819 5.46517 12.4819 5.75083 12.4819Z" fill="#DF1E5A"/> <path d="M12.4863 18.2491C12.4863 17.9222 12.4863 17.5953 12.4863 17.2683C12.4863 17.2239 12.4958 17.2112 12.5435 17.2112C13.1751 17.2144 13.8035 17.2017 14.4352 17.2144C15.0128 17.2271 15.4889 17.4715 15.8508 17.9222C16.1428 18.2809 16.2793 18.6998 16.2666 19.1632C16.2412 20.0647 15.5715 20.8232 14.6827 20.9724C13.6671 21.1406 12.6863 20.4455 12.5117 19.433C12.4927 19.3283 12.4831 19.2204 12.4863 19.1124C12.4863 18.8236 12.4863 18.538 12.4863 18.2491Z" fill="#EBB12E"/> </svg> </span>Slack<span class="c-menu_item v--description"><small>Streamline office workflows</small></span> </a></li> <li><a href="/integrations/wordpress/" class="c-menu__item"> <span class="c-menu__icon u-mr-xs"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M18.9842 8.08087C19.6112 9.22503 19.9681 10.5381 19.9681 11.9348C19.9681 14.8985 18.3619 17.4859 15.9737 18.8784L18.4273 11.7842C18.8856 10.6382 19.0382 9.7218 19.0382 8.90696C19.0382 8.61121 19.0187 8.33673 18.9842 8.08087ZM13.042 8.16833C13.5257 8.1429 13.9615 8.09203 13.9615 8.09203C14.3943 8.04078 14.3433 7.40465 13.9102 7.42999C13.9102 7.42999 12.609 7.5321 11.769 7.5321C10.9797 7.5321 9.65335 7.42999 9.65335 7.42999C9.22012 7.40465 9.16934 8.06641 9.60239 8.09203C9.60239 8.09203 10.0122 8.1429 10.445 8.16833L11.6965 11.5976L9.93823 16.87L7.01302 8.16833C7.49702 8.1429 7.93234 8.09203 7.93234 8.09203C8.36491 8.04078 8.31385 7.40465 7.88099 7.42999C7.88099 7.42999 6.58007 7.5321 5.73999 7.5321C5.58927 7.5321 5.41161 7.52841 5.22298 7.52236C6.6594 5.34164 9.12831 3.90154 11.935 3.90154C14.0262 3.90154 15.9305 4.70116 17.3596 6.01068C17.325 6.0086 17.2913 6.00425 17.2556 6.00425C16.4665 6.00425 15.9066 6.69164 15.9066 7.42999C15.9066 8.09203 16.2885 8.65215 16.6957 9.3141C17.0012 9.84916 17.358 10.5364 17.358 11.5296C17.358 12.2171 17.0936 13.015 16.7467 14.1265L15.9452 16.8037L13.042 8.16833ZM11.935 19.9686C11.1464 19.9686 10.3854 19.853 9.66545 19.6413L12.076 12.6375L14.5451 19.4025C14.5614 19.4422 14.5813 19.4788 14.6026 19.5132C13.7676 19.8071 12.8704 19.9686 11.935 19.9686ZM3.90173 11.9348C3.90173 10.7701 4.15153 9.6645 4.59734 8.66548L8.42939 19.1646C5.74935 17.8626 3.90173 15.1145 3.90173 11.9348ZM11.935 3C7.0082 3 3 7.0081 3 11.9348C3 16.8616 7.0082 20.8702 11.935 20.8702C16.8616 20.8702 20.87 16.8616 20.87 11.9348C20.87 7.0081 16.8616 3 11.935 3Z" fill="#3E3D3A"/> </svg> </span>WordPress<span class="c-menu_item v--description"><small>Boost website engagement</small></span> </a></li> <li><a href="/integrations/" class="c-menu__item v--no-border">See all integrations</a></li> </ul> </div> </div> </div> </li> <li data-target="menu.root"> <button class="c-menu__item v--top" data-target="menu.top">Resources<span class="c-menu__arrow"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><defs/><path d="M12.67 6L8 10.67 3.33 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></button> <div class="c-menu__sub"> <div class="c-menu__split"> <div> <ul> <li><a href="/help/" class="c-menu__item"><span class="c-menu__icon u-mr-sm v--single-color"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 16a4 4 0 100-8 4 4 0 000 8z" stroke="#1B1B20" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 21a9 9 0 100-18 9 9 0 000 18zM15 15l3.4 3.4M9 15l-3.4 3.4M5.6 5.6L9 9M18.4 5.6L15 9" stroke="#1B1B20" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Help Center</a></li> <li><a href="/chatbot-templates/" class="c-menu__item v--single-color"><span class="c-menu__icon u-mr-sm"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 4H5a1 1 0 0 0-1 1v2c0 .6.4 1 1 1h14c.6 0 1-.4 1-1V5c0-.6-.4-1-1-1ZM9 12H5a1 1 0 0 0-1 1v6c0 .6.4 1 1 1h4c.6 0 1-.4 1-1v-6c0-.6-.4-1-1-1ZM14 12h6M14 16h6M14 20h6" stroke="#1B1B20" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>Templates</a></li> <li><a href="/docs/" class="c-menu__item" target="_blank"><span class="c-menu__icon u-mr-sm v--single-color"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>API & Developers</a></li> <li><a href="https://partners.livechat.com/?utm_source=chatbot.com&utm_medium=referral&utm_content=top_navigation" class="c-menu__item v--single-color" target="_blank"><span class="c-menu__icon u-mr-sm"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11.049 2.92702C11.349 2.00602 12.652 2.00602 12.951 2.92702L14.47 7.60102C14.5353 7.80151 14.6624 7.9762 14.833 8.10012C15.0037 8.22405 15.2091 8.29086 15.42 8.29102H20.335C21.304 8.29102 21.706 9.53102 20.923 10.101L16.947 12.989C16.7762 13.1132 16.6491 13.2882 16.5839 13.4891C16.5187 13.6899 16.5187 13.9062 16.584 14.107L18.102 18.781C18.402 19.703 17.347 20.469 16.564 19.899L12.588 17.011C12.4171 16.8868 12.2112 16.8199 12 16.8199C11.7887 16.8199 11.5829 16.8868 11.412 17.011L7.43597 19.899C6.65297 20.469 5.59797 19.702 5.89797 18.781L7.41597 14.107C7.48125 13.9062 7.48129 13.6899 7.41608 13.4891C7.35087 13.2882 7.22377 13.1132 7.05297 12.989L3.07697 10.101C2.29297 9.53102 2.69697 8.29102 3.66497 8.29102H8.57897C8.79002 8.29107 8.99568 8.22436 9.1665 8.10042C9.33732 7.97648 9.46455 7.80167 9.52997 7.60102L11.049 2.92702V2.92702Z" stroke="#1B1B20" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span>Partner Program</a></li> <li class="v--only-desktop"><a href="https://status.chatbot.com" class="c-menu__item v--single-color" target="_blank"><span class="c-menu__icon u-mr-sm"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span>System Status</a> </li> </ul> </div> <div> <p class="c-menu__header">Learn</p> <ul> <li><a href="/academy/" class="c-menu__item v--m-button">ChatBot Academy<br><small>Become a chatbot designer</small></a></li> <li><a href="/chatbot-best-practices/" class="c-menu__item v--m-button">Chatbot Best Practices<br><small>Design successful chatbots</small></a></li> <li><a href="/blog/" class="c-menu__item v--m-button">Blog<br><small>Tips on using chatbots</small></a></li> </ul> </div> </div> </div> </li> </ul> <div class="v--only-mobile u-p-lg u-mt-auto u-mb-0"> <form action="https://accounts.livechat.com/signup?client_id=92418ea187dd3c572383cbf56f015b6c&response_type=token&redirect_uri=https%3A%2F%2Fapp.chatbot.com%2Fstories" method="GET" data-controller="signup utm-tracking" data-target="utm-tracking.element" data-action="signup#submit" class="o-input-group u-mb-lg"> <input type="email" name="email" class="" data-target="signup.email" placeholder="Enter your email" aria-label="Business Email" required> <input type="hidden" name="source_id" value="header_cta"> <input type="hidden" name="source_url" value="https://www.chatbot.com/features/visual-builder/"> <input type="hidden" name="source_type" value="website"> <div class="o-input-group__append"> <button type="submit" class="c-btn v--signup" style="padding: 20px">Sign up free</button> </div> </form> <p class="u-text-center"><a href="https://accounts.livechat.com/signin?client_id=92418ea187dd3c572383cbf56f015b6c&response_type=token&redirect_uri=https%3A%2F%2Fapp.chatbot.com%2Fstories" data-controller="utm-tracking" data-target="utm-tracking.element">Already a customer? <span class="u-text-primary">Log in</span></a></p> </div> </nav> <div class="c-navbar__actions"> <a href="https://accounts.livechat.com/signin?client_id=92418ea187dd3c572383cbf56f015b6c&response_type=token&redirect_uri=https%3A%2F%2Fapp.chatbot.com%2Fstories" class="c-btn v--secondary v--sm" data-controller="track utm-tracking" data-target="utm-tracking.element" data-track-category="Log In Button" data-track-action="Top Nav" data-track-label="Redirect to Accounts" data-action="track#send">Log in</a> <a href="https://accounts.livechat.com/signup?client_id=92418ea187dd3c572383cbf56f015b6c&response_type=token&redirect_uri=https%3A%2F%2Fapp.chatbot.com%2Fstories?source_id=header_cta&source_url=https%3a%2f%2fwww.chatbot.com%2ffeatures%2fvisual-builder%2f&source_type=website" class="c-btn v--signup v--sm" data-controller="track utm-tracking" data-target="utm-tracking.element" data-track-category="Signup" data-track-action="Signup Redirect" data-track-label="Sign up free - Top Nav" data-action="track#send">Sign up free</a> </div> </div> <div class="u-bg-white u-border-t u-border-gray-900 b--u-py-1 b--u-text-2xs u-text-center u-hidden"> Automate your customer service. <a href="https://accounts.livechat.com/signup?client_id=92418ea187dd3c572383cbf56f015b6c&response_type=token&redirect_uri=https%3A%2F%2Fapp.chatbot.com%2Fstories?source_id=header_cta&source_url=https%3a%2f%2fwww.chatbot.com%2ffeatures%2fvisual-builder%2f&source_type=website" class="c-link b--u-text-medium" data-controller="track utm-tracking" data-target="utm-tracking.element" data-track-category="Signup" data-track-action="Signup Redirect" data-track-label="Sign up free - Top Nav" data-action="track#send">Sign up free</a> </div> </div> <div class="o-wrapper"> <section class="o-container u-Pt-md u-Pb-md md:u-Pb-xl"> <div class="o-feature u-relative u-text-center md:u-text-left"> <div> <h1 class="u-text-p2"><p class="u-py-0 u-my-0">Meet the</p><p class="u-py-0 u-my-0">Visual Builder</p></h1> <p class="u-text-p5 u-text-gray-400">The fastest way to create AI chatbots on your own terms and without coding.</p> <form action="https://accounts.livechat.com/signup?client_id=92418ea187dd3c572383cbf56f015b6c&response_type=token&redirect_uri=https%3A%2F%2Fapp.chatbot.com%2Fstories&source_id=&source_url=https://www.chatbot.com/features/visual-builder/" method="GET" data-controller="signup track utm-tracking" data-target="utm-tracking.element" data-action="track#send" data-track-category="Signup" data-track-action="Signup Redirect" data-track-label="" > <div class="u-maxw-8 u-mx-auto u-flex u-flex-col sm:u-flex-row" data-target="utm-tracking.form"> <input type="email" name="email" class="u-mr-xs u-mb-xs sm:u-mb-0 " style="min-width: 14rem;" data-target="signup.email" placeholder="Enter your business email" required> <input type="hidden" name="source_id" value=""> <input type="hidden" name="source_url" value="https://www.chatbot.com/features/visual-builder/"> <input type="hidden" name="source_type" value="website"> <button type="submit" class="c-btn v--signup ">Sign up free</button> </div> </form> <p class="u-maxw-7 u-mx-auto u-text-p6 u-Mt-2xs "> <span class="u-inline-block u-mr-md"> <span class="u-mr-xs"> <svg xmlns="http://www.w3.org/2000/svg" width="11" height="10"> <path d="M9.1.3L4 5.4l-2-2c-.3-.3-.7-.4-1-.3S0 3.5 0 4c0 .4 0 .8.3 1l2.8 2.8c.2.2.5.3.8.3s.6-.1.8-.3l6-5.9c.3-.2.4-.6.3-1a1 1 0 0 0-.8-.8c-.4 0-.8 0-1 .3z" fill="currentColor"></path> </svg> </span> <span>Free 14-day trial</span> </span> <span class="u-inline-block u-mr-md"> <span class="u-mr-xs"> <svg xmlns="http://www.w3.org/2000/svg" width="11" height="10"> <path d="M9.1.3L4 5.4l-2-2c-.3-.3-.7-.4-1-.3S0 3.5 0 4c0 .4 0 .8.3 1l2.8 2.8c.2.2.5.3.8.3s.6-.1.8-.3l6-5.9c.3-.2.4-.6.3-1a1 1 0 0 0-.8-.8c-.4 0-.8 0-1 .3z" fill="currentColor"></path> </svg> </span> <span>No credit card required</span> </span> </p> </div> <div> <div data-controller="lazyplay" class="u-relative " style=""> <video preload="none" loop playsinline muted src="/features/visual-builder/hero.3241e6132361846be5d6e6626faf2e710bce0c946da4964070598de9d62b8641.mp4" width="" height="" style="--aspect-ratio: /;" title="" data-target="lazyplay.video" poster="hero.png"></video> <img src="hero.png" loading="lazy" width="" height="" data-target="lazyplay.poster" style="position:absolute;top:0;left:0;width:100%;" /> </div> </div> <img src="/features/visual-builder/hero-dust-left.0f5efee2f4ce3485ea0f8e5f9633cfbbc429b9fcba64c8730b9747337052c791.png" srcset="/features/visual-builder/hero-dust-left_hu81b47de84fd7f65538f15cd5bd4c2f65_1062_360x0_resize_lanczos_3.png 360w, /features/visual-builder/hero-dust-left_hu81b47de84fd7f65538f15cd5bd4c2f65_1062_335x0_resize_lanczos_3.png 335w, /features/visual-builder/hero-dust-left_hu81b47de84fd7f65538f15cd5bd4c2f65_1062_310x0_resize_lanczos_3.png 310w, /features/visual-builder/hero-dust-left_hu81b47de84fd7f65538f15cd5bd4c2f65_1062_285x0_resize_lanczos_3.png 285w, /features/visual-builder/hero-dust-left_hu81b47de84fd7f65538f15cd5bd4c2f65_1062_260x0_resize_lanczos_3.png 260w" alt="" class="t-visualbuilder-hero-dust-left u-hidden md:u-block" > </div> </section> <section class="u-w-full u-bg-black-950 t-svg-fix u-Pb-xl lg:u-Pb-2xl"> <div class="o-container"> <h2 class="u-maxw-10 u-mx-auto u-Pt-xl u-text-p1 u-text-center u-text-white"> <p class="u-my-0">A better way</p> <p class="u-my-0">of building chatbots</p> </h2> <p class="u-text-p5 u-text-center u-text-gray-700 u-Pb-md"> Comfortably design chatbots using a smooth, drag-and-drop chatbot builder. Look at even the most complex Stories on a single screen, and get full control over the building process. </p> </div> <div class="o-container u-relative"> <img src="/features/visual-builder/background-video-blob-left.8b80523297bfc98042dcfe9feef529abae5ab6c7c025f5ef16a0f13a77d8dc4b.png" srcset="/features/visual-builder/background-video-blob-left_hu8da2e1fdb3e79e2595d8e19cc866851a_8267_360x0_resize_lanczos_3.png 360w, /features/visual-builder/background-video-blob-left_hu8da2e1fdb3e79e2595d8e19cc866851a_8267_443x0_resize_lanczos_3.png 443w, /features/visual-builder/background-video-blob-left_hu8da2e1fdb3e79e2595d8e19cc866851a_8267_526x0_resize_lanczos_3.png 526w, /features/visual-builder/background-video-blob-left_hu8da2e1fdb3e79e2595d8e19cc866851a_8267_609x0_resize_lanczos_3.png 609w, /features/visual-builder/background-video-blob-left_hu8da2e1fdb3e79e2595d8e19cc866851a_8267_692x0_resize_lanczos_3.png 692w" alt="Video blob left - background" class="t-visualbuilder-video-bg-left u-hidden md:u-block" > <img src="/features/visual-builder/background-video-blob-right.c16f652ab0156f442a002d177fb2577712487a1c21adcdd6174a24830ddde7d3.png" srcset="/features/visual-builder/background-video-blob-right_hu32880598a91c27eff4cc0d953c24d52c_11465_360x0_resize_lanczos_3.png 360w, /features/visual-builder/background-video-blob-right_hu32880598a91c27eff4cc0d953c24d52c_11465_471x0_resize_lanczos_3.png 471w, /features/visual-builder/background-video-blob-right_hu32880598a91c27eff4cc0d953c24d52c_11465_582x0_resize_lanczos_3.png 582w, /features/visual-builder/background-video-blob-right_hu32880598a91c27eff4cc0d953c24d52c_11465_693x0_resize_lanczos_3.png 693w, /features/visual-builder/background-video-blob-right_hu32880598a91c27eff4cc0d953c24d52c_11465_804x0_resize_lanczos_3.png 804w" alt="" class="t-visualbuilder-video-bg-right u-hidden md:u-block" > <div class="u-hidden z-index md:u-block u-relative" data-controller="video"> <span class="t-visualbuilder-play" data-target="video.icon" data-action="click->video#switchVideo"><img src="/features/visual-builder/icon-video-play.4943d64c5ad7cce72fd6cec8a8893e274edf65e93dc9400575e0c68e71022c51.svg" alt="" class="" > </span> <video title="Chat bot builder video " data-target="video.video" src="https://res.cloudinary.com/dn1j6dpd7/video/upload/v1607798627/cb/visual-builder/chatbot-builder-promo-video.mp4" width="" height="" title="Chat bot builder dashboard" class="t-visualbuilder-video u-rounded"></video> </div> <video title="Chat bot builder video " data-target="video.video" src="https://res.cloudinary.com/dn1j6dpd7/video/upload/v1607798627/cb/visual-builder/chatbot-builder-promo-video.mp4" controls width="" height="" title="Chat bot builder dashboard" class="u-rounded md:u-hidden"></video> </div> <div class="o-container u-relative"> <div class="u-Pt-xl u-Pb-md md:u-Pb-xl"> <h2 class="u-maxw-10 u-mx-auto u-Pt-xl u-text-p2 u-text-center u-text-white"> All you need to automate your customer communication </h2> <p class="u-maxw-8 u-mx-auto u-text-p5 u-text-center u-text-gray-700 u-Pb-md"> Combine dynamic bot responses with powerful features. Create engaging chatbot Stories that get the job done. </p> <div class="u-w-full u-relative"> <img src="/features/visual-builder/background-all-you-need.1208c72c2faa3509ea6a3d6e72ffa1200cd8702905850000009f43e27fc03e9c.png" srcset="/features/visual-builder/background-all-you-need_hu4605e012638d4402454d6b6e9e9bdda4_22214_360x0_resize_lanczos_3.png 360w, /features/visual-builder/background-all-you-need_hu4605e012638d4402454d6b6e9e9bdda4_22214_712x0_resize_lanczos_3.png 712w, /features/visual-builder/background-all-you-need_hu4605e012638d4402454d6b6e9e9bdda4_22214_1064x0_resize_lanczos_3.png 1064w, /features/visual-builder/background-all-you-need_hu4605e012638d4402454d6b6e9e9bdda4_22214_1416x0_resize_lanczos_3.png 1416w, /features/visual-builder/background-all-you-need_hu4605e012638d4402454d6b6e9e9bdda4_22214_1768x0_resize_lanczos_3.png 1768w" alt="Video blob left - background" class="t-visualbuilder-all-you-need u-hidden xl:u-block" > <div class="c-tour u-relative c-tour-text-xl" data-controller="tour"> <div class="c-tour__features v--dark"> <div class="c-tour__feature u-flex u-flex-col u-justify-between v--active" data-target="tour.feature" data-action="click->tour#switch"> <h4 class="c-tour__feature_title u-text-white u-text-p6-bold">Personalize your communication</h4> <p class="u-hidden c-tour__feature_description u-text-gray-800 u-text-p6">Gather customer data using Attributes to customize chatbot conversations.</p> <img src="/features/visual-builder/personalize-your-communication-mobile.48f19118d7290aaa237f025ba546f298e2e76f7f5192a2753b4ddcc9a78847a2.png" srcset="/features/visual-builder/personalize-your-communication-mobile_hu23158c43ef74ae1cf2871ce625572755_18789_360x0_resize_lanczos_3.png 360w, /features/visual-builder/personalize-your-communication-mobile_hu23158c43ef74ae1cf2871ce625572755_18789_400x0_resize_lanczos_3.png 400w, /features/visual-builder/personalize-your-communication-mobile_hu23158c43ef74ae1cf2871ce625572755_18789_440x0_resize_lanczos_3.png 440w, /features/visual-builder/personalize-your-communication-mobile_hu23158c43ef74ae1cf2871ce625572755_18789_480x0_resize_lanczos_3.png 480w, /features/visual-builder/personalize-your-communication-mobile_hu23158c43ef74ae1cf2871ce625572755_18789_520x0_resize_lanczos_3.png 520w" alt="Chat bot builder attributes" class="c-tour__image u-rounded" > </div> <div class="c-tour__feature u-flex u-flex-col u-justify-between" data-target="tour.feature" data-action="click->tour#switch"> <h4 class="c-tour__feature_title u-text-white u-text-p6-bold">Design more natural conversations</h4> <p class="u-hidden c-tour__feature_description u-text-gray-800 u-text-p6">Apply Filters to match bot replies within the context of the conversation.</p> <img src="/features/visual-builder/personalize-your-communication-mobile.48f19118d7290aaa237f025ba546f298e2e76f7f5192a2753b4ddcc9a78847a2.png" srcset="/features/visual-builder/personalize-your-communication-mobile_hu23158c43ef74ae1cf2871ce625572755_18789_360x0_resize_lanczos_3.png 360w, /features/visual-builder/personalize-your-communication-mobile_hu23158c43ef74ae1cf2871ce625572755_18789_400x0_resize_lanczos_3.png 400w, /features/visual-builder/personalize-your-communication-mobile_hu23158c43ef74ae1cf2871ce625572755_18789_440x0_resize_lanczos_3.png 440w, /features/visual-builder/personalize-your-communication-mobile_hu23158c43ef74ae1cf2871ce625572755_18789_480x0_resize_lanczos_3.png 480w, /features/visual-builder/personalize-your-communication-mobile_hu23158c43ef74ae1cf2871ce625572755_18789_520x0_resize_lanczos_3.png 520w" alt="Chat bot filters" class="c-tour__image u-rounded" > </div> <div class="c-tour__feature u-flex u-flex-col u-justify-between" data-target="tour.feature" data-action="click->tour#switch"> <h4 class="c-tour__feature_title u-text-white u-text-p6-bold">Collect user information automatically</h4> <p class="u-hidden c-tour__feature_description u-text-gray-800 u-text-p6">Use Questions to collect and validate customer information while chatting.</p> <img src="/features/visual-builder/collect-user-information-automatically-mobile.fd950d56c3b7d3d1b7724ae4bb24803c8c5473193f5b8eb3482511a605fe2e12.png" srcset="/features/visual-builder/collect-user-information-automatically-mobile_hu445cf8b76ba5a897367adf47dac076ba_14824_360x0_resize_lanczos_3.png 360w, /features/visual-builder/collect-user-information-automatically-mobile_hu445cf8b76ba5a897367adf47dac076ba_14824_400x0_resize_lanczos_3.png 400w, /features/visual-builder/collect-user-information-automatically-mobile_hu445cf8b76ba5a897367adf47dac076ba_14824_440x0_resize_lanczos_3.png 440w, /features/visual-builder/collect-user-information-automatically-mobile_hu445cf8b76ba5a897367adf47dac076ba_14824_480x0_resize_lanczos_3.png 480w, /features/visual-builder/collect-user-information-automatically-mobile_hu445cf8b76ba5a897367adf47dac076ba_14824_520x0_resize_lanczos_3.png 520w" alt="The question action in chat bot" class="c-tour__image u-rounded" > </div> <div class="c-tour__feature u-flex u-flex-col u-justify-between" data-target="tour.feature" data-action="click->tour#switch"> <h4 class="c-tour__feature_title u-text-white u-text-p6-bold">Create custom user lists</h4> <p class="u-hidden c-tour__feature_description u-text-gray-800 u-text-p6">Organize users into different Segments. Reuse collected contacts in your marketing activities.</p> <img src="/features/visual-builder/create-custom-user-lists-mobile.86e4c32d275635eb118d118f63022efdaad96b7d164be4c1473d43b55f8776f6.png" srcset="/features/visual-builder/create-custom-user-lists-mobile_hu770d2d5d4e3a3a9e33738b243deb04ed_15539_360x0_resize_lanczos_3.png 360w, /features/visual-builder/create-custom-user-lists-mobile_hu770d2d5d4e3a3a9e33738b243deb04ed_15539_400x0_resize_lanczos_3.png 400w, /features/visual-builder/create-custom-user-lists-mobile_hu770d2d5d4e3a3a9e33738b243deb04ed_15539_440x0_resize_lanczos_3.png 440w, /features/visual-builder/create-custom-user-lists-mobile_hu770d2d5d4e3a3a9e33738b243deb04ed_15539_480x0_resize_lanczos_3.png 480w, /features/visual-builder/create-custom-user-lists-mobile_hu770d2d5d4e3a3a9e33738b243deb04ed_15539_520x0_resize_lanczos_3.png 520w" alt="The segments action in chat bot" class="c-tour__image u-rounded" > </div> <div class="c-tour__feature u-flex u-flex-col u-justify-between" data-target="tour.feature" data-action="click->tour#switch"> <h4 class="c-tour__feature_title u-text-white u-text-p6-bold">Keep conversations going smoothly</h4> <p class="u-hidden c-tour__feature_description u-text-gray-800 u-text-p6">When needed, redirect users to different parts of your Story using the Go to step action.</p> <img src="/features/visual-builder/keep-conversations-going-smoothly-mobile.7fa833a5d6e98f9ddd8916f6453a6333ae851a275e3d68ede8b6727fc193a810.png" srcset="/features/visual-builder/keep-conversations-going-smoothly-mobile_hu592537fa9bb0fc7a258ca6edf6361980_15876_360x0_resize_lanczos_3.png 360w, /features/visual-builder/keep-conversations-going-smoothly-mobile_hu592537fa9bb0fc7a258ca6edf6361980_15876_400x0_resize_lanczos_3.png 400w, /features/visual-builder/keep-conversations-going-smoothly-mobile_hu592537fa9bb0fc7a258ca6edf6361980_15876_440x0_resize_lanczos_3.png 440w, /features/visual-builder/keep-conversations-going-smoothly-mobile_hu592537fa9bb0fc7a258ca6edf6361980_15876_480x0_resize_lanczos_3.png 480w, /features/visual-builder/keep-conversations-going-smoothly-mobile_hu592537fa9bb0fc7a258ca6edf6361980_15876_520x0_resize_lanczos_3.png 520w" alt="The go to step action in chat bot" class="c-tour__image u-rounded" > </div> <div class="c-tour__feature u-flex u-flex-col u-justify-between" data-target="tour.feature" data-action="click->tour#switch"> <h4 class="c-tour__feature_title u-text-white u-text-p6-bold">Clear up misunderstandings</h4> <p class="u-hidden c-tour__feature_description u-text-gray-800 u-text-p6">Use Fallback to get your conversations back on track when miscommunication happens.</p> <img src="/features/visual-builder/clear-up-misunderstandings-mobile.32d1507fa73937e4aa5ac0db023a5bcb3405b2dbbbf5ef1481ae45fc884c291a.png" srcset="/features/visual-builder/clear-up-misunderstandings-mobile_hu90611d74a76ec4d8756d48b6d1e5d31e_33639_360x0_resize_lanczos_3.png 360w, /features/visual-builder/clear-up-misunderstandings-mobile_hu90611d74a76ec4d8756d48b6d1e5d31e_33639_400x0_resize_lanczos_3.png 400w, /features/visual-builder/clear-up-misunderstandings-mobile_hu90611d74a76ec4d8756d48b6d1e5d31e_33639_440x0_resize_lanczos_3.png 440w, /features/visual-builder/clear-up-misunderstandings-mobile_hu90611d74a76ec4d8756d48b6d1e5d31e_33639_480x0_resize_lanczos_3.png 480w, /features/visual-builder/clear-up-misunderstandings-mobile_hu90611d74a76ec4d8756d48b6d1e5d31e_33639_520x0_resize_lanczos_3.png 520w" alt="The fallback action in chat bot" class="c-tour__image u-rounded" > </div> <div class="c-tour__feature u-flex u-flex-col u-justify-between" data-target="tour.feature" data-action="click->tour#switch"> <h4 class="c-tour__feature_title u-text-white u-text-p6-bold">Try out multiple flows at the same time</h4> <p class="u-hidden c-tour__feature_description u-text-gray-800 u-text-p6">Split users into different flows using AB tests. Quickly verify which of them performs the best.</p> <img src="/features/visual-builder/try-multiple-flows-mobile.48ff804c54f643d8c690607100f8eeb7616df634088b527933136f5d3be4035a.png" srcset="/features/visual-builder/try-multiple-flows-mobile_hubb70c53bf53f859773fe4f8ff882731d_13494_360x0_resize_lanczos_3.png 360w, /features/visual-builder/try-multiple-flows-mobile_hubb70c53bf53f859773fe4f8ff882731d_13494_400x0_resize_lanczos_3.png 400w, /features/visual-builder/try-multiple-flows-mobile_hubb70c53bf53f859773fe4f8ff882731d_13494_440x0_resize_lanczos_3.png 440w, /features/visual-builder/try-multiple-flows-mobile_hubb70c53bf53f859773fe4f8ff882731d_13494_480x0_resize_lanczos_3.png 480w, /features/visual-builder/try-multiple-flows-mobile_hubb70c53bf53f859773fe4f8ff882731d_13494_520x0_resize_lanczos_3.png 520w" alt="The AB test action in chat bot" class="c-tour__image u-rounded" > </div> </div> <div class="c-tour__gallery u-flex u-flex-col u-items-center u-justify-center" data-target="tour.gallery"> <img src="/features/visual-builder/personalize-your-communication.4c70c6c8904ec7e3f05392e32041f35014239826fef64146daa6ec1eb1d28d60.png" srcset="/features/visual-builder/personalize-your-communication_hu89039c4381c8215faf8a0028e63bdd02_41550_360x0_resize_lanczos_3.png 360w, /features/visual-builder/personalize-your-communication_hu89039c4381c8215faf8a0028e63bdd02_41550_602x0_resize_lanczos_3.png 602w, /features/visual-builder/personalize-your-communication_hu89039c4381c8215faf8a0028e63bdd02_41550_844x0_resize_lanczos_3.png 844w, /features/visual-builder/personalize-your-communication_hu89039c4381c8215faf8a0028e63bdd02_41550_1086x0_resize_lanczos_3.png 1086w, /features/visual-builder/personalize-your-communication_hu89039c4381c8215faf8a0028e63bdd02_41550_1328x0_resize_lanczos_3.png 1328w" alt="Chat bot builder attributes" class="" > <img src="/features/visual-builder/design-more-natural-conversation.590ebc1ddeb4db2373df0b6fe5509eb5e2dd133b38b44ce0e305e6673a2d9c9e.png" srcset="/features/visual-builder/design-more-natural-conversation_hu0b18d2a972dde132adb92dccc1e9e013_34218_360x0_resize_lanczos_3.png 360w, /features/visual-builder/design-more-natural-conversation_hu0b18d2a972dde132adb92dccc1e9e013_34218_602x0_resize_lanczos_3.png 602w, /features/visual-builder/design-more-natural-conversation_hu0b18d2a972dde132adb92dccc1e9e013_34218_844x0_resize_lanczos_3.png 844w, /features/visual-builder/design-more-natural-conversation_hu0b18d2a972dde132adb92dccc1e9e013_34218_1086x0_resize_lanczos_3.png 1086w, /features/visual-builder/design-more-natural-conversation_hu0b18d2a972dde132adb92dccc1e9e013_34218_1328x0_resize_lanczos_3.png 1328w" alt="Chat bot filters" class="" hidden > <img src="/features/visual-builder/collect-user-information-automatically.2909f57b799476ba24ee6d9f224a50eff47fa044a397a9f46092220841040603.png" srcset="/features/visual-builder/collect-user-information-automatically_hu8cd3e1ab5d8a873b2927e076920caf2d_29069_360x0_resize_lanczos_3.png 360w, /features/visual-builder/collect-user-information-automatically_hu8cd3e1ab5d8a873b2927e076920caf2d_29069_602x0_resize_lanczos_3.png 602w, /features/visual-builder/collect-user-information-automatically_hu8cd3e1ab5d8a873b2927e076920caf2d_29069_844x0_resize_lanczos_3.png 844w, /features/visual-builder/collect-user-information-automatically_hu8cd3e1ab5d8a873b2927e076920caf2d_29069_1086x0_resize_lanczos_3.png 1086w, /features/visual-builder/collect-user-information-automatically_hu8cd3e1ab5d8a873b2927e076920caf2d_29069_1328x0_resize_lanczos_3.png 1328w" alt="The question action in chat bot " class="" hidden > <img src="/features/visual-builder/create-custom-user-lists.1aceb9cdd1f8b32c823b9713d5e3f5b79593c9fe38e901a89d0ea5c1e746f105.png" srcset="/features/visual-builder/create-custom-user-lists_hub209b4efe1b3d4a71c03de801091f5e5_31327_360x0_resize_lanczos_3.png 360w, /features/visual-builder/create-custom-user-lists_hub209b4efe1b3d4a71c03de801091f5e5_31327_602x0_resize_lanczos_3.png 602w, /features/visual-builder/create-custom-user-lists_hub209b4efe1b3d4a71c03de801091f5e5_31327_844x0_resize_lanczos_3.png 844w, /features/visual-builder/create-custom-user-lists_hub209b4efe1b3d4a71c03de801091f5e5_31327_1086x0_resize_lanczos_3.png 1086w, /features/visual-builder/create-custom-user-lists_hub209b4efe1b3d4a71c03de801091f5e5_31327_1328x0_resize_lanczos_3.png 1328w" alt="The segments action in chat bot" class="" hidden > <img src="/features/visual-builder/keep-conversations-going-smoothly.2b98b12dd32bd729fe347aef14a47cb9423c344fc2746e1b1466c3854df52501.png" srcset="/features/visual-builder/keep-conversations-going-smoothly_hu69c17903c91e9d624e6805e3c3d0f5d7_27326_360x0_resize_lanczos_3.png 360w, /features/visual-builder/keep-conversations-going-smoothly_hu69c17903c91e9d624e6805e3c3d0f5d7_27326_602x0_resize_lanczos_3.png 602w, /features/visual-builder/keep-conversations-going-smoothly_hu69c17903c91e9d624e6805e3c3d0f5d7_27326_844x0_resize_lanczos_3.png 844w, /features/visual-builder/keep-conversations-going-smoothly_hu69c17903c91e9d624e6805e3c3d0f5d7_27326_1086x0_resize_lanczos_3.png 1086w, /features/visual-builder/keep-conversations-going-smoothly_hu69c17903c91e9d624e6805e3c3d0f5d7_27326_1328x0_resize_lanczos_3.png 1328w" alt="The go to step action in chat bot" class="" hidden > <img src="/features/visual-builder/clear-up-misunderstandings.100f09d6909cecbd59eeb440823034cbad2489dad05f097b00db43efaa6096d6.png" srcset="/features/visual-builder/clear-up-misunderstandings_hu9c1e3b8569f3b49a9b0bba9f8ed8af5d_87682_360x0_resize_lanczos_3.png 360w, /features/visual-builder/clear-up-misunderstandings_hu9c1e3b8569f3b49a9b0bba9f8ed8af5d_87682_602x0_resize_lanczos_3.png 602w, /features/visual-builder/clear-up-misunderstandings_hu9c1e3b8569f3b49a9b0bba9f8ed8af5d_87682_844x0_resize_lanczos_3.png 844w, /features/visual-builder/clear-up-misunderstandings_hu9c1e3b8569f3b49a9b0bba9f8ed8af5d_87682_1086x0_resize_lanczos_3.png 1086w, /features/visual-builder/clear-up-misunderstandings_hu9c1e3b8569f3b49a9b0bba9f8ed8af5d_87682_1328x0_resize_lanczos_3.png 1328w" alt="The fallback action in chat bot" class="" hidden > <img src="/features/visual-builder/try-multiple-flows.1eab65e956447ce4bc4d50d1a6216dde2719263bcc5791cf8da183f26e190276.png" srcset="/features/visual-builder/try-multiple-flows_huc2ba192a18c0b35e77e836a53862944b_34022_360x0_resize_lanczos_3.png 360w, /features/visual-builder/try-multiple-flows_huc2ba192a18c0b35e77e836a53862944b_34022_602x0_resize_lanczos_3.png 602w, /features/visual-builder/try-multiple-flows_huc2ba192a18c0b35e77e836a53862944b_34022_844x0_resize_lanczos_3.png 844w, /features/visual-builder/try-multiple-flows_huc2ba192a18c0b35e77e836a53862944b_34022_1086x0_resize_lanczos_3.png 1086w, /features/visual-builder/try-multiple-flows_huc2ba192a18c0b35e77e836a53862944b_34022_1328x0_resize_lanczos_3.png 1328w" alt="The AB test action in chat bot" class="" hidden > </div> </div> </div> </div> </div> <div class="o-container o-feature v--inverse u-Pb-xl"> <div> <h2 class="u-text-p2 u-text-white u-Mb-xs">Turn off the lights whenever you want</h2> <p class="u-text-p5 u-text-gray-700"> Switch between light and dark modes with a single click. Minimize your eye strain or simply enjoy your preferred version. </p> </div> <div> <img src="/features/visual-builder/light-mode.60b4ade8be820cbc153e5af97d6757a13f8556ab8ba663ce4b74ebd2c74c7942.png" srcset="/features/visual-builder/light-mode_huf72e1b9aa867d78db9e30f17c7e2f7e5_49103_360x0_resize_lanczos_3.png 360w, /features/visual-builder/light-mode_huf72e1b9aa867d78db9e30f17c7e2f7e5_49103_787x0_resize_lanczos_3.png 787w, /features/visual-builder/light-mode_huf72e1b9aa867d78db9e30f17c7e2f7e5_49103_1214x0_resize_lanczos_3.png 1214w, /features/visual-builder/light-mode_huf72e1b9aa867d78db9e30f17c7e2f7e5_49103_1641x0_resize_lanczos_3.png 1641w, /features/visual-builder/light-mode_huf72e1b9aa867d78db9e30f17c7e2f7e5_49103_2068x0_resize_lanczos_3.png 2068w" alt="Chat bot builder light mode" class="u-rounded" > </div> </div> <div class="o-container o-feature"> <div> <h2 class="u-text-p2 u-text-white u-Mb-xs">Easily test before you launch</h2> <p class="u-text-p5 u-text-gray-700"> Test your Story within the ChatBot鈥檚 web app using the built-in Testing Tool. Check whether your chatbot works as intended before it connects with customers. </p> </div> <div> <img src="/features/visual-builder/easily-test-before-launch.8b067779eedb7a0be37cbec18bcbfcc1972642f0fe30ac5e4bcea6f48a3d373b.png" srcset="/features/visual-builder/easily-test-before-launch_huc06c220746745a90457789c4e077a82e_36631_360x0_resize_lanczos_3.png 360w, /features/visual-builder/easily-test-before-launch_huc06c220746745a90457789c4e077a82e_36631_539x0_resize_lanczos_3.png 539w, /features/visual-builder/easily-test-before-launch_huc06c220746745a90457789c4e077a82e_36631_718x0_resize_lanczos_3.png 718w, /features/visual-builder/easily-test-before-launch_huc06c220746745a90457789c4e077a82e_36631_897x0_resize_lanczos_3.png 897w, /features/visual-builder/easily-test-before-launch_huc06c220746745a90457789c4e077a82e_36631_1076x0_resize_lanczos_3.png 1076w" alt="Chat bot testing tool" class="t-visualbuilder-testing-tool u-rounded" > </div> </div> </section> <div class="u-bg-accent u-relative u-Py-lg"> <div class="o-container"> <div class="u-flex u-flex-col xl:u-flex-row u-flex-wrap u-justify-center u-items-center u-text-center xl:u-text-left xl:u-justify-between"> <div class="u-maxw-6 u-Mb-sm md:u-mb-0"> <h4 class="u-text-p3 u-mb-0">Watch your business grow with ChatBot</h4> </div> <div class="u-maxw-6 md:u-basis-6"> <form action="https://accounts.livechat.com/signup?client_id=92418ea187dd3c572383cbf56f015b6c&response_type=token&redirect_uri=https%3A%2F%2Fapp.chatbot.com%2Fstories&source_id=visual-builder-watch-grow&source_url=https://www.chatbot.com/features/visual-builder/" method="GET" data-controller="signup track utm-tracking" data-target="utm-tracking.element" data-action="track#send" data-track-category="Signup" data-track-action="Signup Redirect" data-track-label="" > <div class="u-maxw-8 u-mx-auto u-flex u-flex-col sm:u-flex-row" data-target="utm-tracking.form"> <input type="email" name="email" class="u-mr-xs u-mb-xs sm:u-mb-0 " style="min-width: 14rem;" data-target="signup.email" placeholder="Enter your business email" required> <input type="hidden" name="source_id" value="visual-builder-watch-grow"> <input type="hidden" name="source_url" value="https://www.chatbot.com/features/visual-builder/"> <input type="hidden" name="source_type" value="website"> <button type="submit" class="c-btn v--signup ">Sign up free</button> </div> </form> <p class="u-maxw-7 u-mx-auto u-text-p8 u-Mt-2xs "> <span class="u-inline-block u-mr-md"> <span class="u-mr-xs"> <svg xmlns="http://www.w3.org/2000/svg" width="11" height="10"> <path d="M9.1.3L4 5.4l-2-2c-.3-.3-.7-.4-1-.3S0 3.5 0 4c0 .4 0 .8.3 1l2.8 2.8c.2.2.5.3.8.3s.6-.1.8-.3l6-5.9c.3-.2.4-.6.3-1a1 1 0 0 0-.8-.8c-.4 0-.8 0-1 .3z" fill="currentColor"></path> </svg> </span> <span>Free 14-day trial</span> </span> <span class="u-inline-block u-mr-md"> <span class="u-mr-xs"> <svg xmlns="http://www.w3.org/2000/svg" width="11" height="10"> <path d="M9.1.3L4 5.4l-2-2c-.3-.3-.7-.4-1-.3S0 3.5 0 4c0 .4 0 .8.3 1l2.8 2.8c.2.2.5.3.8.3s.6-.1.8-.3l6-5.9c.3-.2.4-.6.3-1a1 1 0 0 0-.8-.8c-.4 0-.8 0-1 .3z" fill="currentColor"></path> </svg> </span> <span>No credit card required</span> </span> <span class="u-inline-block"> <span class="u-mr-xs"> <svg xmlns="http://www.w3.org/2000/svg" width="11" height="10"> <path d="M9.1.3L4 5.4l-2-2c-.3-.3-.7-.4-1-.3S0 3.5 0 4c0 .4 0 .8.3 1l2.8 2.8c.2.2.5.3.8.3s.6-.1.8-.3l6-5.9c.3-.2.4-.6.3-1a1 1 0 0 0-.8-.8c-.4 0-.8 0-1 .3z" fill="currentColor"></path> </svg> </span> <span>Free templates</span> </span> </p> </div> </div> </div> <img src="/features/visual-builder/background-cta-dust-left.277ec01c4e6c232a0cac8ac0824b6349922339fb0f3b357ce08b45b75b249331.png" srcset="/features/visual-builder/background-cta-dust-left_hubf20aac6bafc48a98d2060df90274a15_1422_360x0_resize_lanczos_3.png 360w, /features/visual-builder/background-cta-dust-left_hubf20aac6bafc48a98d2060df90274a15_1422_377x0_resize_lanczos_3.png 377w, /features/visual-builder/background-cta-dust-left_hubf20aac6bafc48a98d2060df90274a15_1422_394x0_resize_lanczos_3.png 394w, /features/visual-builder/background-cta-dust-left_hubf20aac6bafc48a98d2060df90274a15_1422_411x0_resize_lanczos_3.png 411w, /features/visual-builder/background-cta-dust-left_hubf20aac6bafc48a98d2060df90274a15_1422_428x0_resize_lanczos_3.png 428w" alt="Background - cta left" class="t-visualbuilder-cta-dust-left u-hidden md:u-block" > <img src="/features/visual-builder/background-cta-dust-right.ceb0a1b07c9dabd35f802611eab9c8eb3730994be7e14a4319a7723a619817aa.png" srcset="/features/visual-builder/background-cta-dust-right_hu48193aef29118e881fc9a8d873ed8435_7047_360x0_resize_lanczos_3.png 360w, /features/visual-builder/background-cta-dust-right_hu48193aef29118e881fc9a8d873ed8435_7047_348x0_resize_lanczos_3.png 348w, /features/visual-builder/background-cta-dust-right_hu48193aef29118e881fc9a8d873ed8435_7047_336x0_resize_lanczos_3.png 336w, /features/visual-builder/background-cta-dust-right_hu48193aef29118e881fc9a8d873ed8435_7047_324x0_resize_lanczos_3.png 324w, /features/visual-builder/background-cta-dust-right_hu48193aef29118e881fc9a8d873ed8435_7047_312x0_resize_lanczos_3.png 312w" alt="Background - cta right" class="t-visualbuilder-cta-dust-right z-index u-hidden md:u-block" > </div> <section class="o-container u-Py-xl lg:u-Py-2xl"> <h2 class="u-maxw-6 u-mx-auto u-text-center u-text-p2 u-Pb-md"> Integrate with tools you rely on </h2> <div class="o-columns v--three"> <div class="u-flex u-flex-col u-justify-between"> <img src="/features/visual-builder/icon-zapier.fe31e80ee1c49585a9fb1c42c379e7521536a4b6119af96a9594fe9094e72def.png" srcset="/features/visual-builder/icon-zapier_hu219180861d25395805021d7b739ddfa7_1002_360x0_resize_lanczos_3.png 360w, /features/visual-builder/icon-zapier_hu219180861d25395805021d7b739ddfa7_1002_302x0_resize_lanczos_3.png 302w, /features/visual-builder/icon-zapier_hu219180861d25395805021d7b739ddfa7_1002_244x0_resize_lanczos_3.png 244w, /features/visual-builder/icon-zapier_hu219180861d25395805021d7b739ddfa7_1002_186x0_resize_lanczos_3.png 186w, /features/visual-builder/icon-zapier_hu219180861d25395805021d7b739ddfa7_1002_128x0_resize_lanczos_3.png 128w" alt="Chat bot integrations - zapier" class="t-icon-xs u-ml-0 u-mb-md" > <h4 class="u-text-p5-bold u-Mb-s">Zapier</h4> <p class="u-text-p6">Connect ChatBot with your favorite apps to automate tedious tasks.</p> <a href="https://accounts.livechat.com/signup?client_id=92418ea187dd3c572383cbf56f015b6c&response_type=token&redirect_uri=https%3A%2F%2Fapp.chatbot.com%2Fstories?&source_id=visual-builder-connect&source_type=website&source_url=https%3a%2f%2fwww.chatbot.com%2ffeatures%2fvisual-builder%2f" class="c-link u-text-p6-bold" data-controller="track utm-tracking" data-target="utm-tracking.element" data-track-category="Signup" data-track-action="Signup Redirect" data-track-label="Connect to over 1500 apps" data-action="track#send">Connect to over 1500 apps</a> </div> <div class="u-flex u-flex-col u-justify-between"> <img src="/features/visual-builder/icon-webhook.0d87da7562849cd64631482101f483cf8d34cb8c0d3e83c039e9c48e278e9fca.png" srcset="/features/visual-builder/icon-webhook_hu11e00f6b1a59756f52e9da30917ccb24_1169_360x0_resize_lanczos_3.png 360w, /features/visual-builder/icon-webhook_hu11e00f6b1a59756f52e9da30917ccb24_1169_302x0_resize_lanczos_3.png 302w, /features/visual-builder/icon-webhook_hu11e00f6b1a59756f52e9da30917ccb24_1169_244x0_resize_lanczos_3.png 244w, /features/visual-builder/icon-webhook_hu11e00f6b1a59756f52e9da30917ccb24_1169_186x0_resize_lanczos_3.png 186w, /features/visual-builder/icon-webhook_hu11e00f6b1a59756f52e9da30917ccb24_1169_128x0_resize_lanczos_3.png 128w" alt="Chat bot integrations - webhooks" class="t-icon-xs u-ml-0 u-mb-md" > <h4 class="u-text-p5-bold u-Mb-s">Webhooks</h4> <p class="u-text-p6">Automatically exchange information between ChatBot and web services.</p> <a href="https://accounts.livechat.com/signup?client_id=92418ea187dd3c572383cbf56f015b6c&response_type=token&redirect_uri=https%3A%2F%2Fapp.chatbot.com%2Fstories?&source_id=visual-builder-move-data&source_type=website&source_url=https%3a%2f%2fwww.chatbot.com%2ffeatures%2fvisual-builder%2f" class="c-link u-text-p6-bold" data-controller="track utm-tracking" data-target="utm-tracking.element" data-track-category="Signup" data-track-action="Signup Redirect" data-track-label="Move data anywhere you need" data-action="track#send">Move data anywhere you need</a> </div> <div class="u-flex u-flex-col u-justify-between"> <img src="/features/visual-builder/icon-livechat.e810ce1296e9b3a5ac76c89c8bd378d0529ecdd326816a829eb03a7c3a3e52b5.png" srcset="/features/visual-builder/icon-livechat_hu8668a37ad280b70a62eb69ad43590e53_941_360x0_resize_lanczos_3.png 360w, /features/visual-builder/icon-livechat_hu8668a37ad280b70a62eb69ad43590e53_941_302x0_resize_lanczos_3.png 302w, /features/visual-builder/icon-livechat_hu8668a37ad280b70a62eb69ad43590e53_941_244x0_resize_lanczos_3.png 244w, /features/visual-builder/icon-livechat_hu8668a37ad280b70a62eb69ad43590e53_941_186x0_resize_lanczos_3.png 186w, /features/visual-builder/icon-livechat_hu8668a37ad280b70a62eb69ad43590e53_941_128x0_resize_lanczos_3.png 128w" alt="Chat bot integrations - live chat" class="t-icon-xs u-ml-0 u-mb-md" > <h4 class="u-text-p5-bold u-Mb-s">LiveChat</h4> <p class="u-text-p6">Integrate ChatBot with LiveChat to balance AI efficiency with a human approach.</p> <a href="https://accounts.livechat.com/signup?client_id=92418ea187dd3c572383cbf56f015b6c&response_type=token&redirect_uri=https%3A%2F%2Fapp.chatbot.com%2Fstories?&source_id=visual-builder-add-livechat&source_type=website&source_url=https%3a%2f%2fwww.chatbot.com%2ffeatures%2fvisual-builder%2f" class="c-link u-text-p6-bold" data-controller="track utm-tracking" data-target="utm-tracking.element" data-track-category="Signup" data-track-action="Signup Redirect" data-track-label="Add LiveChat to ChatBot" data-action="track#send">Add LiveChat to ChatBot</a> </div> </div> </section> <section class="o-container u-Pb-md"> <div class="o-columns v--two"> <div> <h2 class="u-text-p2 u-Mb-xs">Cooperate with your team in real time</h2> <p class="u-text-p5"> Add your team members to your ChatBot account with a few clicks. Share your diverse experiences to design perfect chatbot Stories. </p> </div> <div> <img src="/features/visual-builder/cooperate-with-your-team.40b762ec63bda6c37b6ef1f31249c52def694f625ba215b1eaf34160ac4feab1.png" srcset="/features/visual-builder/cooperate-with-your-team_hue830cc585ab595ab982cdf30a16d8961_25321_360x0_resize_lanczos_3.png 360w, /features/visual-builder/cooperate-with-your-team_hue830cc585ab595ab982cdf30a16d8961_25321_518x0_resize_lanczos_3.png 518w, /features/visual-builder/cooperate-with-your-team_hue830cc585ab595ab982cdf30a16d8961_25321_676x0_resize_lanczos_3.png 676w, /features/visual-builder/cooperate-with-your-team_hue830cc585ab595ab982cdf30a16d8961_25321_834x0_resize_lanczos_3.png 834w, /features/visual-builder/cooperate-with-your-team_hue830cc585ab595ab982cdf30a16d8961_25321_992x0_resize_lanczos_3.png 992w" alt="Chat bot cooperation feature" class="t-visualbuilder-cooperate-with-your-team" > </div> </div> </section> <section class="u-Pb-xl"> <div class="o-container u-Pt-xl u-text-center"> <div class="u-maxw-7 u-mx-auto"> <h2 class="u-text-p2">Get a head start with chatbot templates</h2> <p class="u-text-p5">Save your time using ready-to-use templates. Reuse them as they are or develop new Stories much quicker.</p> </div> <a href="/chatbot-templates" class="c-btn v--secondary-arrow v--transparent u-w-full sm:u-w-auto">See chatbot templates</a> </div> </section> <section class="u-Pb-md"> <svg preserveAspectRatio="none" viewBox="0 0 1440 36" class="u-block" xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: auto; "><rect width="100%" height="100%" fill="transparent" /><path d="M1440 36V8.2s-105.6-1.2-160.7-6a877 877 0 00-150.5 2.5c-42.1 3.9-140 15-223 15C754 19.6 700.3 6.8 548.8 7c-143.7 0-273.4 11.5-350 12.6-76.6 1.2-198.8 0-198.8 0V36h1440z" fill="#FFD000"/></svg> <div class="u-bg-accent t-svg-fix u-relative u-Pt-xl u-Pb-md"> <img src="/features/visual-builder/background-testimonial-left.c60b031e9713d196d85bb8c868b0f107cef309f573bc4e32aac3b19c45e9a47b.png" srcset="/features/visual-builder/background-testimonial-left_hu63002f9f79f2697dc8cb5460874db46c_3477_360x0_resize_lanczos_3.png 360w, /features/visual-builder/background-testimonial-left_hu63002f9f79f2697dc8cb5460874db46c_3477_575x0_resize_lanczos_3.png 575w, /features/visual-builder/background-testimonial-left_hu63002f9f79f2697dc8cb5460874db46c_3477_790x0_resize_lanczos_3.png 790w, /features/visual-builder/background-testimonial-left_hu63002f9f79f2697dc8cb5460874db46c_3477_1005x0_resize_lanczos_3.png 1005w, /features/visual-builder/background-testimonial-left_hu63002f9f79f2697dc8cb5460874db46c_3477_1220x0_resize_lanczos_3.png 1220w" alt="Dust - background" class="t-visualbuilder-testimonial-bg-left u-hidden md:u-block" > <img src="/features/visual-builder/background-testimonial-right.4bdd1b36f7cb8e7929f3e6fcef3f3eb9bfd18f3024804923e8c318b011f87714.png" srcset="/features/visual-builder/background-testimonial-right_hue0639fdbf6c9978f5ba59fd6d542fb6e_1836_360x0_resize_lanczos_3.png 360w, /features/visual-builder/background-testimonial-right_hue0639fdbf6c9978f5ba59fd6d542fb6e_1836_405x0_resize_lanczos_3.png 405w, /features/visual-builder/background-testimonial-right_hue0639fdbf6c9978f5ba59fd6d542fb6e_1836_450x0_resize_lanczos_3.png 450w, /features/visual-builder/background-testimonial-right_hue0639fdbf6c9978f5ba59fd6d542fb6e_1836_495x0_resize_lanczos_3.png 495w, /features/visual-builder/background-testimonial-right_hue0639fdbf6c9978f5ba59fd6d542fb6e_1836_540x0_resize_lanczos_3.png 540w" alt="Dust - background" class="t-visualbuilder-testimonial-bg-right u-hidden md:u-block" > <div class="o-container"> <h2 class="u-maxw-8 u-mx-auto u-text-center u-text-p2 u-Pb-xl">Our customers say it best</h2> <div class="o-columns v--two"> <div class="t-visualbuilder-testimonial-block u-relative u-Pt-xl u-Pb-xs u-Px-md u-rounded"> <img src="/features/visual-builder/testimonial-joshua-alhat.fecd2e2cef809b12f293ddf998562ed641df0e57f4a53594fc005abb549acefc.png" srcset="/features/visual-builder/testimonial-joshua-alhat_hu3ccb11aa9387b0db4a8f9aed28dd759e_59086_360x0_resize_lanczos_3.png 360w, /features/visual-builder/testimonial-joshua-alhat_hu3ccb11aa9387b0db4a8f9aed28dd759e_59086_325x0_resize_lanczos_3.png 325w, /features/visual-builder/testimonial-joshua-alhat_hu3ccb11aa9387b0db4a8f9aed28dd759e_59086_290x0_resize_lanczos_3.png 290w, /features/visual-builder/testimonial-joshua-alhat_hu3ccb11aa9387b0db4a8f9aed28dd759e_59086_255x0_resize_lanczos_3.png 255w, /features/visual-builder/testimonial-joshua-alhat_hu3ccb11aa9387b0db4a8f9aed28dd759e_59086_220x0_resize_lanczos_3.png 220w" alt="ChatBot testimonial - Joshua Alhat" class="t-visualbuilder-testimonial-img" > <p class="u-text-p6"> The new Visual ChatBot Builder just hits the bullseye for me with the required features and experience I wanted. <span class="u-text-p6-bold">It has some great, intuitive features and an amazing user experience which makes it really easy for me to build and deploy my bot without having a lot of technical knowledge.</span> The icing on the cake is the dark mode (quite hip I must say!). </p> <p class="u-text-p8-bold u-my-0">Joshua Alhat</p> <p class="u-text-p8 u-my-0">Chatbot designer<p> </div> <div class="t-visualbuilder-testimonial-block u-relative u-Pt-xl u-Pb-xs u-Px-md u-rounded"> <img src="/features/visual-builder/testimonial-nathaniel-walker.4197fcb7deab7dca8eab268fc77f9bad53a2bfd11425184065ece750efeb8ab9.png" srcset="/features/visual-builder/testimonial-nathaniel-walker_hu74076fca99e7a7d2539d8af3ecc54a4b_20019_360x0_resize_lanczos_3.png 360w, /features/visual-builder/testimonial-nathaniel-walker_hu74076fca99e7a7d2539d8af3ecc54a4b_20019_325x0_resize_lanczos_3.png 325w, /features/visual-builder/testimonial-nathaniel-walker_hu74076fca99e7a7d2539d8af3ecc54a4b_20019_290x0_resize_lanczos_3.png 290w, /features/visual-builder/testimonial-nathaniel-walker_hu74076fca99e7a7d2539d8af3ecc54a4b_20019_255x0_resize_lanczos_3.png 255w, /features/visual-builder/testimonial-nathaniel-walker_hu74076fca99e7a7d2539d8af3ecc54a4b_20019_220x0_resize_lanczos_3.png 220w" alt="ChatBot testimonial - Nathaniel Walker" class="t-visualbuilder-testimonial-img" > <p class="u-text-p6"> <span class="u-text-p6-bold">ChatBot鈥檚 Visual Builder is intuitive and excellent for people with no coding experience.</span> I also appreciate the ChatBot team鈥檚 assistance with getting started and understanding the expanding capabilities of chatbots. I'm already developing multiple bots for clerical use as well as working directly with students. </p> <p class="u-text-p8-bold u-my-0">Nathaniel Walker</p> <p class="u-text-p8 u-my-0">Teacher<p> </div> </div> </div> </div> <svg preserveAspectRatio="none" viewBox="0 0 1440 36" class="u-block" xmlns="http://www.w3.org/2000/svg" style="width: 100%; height: auto; transform: scale(-1,1); "><rect width="100%" height="100%" fill="#FFD000" /><path d="M1440 36V8.2s-105.6-1.2-160.7-6a877 877 0 00-150.5 2.5c-42.1 3.9-140 15-223 15C754 19.6 700.3 6.8 548.8 7c-143.7 0-273.4 11.5-350 12.6-76.6 1.2-198.8 0-198.8 0V36h1440z" fill="#fff"/></svg> </section> <section class="u-w-full u-relative"> <img src="/features/visual-builder/background-footer-left.c09fabb20d2c71281dff513d87f50d2120e82cd5db2592db38951c1aad67ebb7.png" srcset="/features/visual-builder/background-footer-left_hu9c83b381310f5a25d100bb1afa733840_1839_360x0_resize_lanczos_3.png 360w, /features/visual-builder/background-footer-left_hu9c83b381310f5a25d100bb1afa733840_1839_383x0_resize_lanczos_3.png 383w, /features/visual-builder/background-footer-left_hu9c83b381310f5a25d100bb1afa733840_1839_406x0_resize_lanczos_3.png 406w, /features/visual-builder/background-footer-left_hu9c83b381310f5a25d100bb1afa733840_1839_429x0_resize_lanczos_3.png 429w, /features/visual-builder/background-footer-left_hu9c83b381310f5a25d100bb1afa733840_1839_452x0_resize_lanczos_3.png 452w" alt="Dust - background" class="t-visualbuilder-footer-bg-left u-hidden md:u-block" > <img src="/features/visual-builder/background-footer-right.36df74951e4370cd3183215ac5c1793359a5a2abec4941c9eb4dede69e8fd529.png" srcset="/features/visual-builder/background-footer-right_hufedcc1fdc83350207a257e725bfb16c5_1848_360x0_resize_lanczos_3.png 360w, /features/visual-builder/background-footer-right_hufedcc1fdc83350207a257e725bfb16c5_1848_405x0_resize_lanczos_3.png 405w, /features/visual-builder/background-footer-right_hufedcc1fdc83350207a257e725bfb16c5_1848_450x0_resize_lanczos_3.png 450w, /features/visual-builder/background-footer-right_hufedcc1fdc83350207a257e725bfb16c5_1848_495x0_resize_lanczos_3.png 495w, /features/visual-builder/background-footer-right_hufedcc1fdc83350207a257e725bfb16c5_1848_540x0_resize_lanczos_3.png 540w" alt="Dust - background" class="t-visualbuilder-footer-bg-right u-hidden md:u-block" > <div class="o-container u-text-center u-Pt-xl u-Pb-lg"> <h2 class="u-text-p2 u-maxw-7 u-mx-auto u-Mb-xs">Build AI chatbots using a no-code chatbot builder</h2> <form action="https://accounts.livechat.com/signup?client_id=92418ea187dd3c572383cbf56f015b6c&response_type=token&redirect_uri=https%3A%2F%2Fapp.chatbot.com%2Fstories&source_id=&source_url=https://www.chatbot.com/features/visual-builder/" method="GET" data-controller="signup track utm-tracking" data-target="utm-tracking.element" data-action="track#send" data-track-category="Signup" data-track-action="Signup Redirect" data-track-label="" > <div class="u-maxw-8 u-mx-auto u-flex u-flex-col sm:u-flex-row" data-target="utm-tracking.form"> <input type="email" name="email" class="u-mr-xs u-mb-xs sm:u-mb-0 " style="min-width: 14rem;" data-target="signup.email" placeholder="Enter your business email" required> <input type="hidden" name="source_id" value=""> <input type="hidden" name="source_url" value="https://www.chatbot.com/features/visual-builder/"> <input type="hidden" name="source_type" value="website"> <button type="submit" class="c-btn v--signup ">Sign up free</button> </div> </form> <p class="u-maxw-7 u-mx-auto u-text-p8 u-Mb-sm u-Mt-2xs "> <span class="u-inline-block u-mr-md"> <span class="u-mr-xs"> <svg xmlns="http://www.w3.org/2000/svg" width="11" height="10"> <path d="M9.1.3L4 5.4l-2-2c-.3-.3-.7-.4-1-.3S0 3.5 0 4c0 .4 0 .8.3 1l2.8 2.8c.2.2.5.3.8.3s.6-.1.8-.3l6-5.9c.3-.2.4-.6.3-1a1 1 0 0 0-.8-.8c-.4 0-.8 0-1 .3z" fill="currentColor"></path> </svg> </span> <span>Free 14-day trial</span> </span> <span class="u-inline-block u-mr-md"> <span class="u-mr-xs"> <svg xmlns="http://www.w3.org/2000/svg" width="11" height="10"> <path d="M9.1.3L4 5.4l-2-2c-.3-.3-.7-.4-1-.3S0 3.5 0 4c0 .4 0 .8.3 1l2.8 2.8c.2.2.5.3.8.3s.6-.1.8-.3l6-5.9c.3-.2.4-.6.3-1a1 1 0 0 0-.8-.8c-.4 0-.8 0-1 .3z" fill="currentColor"></path> </svg> </span> <span>No credit card required</span> </span> <span class="u-inline-block"> <span class="u-mr-xs"> <svg xmlns="http://www.w3.org/2000/svg" width="11" height="10"> <path d="M9.1.3L4 5.4l-2-2c-.3-.3-.7-.4-1-.3S0 3.5 0 4c0 .4 0 .8.3 1l2.8 2.8c.2.2.5.3.8.3s.6-.1.8-.3l6-5.9c.3-.2.4-.6.3-1a1 1 0 0 0-.8-.8c-.4 0-.8 0-1 .3z" fill="currentColor"></path> </svg> </span> <span>No coding skills needed</span> </span> </p> <img src="/features/visual-builder/footer-robot.97e3ff53fa1e40f05cfc36cc381b80d712a77a0905eb996a8c529673eca82a0b.svg" alt="Build AI chat bot using a no-code chat bot builder" class="u-w-auto" > </div> </section> </div> <section data-target="helpcenter-footer" class="u-bg-gray-900 b--u-py-10 b--md:u-py-12"> <div class="o-container-xl"> <h2 class="b--u-text-lg u-text-center b--u-text-black-900 b--u-mb-6">Discover our <span class="b--u-text-bold">text|</span> products</h2> <div class="o-columns v--four v--responsive"> <a href="https://www.livechat.com/?utm_source=chatbot.com&utm_medium=referral&utm_campaign=productbarfooter" target="_blank" rel="noopener" class="u-flex u-items-center c-link v--reset" data-controller="track" data-track-category="Interactions" data-track-action="Link click" data-track-label="LiveChat" data-action="track#send"> <div class="u-Mr-xs"> <svg width="72" height="72" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_dd)"><rect x="4" y="3" width="64" height="64" rx="10" fill="#fff"/></g><path d="M51.8 39a7.6 7.6 0 01-7.6 6.8H40L32 51v-5.2l8-5.2h4.2a2.3 2.3 0 002.4-2c.2-4 .2-8 0-12a2.2 2.2 0 00-2.2-2.1 138.7 138.7 0 00-16.9 0 2.2 2.2 0 00-2 2c-.4 4-.4 8-.2 12a2.4 2.4 0 002.5 2.1H32v5.2h-4.2a7.5 7.5 0 01-7.6-6.9c-.3-4.2-.3-8.5 0-12.8a7.4 7.4 0 017-6.8 124.8 124.8 0 0117.6 0 7.4 7.4 0 017 6.8c.2 4.3.2 8.6 0 12.8z" fill="#FF5100"/> <defs> <filter id="filter0_dd" x="0" y="0" width="72" height="72" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"/><fecolormatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feoffset dy="1"/><fegaussianblur stddeviation="2"/><fecolormatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feblend in2="BackgroundImageFix" result="effect1_dropShadow"/><fecolormatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feoffset/><fegaussianblur stddeviation="1"/><fecolormatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feblend in2="effect1_dropShadow" result="effect2_dropShadow"/><feblend in="SourceGraphic" in2="effect2_dropShadow" result="shape"/></filter> </defs> </svg> </div> <p class="b--u-text-sm u-mb-0 b--u-text-black-600 b--md:u-pr-1"> <span class="b--u-text-base b--u-text-bold b--u-text-black-900">LiveChat</span> <br>Connect with customers</p> </a> <a href="https://www.helpdesk.com/?utm_source=chatbot.com&utm_medium=referral&utm_campaign=productbarfooter" target="_blank" rel="noopener" class="u-flex u-items-center c-link v--reset" data-controller="track" data-track-category="Interactions" data-track-action="Link click" data-track-label="HelpDesk" data-action="track#send"> <div class="u-Mr-xs"> <svg width="72" height="72" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_dd2)"><rect x="4" y="3" width="64" height="64" rx="10" fill="#fff"/></g><path d="M36 33.3l8.1-7.1H36c-2.9 0-5.8.1-8.5.3a2.2 2.2 0 00-2 2c-.2 1.7-.3 3.8-.3 6v1c0 2.2 0 4.3.2 6a2.2 2.2 0 002.1 2c5.7.4 11.3.4 17 0a2.2 2.2 0 002-2c.2-1.6.3-3.6.3-5.6l5.2-4.5v4.5l-.2 6a7.4 7.4 0 01-7 6.8 118.6 118.6 0 01-17.7 0 7.4 7.4 0 01-6.9-6.8 83 83 0 01-.2-6.3v-1.2l.2-6.3a7.4 7.4 0 017-6.8C30 21.1 33 21 36 21h16v5.2L36 40.1l-7.5-6.5 4-3.4 3.5 3z" fill="#2FC774"/> <defs> <filter id="filter0_dd2" x="0" y="0" width="72" height="72" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"/><fecolormatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feoffset dy="1"/><fegaussianblur stddeviation="2"/><fecolormatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feblend in2="BackgroundImageFix" result="effect1_dropShadow"/><fecolormatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feoffset/><fegaussianblur stddeviation="1"/><fecolormatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feblend in2="effect1_dropShadow" result="effect2_dropShadow"/><feblend in="SourceGraphic" in2="effect2_dropShadow" result="shape"/></filter> </defs> </svg> </div> <p class="b--u-text-sm u-mb-0 b--u-text-black-600 b--md:u-pr-1"> <span class="b--u-text-base b--u-text-bold b--u-text-black-900">HelpDesk</span> <br>Support customers with tickets</p> </a> <a href="https://www.knowledgebase.com/?utm_source=chatbot.com&utm_medium=referral&utm_campaign=productbarfooter" target="_blank" rel="noopener" class="u-flex u-items-center c-link v--reset" data-controller="track" data-track-category="Interactions" data-track-action="Link click" data-track-label="KnowledgeBase" data-action="track#send"> <div class="u-Mr-xs"> <svg width="72" height="72" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_dd)"><rect x="4" y="3" width="64" height="64" rx="10" fill="#fff"/></g><path d="M46.8 26.4V21h-.3c-4.4.2-8.1 3-10.4 5.4H36c-2.3-2.3-6-5.2-10.4-5.4h-.3v5.4H20v9.2l.2 6.3a7.4 7.4 0 007 6.8 125.1 125.1 0 0017.7 0 7.4 7.4 0 006.9-6.8l.2-6.3v-9.2h-5.2zm0 9.2c0 2 0 4.2-.2 5.9a2.2 2.2 0 01-2.1 2c-5.7.4-11.3.4-17 0a2.2 2.2 0 01-2-2 76 76 0 01-.3-6v-9.1c3.8.1 7.5 4.1 8.6 5.7l2.2 3 2.2-3c1.1-1.6 4.8-5.6 8.6-5.7v9.2z" fill="#9146FF"/> <defs> <filter id="filter0_dd" x="0" y="0" width="72" height="72" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"/><fecolormatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feoffset dy="1"/><fegaussianblur stddeviation="2"/><fecolormatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feblend in2="BackgroundImageFix" result="effect1_dropShadow"/><fecolormatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feoffset/><fegaussianblur stddeviation="1"/><fecolormatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feblend in2="effect1_dropShadow" result="effect2_dropShadow"/><feblend in="SourceGraphic" in2="effect2_dropShadow" result="shape"/></filter> </defs> </svg> </div> <p class="b--u-text-sm u-mb-0 b--u-text-black-600"> <span class="b--u-text-base b--u-text-bold b--u-text-black-900">KnowledgeBase</span> <br>Guide and educate customers</p> </a> <a href="https://openwidget.com/?utm_source=livechat.com&utm_medium=referral&utm_campaign=productbarfooter" target="_blank" rel="noopener" class="u-flex u-items-center c-link v--reset"> <div class="b--u-mr-3"> <svg width="76" height="76" viewbox="0 0 76 76" fill="none" xmlns="http://www.w3.org/2000/svg"> <g filter="url(#filter0_ddd_1770_3180)"> <g clip-path="url(#clip0_1770_3180)"><rect x="6" y="6" width="64" height="64" rx="8" fill="#333333"/><rect x="6" y="6" width="64" height="64" fill="white"/> <g clip-path="url(#clip1_1770_3180)"> <mask id="mask0_1770_3180" style="mask-type:alpha" maskunits="userSpaceOnUse" x="20" y="22" width="37" height="32"><path d="M38.0931 22.1982C41.4514 22.1982 44.9297 22.3204 48.0482 22.565C52.1262 22.9318 55.4845 26.1111 55.8444 30.3909L55.8865 31.1297L55.9301 32.0677C55.9732 33.0966 56.0166 35.4319 56.0602 39.0736L56.0377 40.2545C55.9933 42.3179 55.9257 44.1669 55.8444 45.4529C55.4845 49.7327 52.1262 52.9119 48.0482 53.2788C45.2132 53.5011 42.0809 53.6224 39.0116 53.6426L38.0855 53.6453C34.7272 53.6453 31.2489 53.523 28.1304 53.2784C24.0524 52.9116 20.6941 49.7323 20.3343 45.4526L20.2922 44.7137L20.262 44.0862C20.2036 42.7792 20.1562 41.1715 20.125 39.4513V36.3925L20.1491 35.2212C20.1935 33.3067 20.2578 31.6002 20.3343 30.3912C20.6941 26.1114 24.0524 22.9321 28.1304 22.5653C30.9654 22.343 34.0977 22.2217 37.167 22.2015L38.0931 22.1982ZM38.0893 28.191L36.9913 28.1959L35.93 28.2103C33.4557 28.2542 30.9978 28.3698 28.6102 28.557C27.2908 28.6793 26.3313 29.6575 26.2114 30.8803L26.1708 31.3192C26.0605 32.6261 25.9888 34.4595 25.9471 36.4738V39.3699L25.9736 40.4745C26.0231 42.2766 26.1 43.866 26.2114 44.9634C26.3313 46.1862 27.2908 47.1645 28.6102 47.2867C30.9978 47.474 33.4557 47.5895 35.93 47.6334L36.9913 47.6479L38.162 47.6528L39.1873 47.6482C42.0193 47.6214 44.8398 47.501 47.5684 47.2871C48.8878 47.1648 49.8473 46.1865 49.9673 44.9637L50.0078 44.5249C50.1429 42.925 50.22 40.5364 50.2552 37.9926L50.2316 36.4735L50.2051 35.3689C50.1555 33.5668 50.0786 31.9775 49.9673 30.88C49.8473 29.6572 48.8878 28.679 47.5684 28.5567C45.1809 28.3695 42.723 28.2539 40.2486 28.21L39.1873 28.1956L38.0893 28.191Z" fill="white"/></mask> <g mask="url(#mask0_1770_3180)"><path fill-rule="evenodd" clip-rule="evenodd" d="M38.0889 15.4592C44.0661 15.4592 49.952 18.2295 53.9876 22.0383C54.0673 22.1135 53.9991 21.7143 54.5387 22.5107L38.0889 37.9217V15.4592Z" fill="url(#paint0_linear_1770_3180)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M53.9876 22.0384C58.2258 26.2725 60.4205 32.0816 60.5674 37.6397C60.5699 37.7338 60.5718 38.8333 60.5731 38.9273L38.0889 37.9218L53.9876 22.0384Z" fill="url(#paint1_linear_1770_3180)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M60.5731 37.9217C60.5731 43.8289 58.2906 49.2035 54.5587 53.2134C54.4436 53.337 53.9461 53.684 53.8283 53.805L38.0889 37.9217H60.5731Z" fill="url(#paint2_linear_1770_3180)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M54.21 53.5803C49.9787 57.8075 43.9624 60.2164 38.3994 60.3775C38.2959 60.3805 36.7047 60.376 36.6016 60.3775L38.0895 37.9217L54.21 53.5803Z" fill="url(#paint3_linear_1770_3180)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M38.0889 60.3841C32.0806 60.3841 26.4042 57.8144 22.3645 53.9726C22.306 53.917 21.4435 52.9528 21.3857 52.8966L38.0889 37.9217V60.3841Z" fill="url(#paint4_linear_1770_3180)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M22.191 53.8051C17.9938 49.6119 15.8008 43.8741 15.6161 38.3651C15.6111 38.2171 15.6181 37.0106 15.6161 36.863L38.0897 37.9217L22.191 53.8051Z" fill="url(#paint5_linear_1770_3180)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15.6055 37.9218C15.6055 31.9661 17.9255 26.5518 21.712 22.5316C21.797 22.4414 22.6457 21.8183 22.7322 21.7295L38.0897 37.9218H15.6055Z" fill="url(#paint6_linear_1770_3180)"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21.9688 22.263C26.1334 18.1024 32.0273 15.7033 37.5161 15.4751C37.7077 15.4672 38.3088 15.4619 38.4993 15.4592L38.0893 37.9217L21.9688 22.263Z" fill="url(#paint7_linear_1770_3180)"/></g> </g> </g> </g> <defs> <filter id="filter0_ddd_1770_3180" x="0" y="0" width="76" height="76" filterunits="userSpaceOnUse" color-interpolation-filters="sRGB"><feflood flood-opacity="0" result="BackgroundImageFix"/><fecolormatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feoffset dy="1"/><fegaussianblur stddeviation="1"/><fecolormatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0"/><feblend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1770_3180"/><fecolormatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feoffset dy="1"/><fegaussianblur stddeviation="1.5"/><fecolormatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feblend mode="normal" in2="effect1_dropShadow_1770_3180" result="effect2_dropShadow_1770_3180"/><fecolormatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feoffset/><fegaussianblur stddeviation="3"/><fecolormatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.03 0"/><feblend mode="normal" in2="effect2_dropShadow_1770_3180" result="effect3_dropShadow_1770_3180"/><feblend mode="normal" in="SourceGraphic" in2="effect3_dropShadow_1770_3180" result="shape"/></filter> <lineargradient id="paint0_linear_1770_3180" x1="38.4724" y1="25.9331" x2="47.5683" y2="26.4078" gradientunits="userSpaceOnUse"><stop stop-color="#B349D9"/><stop offset="1" stop-color="#F53547"/></lineargradient> <lineargradient id="paint1_linear_1770_3180" x1="49.4051" y1="25.838" x2="49.9508" y2="37.0956" gradientunits="userSpaceOnUse"><stop stop-color="#F13354"/><stop offset="1" stop-color="#FF4200"/></lineargradient> <lineargradient id="paint2_linear_1770_3180" x1="53.493" y1="38.672" x2="51.5341" y2="47.9153" gradientunits="userSpaceOnUse"><stop stop-color="#FF4200"/><stop offset="1" stop-color="#FFD000"/></lineargradient> <lineargradient id="paint3_linear_1770_3180" x1="47.6944" y1="48.4639" x2="38.8971" y2="48.191" gradientunits="userSpaceOnUse"><stop stop-color="#FFD000"/><stop offset="1" stop-color="#72CE3A"/></lineargradient> <lineargradient id="paint4_linear_1770_3180" x1="28.1102" y1="49.2244" x2="38.0171" y2="49.4373" gradientunits="userSpaceOnUse"><stop stop-color="#02B296"/><stop offset="1" stop-color="#72CE3A"/></lineargradient> <lineargradient id="paint5_linear_1770_3180" x1="22.7873" y1="38.0065" x2="25.5249" y2="48.2296" gradientunits="userSpaceOnUse"><stop stop-color="#2173DA"/><stop offset="1" stop-color="#02B195"/></lineargradient> <lineargradient id="paint6_linear_1770_3180" x1="28.4199" y1="29.8256" x2="25.1975" y2="34.5073" gradientunits="userSpaceOnUse"><stop stop-color="#3750FF"/><stop offset="1" stop-color="#2172D9"/></lineargradient> <lineargradient id="paint7_linear_1770_3180" x1="37.237" y1="25.2676" x2="27.6519" y2="23.872" gradientunits="userSpaceOnUse"><stop stop-color="#B44ADA"/><stop offset="1" stop-color="#364FFE"/></lineargradient> <clippath id="clip0_1770_3180"><rect x="6" y="6" width="64" height="64" rx="8" fill="white"/></clippath> <clippath id="clip1_1770_3180"><rect width="36.2667" height="36.2667" fill="white" transform="translate(19.8662 19.8667)"/></clippath> </defs> </svg> </div> <p class="b--u-text-sm u-mb-0 sm:u-maxw-2 b--u-ml-0.5"> <span class="b--u-text-sm b--u-text-bold">OpenWidget</span> <br> <span style="opacity: .65;">Enhance websites with widgets</span></p> </a> </div> </div> </section> <footer data-target="helpcenter-footer" class="u-bg-gray-900 b--u-pt-6"> <div class="u-border-b"> <div class="o-container-xl"> <nav class="u-flex u-flex-wrap b--u-mb-8 b--md:u-mb-6 b--lg:u-mb-4"> <div class="u-flex-1 u-basis-6 sm:u-basis-4 lg:u-basis-2 b--u-mb-3 b--u-pr-1 b--sm:u-pr-0.25"> <p class="b--u-text-xs b--u-text-bold b--u-mb-2 b--u-text-black-900">Product</p> <ul class="u-p-0 u-m-0"> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/pricing/" class="b--u-text-xs c-link v--reset" >Pricing</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/features/ai/" class="b--u-text-xs c-link v--reset" >Artificial Intelligence</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/benefits/" class="b--u-text-xs c-link v--reset" >Benefits</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/features/" class="b--u-text-xs c-link v--reset" >Features</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/chatbot-demo/" class="b--u-text-xs c-link v--reset" >Product Demo</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/features/visual-builder/" class="b--u-text-xs c-link v--reset" >Visual Builder</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/features/dynamic-responses/" class="b--u-text-xs c-link v--reset" >Dynamic Responses</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/features/analytics/" class="b--u-text-xs c-link v--reset" >Analytics</a> </li> </ul> </div> <div class="u-flex-1 u-basis-6 sm:u-basis-4 lg:u-basis-2 b--u-mb-3 b--u-pr-1 b--sm:u-pr-0.25"> <p class="b--u-text-xs b--u-text-bold b--u-mb-2 b--u-text-black-900">Solutions</p> <ul class="u-p-0 u-m-0"> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/solutions/chatbot-for-marketing/" class="b--u-text-xs c-link v--reset" >Marketing</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/solutions/chatbot-for-support/" class="b--u-text-xs c-link v--reset" >Customer Support</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/solutions/chatbot-for-sales/" class="b--u-text-xs c-link v--reset" >Sales</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/solutions/chatbot-for-education/" class="b--u-text-xs c-link v--reset" >Education</a> </li> </ul> </div> <div class="u-flex-1 u-basis-6 sm:u-basis-4 lg:u-basis-2 b--u-mb-3 b--u-pr-1 b--sm:u-pr-0.25"> <p class="b--u-text-xs b--u-text-bold b--u-mb-2 b--u-text-black-900">Integrations</p> <ul class="u-p-0 u-m-0"> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/integrations/chat-widget/" class="b--u-text-xs c-link v--reset" >Chat Widget</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/integrations/livechat/" class="b--u-text-xs c-link v--reset" >LiveChat</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/integrations/helpdesk/" class="b--u-text-xs c-link v--reset" >HelpDesk</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/integrations/facebook-messenger/" class="b--u-text-xs c-link v--reset" >Facebook Messenger</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/integrations/shopify/" class="b--u-text-xs c-link v--reset" >Shopify</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/integrations/slack/" class="b--u-text-xs c-link v--reset" >Slack</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/integrations/zapier/" class="b--u-text-xs c-link v--reset" >Zapier</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/integrations/wordpress/" class="b--u-text-xs c-link v--reset" >WordPress</a> </li> </ul> </div> <div class="u-flex-1 u-basis-6 sm:u-basis-4 lg:u-basis-2 b--u-mb-3 b--u-pr-1 b--sm:u-pr-0.25"> <p class="b--u-text-xs b--u-text-bold b--u-mb-2 b--u-text-black-900">ChatBot Templates</p> <ul class="u-p-0 u-m-0"> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/chatbot-templates/marketing/" class="b--u-text-xs c-link v--reset" >Marketing Templates</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/chatbot-templates/sales/" class="b--u-text-xs c-link v--reset" >Sales Templates</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/chatbot-templates/support/" class="b--u-text-xs c-link v--reset" >Support Templates</a> </li> </ul> </div> <div class="u-flex-1 u-basis-6 sm:u-basis-4 lg:u-basis-2 b--u-mb-3 b--u-pr-1 b--sm:u-pr-0.25"> <p class="b--u-text-xs b--u-text-bold b--u-mb-2 b--u-text-black-900">Resources</p> <ul class="u-p-0 u-m-0"> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/help/" class="b--u-text-xs c-link v--reset" >Help Center</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/docs/" class="b--u-text-xs c-link v--reset" >API & Developers</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/academy/" class="b--u-text-xs c-link v--reset" >ChatBot Academy</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/blog/" class="b--u-text-xs c-link v--reset" >Blog</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/chatbot-best-practices/" class="b--u-text-xs c-link v--reset" >Chatbot Best Practices</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="https://status.chatbot.com/" class="b--u-text-xs c-link v--reset" target="_blank" rel="noopener" >System Status</a> </li> </ul> </div> <div class="u-flex-1 u-basis-6 sm:u-basis-4 lg:u-basis-2 b--u-mb-3 b--u-pr-1 b--sm:u-pr-0.25"> <p class="b--u-text-xs b--u-text-bold b--u-mb-2 b--u-text-black-900">Company</p> <ul class="u-p-0 u-m-0"> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="https://text.com/" class="b--u-text-xs c-link v--reset" target="_blank" rel="noopener" >About <span class='b--u-text-bold'>text|</span></a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="https://partners.livechat.com/?utm_source=chatbot.com&utm_medium=referral&utm_content=footer" class="b--u-text-xs c-link v--reset" target="_blank" rel="noopener" >Partner Program</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="https://www.livechat.com/press/?utm_source=chatbot.com&utm_medium=referral&utm_campaign=footer" class="b--u-text-xs c-link v--reset" target="_blank" rel="noopener" >Press</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="https://www.livechat.com/careers/?utm_source=chatbot.com&utm_medium=referral&utm_campaign=footer" class="b--u-text-xs c-link v--reset" target="_blank" rel="noopener" >Careers</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="https://incubator.livechat.com/?utm_source=chatbot&utm_medium=referral&utm_content=footer" class="b--u-text-xs c-link v--reset" target="_blank" rel="noopener" >LiveChat Incubator</a> </li> <li class="b--u-mb-2 b--lg:u-mb-1"> <a href="/legal/" class="b--u-text-xs c-link v--reset" >Legal</a> </li> </ul> </div> </nav> <div class="u-flex sm:u-items-center lg:u-justify-between u-flex-col lg:u-flex-row b--u-mb-6 b--md:u-mb-12 b--lg:u-mb-8"> <div class="u-hidden md:u-flex u-items-center u-flex-col md:u-flex-row b--u-mb-4 b--lg:u-mb-0.25"> <p class="b--u-text-sm b--u-text-bold b--u-mb-3 b--md:u-mb-0.25 b--u-mr-4">Start your free trial</p> <a href="https://accounts.livechat.com/signup?client_id=92418ea187dd3c572383cbf56f015b6c&response_type=token&redirect_uri=https%3A%2F%2Fapp.chatbot.com%2Fstories?source_id=footer_cta&source_url=https%3a%2f%2fwww.chatbot.com%2ffeatures%2fvisual-builder%2f&source_type=website" class="c-btn v--sm v--signup" data-controller="track utm-tracking" data-target="utm-tracking.element" data-track-category="Signup" data-track-action="Signup Redirect" data-track-label="Sign up free - Footer" data-action="track#send">Sign up free</a> </div> <div class="md:u-hidden u-flex u-items-center u-justify-center u-flex-col b--u-mb-6 b--md:u-mb-0.25"> <p class="b--u-text-sm b--u-text-bold b--u-mb-3 b--md:u-mb-0.25">Start your free trial</p> <a href="https://accounts.livechat.com/signup?client_id=92418ea187dd3c572383cbf56f015b6c&response_type=token&redirect_uri=https%3A%2F%2Fapp.chatbot.com%2Fstories?source_id=footer_cta&source_url=https%3a%2f%2fwww.chatbot.com%2ffeatures%2fvisual-builder%2f&source_type=website" class="c-btn v--signup u-w-full u-maxw-3 u-mx-auto" data-controller="track utm-tracking" data-target="utm-tracking.element" data-track-category="Signup" data-track-action="Signup Redirect" data-track-label="Sign up free - Footer" data-action="track#send">Sign up free</a> </div> <div class="u-maxw-5 u-mx-auto lg:u-mr-0"> <div class="b--o-grid b--o-grid--gap-6 b--md:o-grid--gap-4 b--o-grid--3 b--sm:o-grid--6"> <a href="https://twitter.com/ChatBotCom" aria-label="Twitter icon" class="u-text-gray-100 hover:u-text-gray-300"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M21.2 5a5 5 0 0 0 2.1-2.6c-1 .5-2 1-3 1.2a5 5 0 0 0-8.6 3.3l.1 1.2A14 14 0 0 1 1.7 2.9a5 5 0 0 0 1.5 6.6c-.8 0-1.6-.3-2.2-.6a5 5 0 0 0 4 4.9 5 5 0 0 1-2.3 0 5 5 0 0 0 4.6 3.5 9.9 9.9 0 0 1-7.3 2A14 14 0 0 0 21.5 6.8 10 10 0 0 0 24 4.4c-.9.4-1.8.7-2.8.8Z" fill="currentColor"/></svg></a> <a href="https://www.linkedin.com/showcase/chatbotcom/" aria-label="LinkedIn icon" class="u-text-gray-100 hover:u-text-gray-300"><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M20.45 20.45H16.9v-5.57c0-1.33-.02-3.04-1.85-3.04-1.85 0-2.13 1.45-2.13 2.95v5.66H9.35V9h3.41v1.56h.05a3.74 3.74 0 0 1 3.37-1.85c3.6 0 4.27 2.37 4.27 5.46v6.28zM5.34 7.43a2.06 2.06 0 1 1 0-4.13 2.06 2.06 0 0 1 0 4.13zM3.55 20.45h3.57V9H3.55v11.45zM22.22 0H1.77C.79 0 0 .77 0 1.73v20.54C0 23.22.8 24 1.77 24h20.45c.98 0 1.78-.78 1.78-1.73V1.73C24 .77 23.2 0 22.22 0z" fill="currentColor" fill-rule="evenodd"/></svg> </a> <a href="https://www.facebook.com/chatbotcom" aria-label="Facebook icon" class="u-text-gray-100 hover:u-text-gray-300"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24 12a12 12 0 1 0-13.9 12v-8.5h-3v-3.4h3V9.4c0-3 1.8-4.6 4.6-4.6l2.6.2v3h-1.5c-1.5 0-2 .9-2 1.8v2.3h3.4l-.5 3.4h-2.8V24A12 12 0 0 0 24 12.1Z" fill="currentColor"/></svg></a> <a href="https://www.youtube.com/livechat?sub_confirmation=1" aria-label="YouTube icon" class="u-text-gray-100 hover:u-text-gray-300"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 15.6V8.8l6.5 3.4-6.5 3.4Zm14.3-8s-.3-1.6-1-2.3c-1-1-2-1-2.4-1C17 4 12 4 12 4s-5 0-8.4.2c-.5.1-1.5.1-2.4 1-.7.8-1 2.5-1 2.5L0 11.5v1.9c0 2 .2 3.9.2 3.9s.3 1.6 1 2.4c1 1 2.1.9 2.6 1 2 .2 8.2.2 8.2.2s5 0 8.4-.2c.5 0 1.5 0 2.4-1 .7-.8 1-2.4 1-2.4l.2-4v-1.8l-.2-3.8Z" fill="currentColor"/></svg></a> <a href="https://www.producthunt.com/posts/chatbot-2" aria-label="Product Hunt icon" class="u-text-gray-100 hover:u-text-gray-300"><svg width="24" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M13.6 8.4a1.8 1.8 0 1 1 0 3.6h-3.4V8.4h3.4zm0 6a4.2 4.2 0 1 0 0-8.4H7.8v12h2.4v-3.6h3.4zM12 0a12 12 0 1 1 0 24 12 12 0 0 1 0-24z" fill="currentColor" fill-rule="evenodd"/></svg> </a> <a href="https://github.com/ChatBotCom" aria-label="GitHub icon" class="u-text-gray-100 hover:u-text-gray-300"><svg width="25" height="24" xmlns="http://www.w3.org/2000/svg"><path d="M23.2 6.1A12.3 12.3 0 0 0 12.4 0 12.3 12.3 0 0 0 1.7 6.1 12 12 0 0 0 0 12.3c0 2.7.8 5 2.4 7.2C4 21.7 6 23.2 8.5 24l.6-.1c.2-.2.3-.3.3-.5a365.7 365.7 0 0 0 0-2.3H9l-1 .1a7 7 0 0 1-1-.1c-.4 0-.8-.2-1.1-.5a2 2 0 0 1-.8-1l-.1-.3a4 4 0 0 0-.5-.8 2 2 0 0 0-.7-.7h-.1a1.2 1.2 0 0 1-.4-.5v-.1L4 17h.3l.8.4c.3.2.6.5.8.9.2.4.5.7.9 1 .3.2.7.3 1 .3h1l.7-.3c0-.7.3-1.3.8-1.7-.7 0-1.2-.1-1.7-.3-.5 0-1-.3-1.5-.6a4.3 4.3 0 0 1-2.2-2.7 8 8 0 0 1-.3-2.4c0-1.3.4-2.4 1.3-3.3-.4-1-.4-2.1 0-3.3.4-.1.9 0 1.5.2a9.8 9.8 0 0 1 2 1 11.6 11.6 0 0 1 6.2 0l.7-.3 1.4-.7c.6-.2 1-.3 1.4-.2.4 1.2.5 2.3 0 3.3 1 .9 1.4 2 1.4 3.3A8 8 0 0 1 20 14a5 5 0 0 1-.8 1.7l-1.3 1c-.6.3-1 .5-1.6.6-.5.2-1 .3-1.6.3.5.5.8 1.3.8 2.3v3.4c0 .2 0 .3.2.5h.7a12.2 12.2 0 0 0 8.5-11.6 12 12 0 0 0-1.7-6.2z" fill="currentColor" fill-rule="evenodd"/></svg> </a> </div> </div> </div> </div> </div> <div class="o-container-xl u-text-gray-400"> <div class="b--u-py-3"> <p class="u-text-p9 u-mb-0 u-pb-0" style="color: inherit;">Copyright © 2024 Text, Inc. All rights reserved</p> <div class="b--u-pt-3"> <p class="u-text-p9 u-mb-0 u-pb-0" style="color: inherit;"> We use cookies and similar technologies to enhance your interactions with our website and Services, including when you reach out to us on chat. This comprises traffic analysis, delivering personalized content, and supporting our marketing efforts. By accessing our website, interacting with our Services, you agree to let us and our partners employ cookies and related technologies on your computer or devices. Click the <a href="/legal/cookies-policy/" class="b--u-text-bold" style="color: inherit;">Cookies Policy</a> to check how you can control the use of cookies through your device. To understand how we process your data, including through cookies, and interactions with us, please read our <a href="/legal/privacy-policy/" class="b--u-text-bold" style="color: inherit;">Privacy Policy</a>. </p> </div> </div> </div> </footer> <script async defer src="/dist/js/main.95508e063be5f72a976915dc39ec716d484311c07a3701fab9b4f3789998b373.js"></script> <script> window.__ow = window.__ow || {}; window.__ow.organizationId = "b9c3b2e3-c30b-4ffd-9456-2ef926ae2abd"; window.__ow.template_id = "6039c5f3-63b8-4599-8f53-8253192eff7d"; window.__ow.integration_name = "manual_settings"; window.__ow.product_name = "chatbot"; ;(function(n,t,c){function i(n){return e._h?e._h.apply(null,n):e._q.push(n)}var e={_q:[],_h:null,_v:"2.0",on:function(){i(["on",c.call(arguments)])},once:function(){i(["once",c.call(arguments)])},off:function(){i(["off",c.call(arguments)])},get:function(){if(!e._h)throw new Error("[OpenWidget] You can't use getters before load.");return i(["get",c.call(arguments)])},call:function(){i(["call",c.call(arguments)])},init:function(){var n=t.createElement("script");n.async=!0,n.type="text/javascript",n.src="https://cdn.openwidget.com/staging/openwidget.js",t.head.appendChild(n)}};!n.__ow.asyncInit&&e.init(),n.OpenWidget=n.OpenWidget||e}(window,document,[].slice)) </script> <noscript>You need to <a href="https://www.chatbot.com/help/chat-widget/enable-javascript-in-your-browser/" rel="noopener nofollow">enable JavaScript</a> in order to use the AI chatbot tool powered by <a href="https://www.chatbot.com/" rel="noopener nofollow" target="_blank">ChatBot</a></noscript> </body> </html>

CINXE.COM

ChatBot Visual Builder - Build Chatbots Without Coding