It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://chatbots.org/

  1. <!doctype html>
  2. <html lang="en-US">
  3. <head>
  4. <link rel="dns-prefetch" href="//fonts.googleapis.com">
  5. <link rel="dns-prefetch" href="//google-analytics.com">
  6. <meta charset="UTF-8">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport" content="width=device-width, initial-scale=1">
  9. <meta name="apple-mobile-web-app-capable" content="yes" />
  10. <title>
  11. Chatbots.org - Virtual assistants, virtual agents, chat bots, conversational agents, chatterbots, chatbots: examples, companies, news,directory
  12. </title>
  13. <meta name="description" content="Chatbot directory, all virtual agents,  virtual agents, chatbots,  chat bots,  conversational agents and chatterbots listed), virtual agent list, virtual assistant overview, chatterbot, chat bot,  conversational agent" />
  14. <meta name="keywords" content="chatbots, chatbot, chat bots, chat bot, bots, virtual agents, virtual agent, virtual assistant, virtual assistants, chatterbots, chatterbot, conversational agents, conversational agent, virtual humans, virtual human, list, overview, directory, chatbot" />
  15. <meta name="author" content />
  16. <meta name="copyright" content="Copyright  . All Rights Reserved." />
  17. <meta name="application-name" content="chatbots.org" />
  18. <link href="https://fonts.googleapis.com/css?family=Muli:400,700|Poppins:600,700&display=swap" rel="stylesheet">
  19. <link rel="stylesheet" type="text/css" href="/assets/css/main.css" />
  20. <link rel="shortcut icon" href="/favicon.ico">
  21. <link rel="manifest" href="/manifest.json">
  22.  
  23. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-55954-3"></script>
  24. <script>
  25.  window.dataLayer = window.dataLayer || [];
  26.  function gtag(){dataLayer.push(arguments);}
  27.  gtag('js', new Date());
  28.  
  29.  gtag('config', 'UA-55954-3');
  30. </script>
  31. <style>
  32. .features_data .btn-inverse{
  33. font-size: 10px;margin-bottom:10px;line-height: 18px !important;
  34. }
  35. #myModal .features_data .btn-inverse{
  36. min-width: 270px !important;
  37. }
  38. @media screen and (max-width: 1235px) {
  39.  #myModal .features_data .btn-inverse{
  40. min-width: 260px !important;
  41. }
  42. }
  43. @media screen and (max-width: 1190px) {
  44.  #myModal .features_data .btn-inverse{
  45. min-width: 250px !important;
  46. }
  47. }
  48. @media screen and (max-width: 1145px) {
  49.  #myModal .features_data .btn-inverse{
  50. min-width: 240px !important;
  51. }
  52. }
  53. @media screen and (max-width: 1100px) {
  54.  #myModal .features_data .btn-inverse{
  55. min-width: 230px !important;
  56. }
  57. }
  58. @media screen and (max-width: 1055px) {
  59.  #myModal .features_data .btn-inverse{
  60. min-width: 220px !important;
  61. }
  62. }
  63. @media screen and (max-width: 1010px) {
  64.  #myModal .features_data .btn-inverse{
  65. min-width: 210px !important;
  66. }
  67. }
  68. @media screen and (max-width: 991px) {
  69.  #myModal .features_data .btn-inverse{
  70. min-width: 200px !important;
  71. }
  72. }
  73. @media screen and (max-width: 957px) {
  74.  #myModal .features_data .btn-inverse{
  75. min-width: 190px !important;
  76. }
  77. }
  78. @media screen and (max-width: 912px) {
  79.  #myModal .features_data .btn-inverse{
  80. min-width: 180px !important;
  81. }
  82. }
  83. @media screen and (max-width: 867px) {
  84.  #myModal .features_data .btn-inverse{
  85. min-width: 170px !important;
  86. }
  87. }
  88. @media screen and (max-width: 822px) {
  89.  #myModal .features_data .btn-inverse{
  90. min-width: 160px !important;
  91. }
  92. }
  93. @media screen and (max-width: 777px) {
  94.  #myModal .features_data .btn-inverse{
  95. min-width: 150px !important;
  96. }
  97. }
  98. @media screen and (max-width: 777px) {
  99.  #myModal .features_data .btn-inverse{margin-left:35px;}
  100.  #myModal h2.fc-white{
  101.   font-size: 18px !important;
  102.  }
  103.  #myModal h4.fc-white{
  104.   font-size:15px !important;
  105.  }
  106.  #myModal p.fc-white{
  107.   font-size:12px !important;
  108.  }
  109.  #myModal div.title{
  110.   padding-bottom: 0px !important;
  111.  }
  112.  #myModal .pb-20{
  113.   padding-bottom: 10px !important;
  114.  }
  115.  #myModal .pt-20{
  116.   padding-top: 10px !important;
  117.  }
  118.  #myModal .pt-50{
  119.   padding-top: 15px !important;
  120.  }
  121. }
  122. @media screen and (max-width: 741px) {
  123.  #myModal .features_data .btn-inverse{margin-left:30px;}
  124. }
  125. @media screen and (max-width: 741px) {
  126.  #myModal .features_data .btn-inverse{margin-left:25px;}
  127. }
  128. @media screen and (max-width: 704px) {
  129.  #myModal .features_data .btn-inverse{margin-left:20px;}
  130. }
  131. @media screen and (max-width: 685px) {
  132.  #myModal .features_data .btn-inverse{margin-left:15px;}
  133. }
  134. @media screen and (max-width: 666px) {
  135.  #myModal .features_data .btn-inverse{margin-left:10px;}
  136. }
  137. @media screen and (max-width: 647px) {
  138.  #myModal .features_data .btn-inverse{margin-left:5px;}
  139. }
  140. @media screen and (max-width: 629px) {
  141.  #myModal .features_data .btn-inverse{margin-left:40px;}
  142. }
  143. @media screen and (max-width: 517px) {
  144.  #myModal .features_data .btn-inverse{margin-left:30px;}
  145. }
  146. @media screen and (max-width: 492px) {
  147.  #myModal .features_data .btn-inverse{margin-left:25px;}
  148. }
  149. @media screen and (max-width: 480px) {
  150.  #myModal .features_data .btn-inverse{margin-left:20px;}
  151. }
  152. @media screen and (max-width: 467px) {
  153.  #myModal .features_data .btn-inverse{margin-left:15px;}
  154. }
  155. @media screen and (max-width: 450px) {
  156.  #myModal .features_data .btn-inverse{margin-left:5px;}
  157. }
  158. @media screen and (max-width: 430px) {
  159.  #myModal .features_data .btn-inverse{margin-left:1px;}
  160. }
  161. @media screen and (max-width: 420px) {
  162.  #myModal .features_data .btn-inverse{margin-left:60px;}
  163. }
  164. @media screen and (max-width: 1097px) {
  165.  .features_data .btn-inverse{
  166. font-size: 8px;margin-bottom:10px;
  167. min-width: 200px;
  168. }
  169. }
  170. @media screen and (max-width: 992px) {
  171.  .features_data .btn-inverse{
  172. font-size: 8px;margin-bottom:10px;
  173. min-width: 190px;
  174. }
  175. }
  176. @media screen and (max-width: 963px) {
  177.  .features_data .btn-inverse{
  178. font-size: 8px;margin-bottom:10px;
  179. min-width: 180px;
  180. }
  181. }
  182. @media screen and (max-width: 915px) {
  183.  .features_data .btn-inverse{
  184. font-size: 8px;margin-bottom:10px;
  185. min-width: 170px;
  186. }
  187. }
  188. @media screen and (max-width: 867px) {
  189.  .features_data .btn-inverse{
  190. font-size: 8px;margin-bottom:10px;
  191. min-width: 160px;
  192. }
  193. }
  194. @media screen and (max-width: 819px) {
  195.  .features_data .btn-inverse{
  196. font-size: 8px;margin-bottom:10px;
  197. min-width: 150px;
  198. }
  199. }
  200. @media screen and (max-width: 771px) {
  201.  .features_data .btn-inverse{
  202. font-size: 8px;margin-bottom:10px;
  203. min-width: 140px;
  204. }
  205. }
  206. @media screen and (max-width: 746px) {
  207.  .features_data .btn-inverse{margin-left:20px;}
  208. }
  209. @media screen and (max-width: 682px) {
  210.  .features_data .btn-inverse{margin-left:15px;}
  211. }
  212. @media screen and (max-width: 662px) {
  213.  .features_data .btn-inverse{margin-left:10px;}
  214. }
  215. @media screen and (max-width: 642px) {
  216.  .features_data .btn-inverse{margin-left:5px;}
  217. }
  218. @media screen and (max-width: 622px) {
  219.  .features_data .btn-inverse{margin-left:40px;}
  220. }
  221. @media screen and (max-width: 578px) {
  222.  .features_data .btn-inverse{margin-left:30px;}
  223. }
  224. @media screen and (max-width: 548px) {
  225.  .features_data .btn-inverse{margin-left:20px;}
  226. }
  227. @media screen and (max-width: 518px) {
  228.  .features_data .btn-inverse{margin-left:10px;}
  229. }
  230. @media screen and (max-width: 488px) {
  231.  .features_data .btn-inverse{margin-left:5px;}
  232. }
  233. @media screen and (max-width: 473px) {
  234.  .features_data .btn-inverse{margin-left:0px;}
  235. }
  236. @media screen and (max-width: 458px) {
  237.  .features_data .btn-inverse{margin-left:40px;}
  238. }
  239. @media screen and (max-width: 394px) {
  240.  .features_data .btn-inverse{margin-left:20px;}
  241. }
  242. @media screen and (max-width: 354px) {
  243.  .features_data .btn-inverse{margin-left:0px;}
  244. }
  245. /* Mark input boxes that gets an error on validation: */
  246. input.invalid {
  247.  background-color: #ffdddd;
  248. }
  249.  
  250. /* Hide all step_lead_datas by default: */
  251. .tab {
  252.  display: none;
  253. }
  254.  
  255. /* Make circles that indicate the step_lead_datas of the form: */
  256. .step_lead_data {
  257.  height: 15px;
  258.  width: 15px;
  259.  margin: 0 2px;
  260.  background-color: #bbbbbb;
  261.  border: none;  
  262.  border-radius: 50%;
  263.  display: inline-block;
  264.  opacity: 0.5;
  265. }
  266.  
  267. .step_lead_data.active {
  268.  opacity: 1;
  269. }
  270.  
  271. /* Mark the step_lead_datas that are finished and valid: */
  272. .step_lead_data.finish {
  273.  background-color: #4CAF50;
  274. }
  275. .active_sf{
  276.  background-color: #fdc053;
  277.  color: #fff;
  278. }
  279. .tab input {
  280.  
  281.    height: 54px;
  282.    width: 100%;
  283.    padding: 10px 20px;
  284.    border: 1px solid
  285.  
  286.    rgba(51, 51, 51, 0.2);
  287.    margin-bottom: 20px;
  288.    outline: 0;
  289.    font-weight: normal !important;
  290.    font-family: "Muli", sans-serif;
  291.    -webkit-box-shadow: none;
  292.    box-shadow: none;
  293.    -webkit-transition: all .3s ease;
  294.    -o-transition: all .3s ease;
  295.    transition: all .3s ease;
  296.  
  297. }
  298. </style>
  299. <style type="text/css">
  300. /* The Modal (background) */
  301. .modal {
  302.  display: none; /* Hidden by default */
  303.  position: fixed; /* Stay in place */
  304.  z-index: 1; /* Sit on top */
  305.  left: 0;
  306.  top: 0;
  307.  width: 100%; /* Full width */
  308.  height: 100%; /* Full height */
  309.  overflow: auto; /* Enable scroll if needed */
  310.  background-color: rgb(0,0,0); /* Fallback color */
  311.  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  312. }
  313.  
  314. /* Modal Content/Box */
  315. .modal-content {
  316.  margin: 2% auto; /* 15% from the top and centered */
  317.  width: 80%; /* Could be more or less, depending on screen size */
  318.  position: relative;
  319. }
  320.  
  321. /* The Close Button */
  322. .close {
  323.  color: #fdad20;
  324.  float: left;
  325.  font-size: 28px;
  326.  font-weight: bold;
  327.  z-index: 2;
  328.  position: absolute;
  329.  right: 15px;
  330.  top: 5px;
  331. }
  332.  
  333. .close:hover,
  334. .close:focus {
  335.  color: black;
  336.  text-decoration: none;
  337.  cursor: pointer;
  338. }
  339. </style>
  340. <style>
  341. /* Mark input boxes that gets an error on validation: */
  342. .modal_lead_form input.invalid {
  343.  background-color: #ffdddd;
  344. }
  345.  
  346. /* Hide all step_lead_data_modals by default: */
  347. .modal_lead_form .tabmodal {
  348.  display: none;
  349. }
  350.  
  351. /* Make circles that indicate the step_lead_data_modals of the form: */
  352. .modal_lead_form .step_lead_data_modal {
  353.  height: 15px;
  354.  width: 15px;
  355.  margin: 0 2px;
  356.  background-color: #bbbbbb;
  357.  border: none;  
  358.  border-radius: 50%;
  359.  display: inline-block;
  360.  opacity: 0.5;
  361. }
  362.  
  363. .modal_lead_form .step_lead_data_modal.active {
  364.  opacity: 1;
  365. }
  366.  
  367. /* Mark the step_lead_data_modals that are finished and valid: */
  368. .modal_lead_form .step_lead_data_modal.finish {
  369.  background-color: #4CAF50;
  370. }
  371. .modal_lead_form .active_sf_mmodal{
  372.  background-color: #fdc053;
  373.  color: #fff;
  374. }
  375. .modal_lead_form .active_sf{
  376.  background-color: #fdc053;
  377.  color: #fff;
  378. }
  379. .modal_lead_form .tabmodal input {
  380.  
  381.    height: 54px;
  382.    width: 100%;
  383.    padding: 10px 20px;
  384.    border: 1px solid
  385.  
  386.    rgba(51, 51, 51, 0.2);
  387.    margin-bottom: 20px;
  388.    outline: 0;
  389.    font-weight: normal !important;
  390.    font-family: "Muli", sans-serif;
  391.    -webkit-box-shadow: none;
  392.    box-shadow: none;
  393.    -webkit-transition: all .3s ease;
  394.    -o-transition: all .3s ease;
  395.    transition: all .3s ease;
  396.  
  397. }
  398. @media screen and (max-width: 450px) {
  399. .team .btn-inverse{
  400. font-size: 12px !important;
  401. min-width: 50px !important;
  402. }
  403. }
  404. @media screen and (max-width: 550px) {
  405. #myModal .team .btn-inverse{
  406.    font-size: 12px !important;
  407. min-width: 50px !important;
  408. }
  409. }
  410. </style>
  411. </head>
  412. <body>
  413. <div class="main-wrapper">
  414. <div class="banner" style="background: url('/assets/img/regular/bg-fold.jpg') center center no-repeat">
  415. <div class="banner-content text-center">
  416. <header class="pt-20 pb-20">
  417. <div class="container">
  418. <div class="d-flex justify-content-md-start justify-content-center aligin-items-center">
  419. <h1><a class="logo center" href="/">ChatBots</a></h1>
  420. <p class="fc-white ml-40 hidden-md-down">Chatbot Reviews, Community & News</p>
  421. </div>
  422. </div>
  423. </header>
  424. <div class="container">
  425. <div class="row">
  426. <div class="col-md-8 offset-md-2">
  427. <h1 class="fc-white">Compare and Choose the Right Chatbot Technology</h1>
  428. <p class="fc-white pt-20 pb-30">User Reviews. Quick-Start Tutorials. Guidance by Industry &amp; Application.</p>
  429.  
  430. </div>
  431. </div>
  432. </div>
  433. <div class="banner-menu home show">
  434. <div class="container">
  435. <h4 style="color: #fff;padding-top: 15px;">Browse All Chatbot Categories</h4>
  436. <ul>
  437. <li>
  438. <a href="/best-sales-chatbot-tools">
  439. <img src="https://chatbots.org/images/news/icon-sales_white_2x.png" alt="Sales Enablement Chat">
  440. <span>Sales Enablement Chat</span>
  441. </a>
  442. </li>
  443. <li>
  444. <a href="/best-real-estate-chatbot-tools">
  445. <img src="https://chatbots.org/images/news/icon-realesate_white_2x.png" alt="Real Estate Chatbots">
  446. <span>Real Estate Chatbots</span>
  447. </a>
  448. </li>
  449. <li>
  450. <a href="/best-ecommerce-chatbot-tools">
  451. <img src="https://chatbots.org/images/news/icon-ecommerce_white_2x.png" alt="Ecommerce Chatbots">
  452. <span>Ecommerce Chatbots</span>
  453. </a>
  454. </li>
  455. <li>
  456. <a href="/best-ai-chatbot-tools">
  457. <img src="https://chatbots.org/images/news/icon-aichat_2x.png" alt="AI Chat">
  458. <span>AI Chat</span>
  459. </a>
  460. </li>
  461. <li>
  462. <a href="/best-web-chat-apps">
  463. <img src="https://chatbots.org/images/news/icon-webchat.png" alt="Web Chat">
  464. <span>Web Chat</span>
  465. </a>
  466. </li>
  467. <li>
  468. <a href="/best-facebook-messenger-marketing-tools">
  469. <img src="https://chatbots.org/images/news/icon_messenger_2x.png" alt="Messenger Chat">
  470. <span>Messenger Chat</span>
  471. </a>
  472. </li>
  473. </ul>
  474. <ul>
  475. <li>
  476. <a href="/best-customer-service-chatbot-tools">
  477. <img src="https://chatbots.org/images/news/icon-customer_support_2x.png" alt="Customer Support Chat">
  478. <span>Customer Support Chat</span>
  479. </a>
  480. </li>
  481. <li>
  482. <a href="/best-live-chat-software">
  483. <img src="https://chatbots.org/images/news/icon-livechat_2x.png" alt="Live Chat Integration">
  484. <span>Live Chat Software</span>
  485. </a>
  486. </li>
  487. <li>
  488. <a href="/best-enterprise-chat-software">
  489. <img src="https://chatbots.org/images/news/icon-enterprise_2x.png" alt="Enterprise Chatbots">
  490. <span>Enterprise Chatbots</span>
  491. </a>
  492. </li>
  493. <li>
  494. <a href="/best-sms-marketing-services">
  495. <img src="/images/news/BestSMSChatbots-white.png" alt="SMS Marketing Services">
  496. <span>SMS Marketing</span>
  497. </a>
  498. </li>
  499. <li>
  500. <a href="/best-chatbots-for-marketing">
  501. <img src="/images/news/BestChatbotsForMarketing-white.png" alt="Chatbots for Marketing">
  502. <span>Marketing Bots</span>
  503. </a>
  504. </li>
  505. <li>
  506. <a href="/best-chatbot-builders">
  507. <img src="/images/news/BestChatbotBuilder-white.png" alt="Chatbot Builders">
  508. <span>Chatbot Builders</span>
  509. </a>
  510. </li>
  511. </ul>
  512. </div>
  513. </div>
  514. </div>
  515. </div>
  516. <div class="featured-in">
  517. <div class="container">
  518. <h2 class="text-uppercase text-center">Featured In</h2>
  519. <div class="feature-images">
  520. <img src="https://chatbots.org/images/news/img-featured-1.png" alt>
  521. <img src="https://chatbots.org/images/news/img-featured-2.png" alt>
  522. <img src="https://chatbots.org/images/news/img-featured-3.png" alt>
  523. <img src="https://chatbots.org/images/news/img-featured-4.png" alt>
  524. <img src="https://chatbots.org/images/news/img-featured-5.png" alt>
  525. <img src="https://chatbots.org/images/news/img-featured-6.png" alt>
  526. <img src="https://chatbots.org/images/news/img-featured-7.png" alt>
  527. </div>
  528. </div>
  529. </div>
  530. <section>
  531. <div class="container">
  532. <div class="row">
  533. <div class="title  center  ">
  534. <div class="container">
  535. <h2 class>Here's What You Can Expect<br/> From Chatbots.org</h2>
  536. <div class="row">
  537. <div class="col-md-10 offset-md-1">
  538. <p>We publish original research and crowdsourced reviews to help your business identify the best chatbot development platform for your needs.</p>
  539. </div>
  540. </div>
  541. </div>
  542. </div>
  543. <div class="col-md-4">
  544. <div class="feature-card">
  545. <div class="icon-content">
  546. <img src="https://chatbots.org/images/news/header-research.png" alt>
  547. </div>
  548. <div class="details text-center">
  549. <h4 class="pb-5">Research &amp; Tutorials</h4>
  550. <p>See in-depth industry and use-case guides so that you can get the most out of the chatbot development platform you choose.</p>
  551. </div>
  552. </div>
  553. </div><div class="col-md-4">
  554. <div class="feature-card">
  555. <div class="icon-content">
  556. <img src="https://chatbots.org/images/news/header-user_reviews.png" alt>
  557. </div>
  558. <div class="details text-center">
  559. <h4 class="pb-5">User Reviews</h4>
  560. <p>Read how other developer, IT, marketing and senior sales professionals rate and review chatbot platforms.</p>
  561. </div>
  562. </div>
  563. </div><div class="col-md-4">
  564. <div class="feature-card">
  565. <div class="icon-content">
  566. <img src="https://chatbots.org/images/news/header-chatbot.png" alt>
  567. </div>
  568. <div class="details text-center">
  569. <h4 class="pb-5">Chatbot Community</h4>
  570. <p>Participate in one of the original user forums serving the chatbot development and greater business community since 2008.
  571. </p>
  572. </div>
  573. </div>
  574. </div>
  575. </div>
  576. </div>
  577. </section>
  578. <section class="pt-0">
  579. <div class="title  center  ">
  580. <div class="container">
  581. <h2 class>Latest Chatbot<br/>
  582. Reviews</h2>
  583. </div>
  584. </div>
  585. <div class="container">
  586. <div class="row">
  587. <div class="col-md-4">
  588. <div class="card">
  589. <div class="bg-block green">
  590. <img src="/assets/img/double/category/logo-review_mm.png" alt="MobileMonkey Logo" style="width: 200px;">
  591. <div class="stars d-flex align-items-center">
  592. <ul class="d-flex">
  593. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  594. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  595. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  596. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  597. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  598. </ul>
  599. </div>
  600. <div class="clip-path"></div>
  601. </div>
  602. <div class="details">
  603. <p>
  604. This MobileMonkey review describes the main features of MobileMonkey, as well as the pros and cons of the chatbot platform.
  605. </p>
  606. <p class="author">&nbsp;</p>
  607. <a href="/mobilemonkey" class="text-right">MobileMonkey Review >></a>
  608. </div>
  609. </div>
  610. </div>
  611. <div class="col-md-4">
  612. <div class="card">
  613. <div class="bg-block red">
  614. <img src="/assets/img/double/category/logo-review_manychat.png" alt="ManyChat Logo" style="width: 200px;">
  615. <div class="stars d-flex align-items-center">
  616. <ul class="d-flex">
  617. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  618. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  619. <li><img src="/images/static/icon-star_yellow_half.png" alt style="height: 22px;"></li>
  620. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  621. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  622. </ul>
  623. </div>
  624. <div class="clip-path"></div>
  625. </div>
  626. <div class="details">
  627. <p>
  628. This ManyChat review describes the main features of ManyChat, as well as the pros and cons of the chatbot platform.
  629. </p>
  630. <p class="author">&nbsp;</p>
  631. <a href="/manychat" class="text-right">ManyChat Review >></a>
  632. </div>
  633. </div>
  634. </div>
  635. <div class="col-md-4">
  636. <div class="card">
  637. <div class="bg-block black white-star">
  638. <img src="/images/static/chatfuel_logo.png" alt="Chatfuel Logo" style="width: 200px;">
  639. <div class="stars d-flex align-items-center">
  640. <ul class="d-flex">
  641. <li><img src="/assets/img/double/category/icon-star_white.png" alt></li>
  642. <li><img src="/assets/img/double/category/icon-star_white.png" alt></li>
  643. <li><img src="/images/static/icon-star_yellow_half.png" alt style="height: 22px;"></li>
  644. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  645. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  646. </ul>
  647. </div>
  648. <div class="clip-path"></div>
  649. </div>
  650. <div class="details">
  651. <p>
  652. This Chatfuel review describes the main features of Chatfuel, as well as the pros and cons of the chatbot platform.
  653. </p>
  654. <p class="author">&nbsp;</p>
  655. <a href="/chatfuel" class="text-right">Chatfuel Review >></a>
  656. </div>
  657. </div>
  658. </div>
  659. </div>
  660. <div class="row" style="padding-top: 20px; ">
  661. <div class="col-md-4">
  662. <div class="card">
  663. <div class="bg-block yellow">
  664. <img src="/images/static/it-s-alive-logo.png" alt="ItsAlive Logo" style="width: 200px;">
  665. <div class="stars d-flex align-items-center">
  666. <ul class="d-flex">
  667. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  668. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  669. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  670. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  671. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  672. </ul>
  673. </div>
  674. <div class="clip-path"></div>
  675. </div>
  676. <div class="details">
  677. <p>
  678. This ItsAlive review describes the main features of ItsAlive, as well as the pros and cons of the chatbot platform.
  679. </p>
  680. <p class="author">&nbsp;</p>
  681. <a href="/itsalive" class="text-right">ItsAlive Review >></a>
  682. </div>
  683. </div>
  684. </div>
  685. <div class="col-md-4">
  686. <div class="card">
  687. <div class="bg-block blue">
  688. <img src="/images/static/chatteron.png" alt="ChatterOn Logo" style="width: 200px;">
  689. <div class="stars d-flex align-items-center">
  690. <ul class="d-flex">
  691. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  692. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  693. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  694. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  695. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  696. </ul>
  697. </div>
  698. <div class="clip-path"></div>
  699. </div>
  700. <div class="details">
  701. <p>
  702. This ChatterOn review describes the main features of ChatterOn, as well as the pros and cons of the chatbot platform.
  703. </p>
  704. <p class="author">&nbsp;</p>
  705. <a href="/chatteron" class="text-right">ChatterOn Review >></a>
  706. </div>
  707. </div>
  708. </div>
  709. <div class="col-md-4">
  710. <div class="card">
  711. <div class="bg-block green">
  712. <img src="/images/static/botsociety_logo_big.png" alt="Botsociety Logo" style="width: 200px;">
  713. <div class="stars d-flex align-items-center">
  714. <ul class="d-flex">
  715. <li><img src="assets/img/double/category/icon-star_yellow.png" alt></li>
  716. <li><img src="assets/img/double/category/icon-star_yellow.png" alt></li>
  717. <li><img src="assets/img/double/category/icon-star_yellow.png" alt></li>
  718. <li><img src="assets/img/double/category/icon-star_yellow.png" alt></li>
  719. <li><img src="assets/img/double/category/icon-star_gray.png" alt></li>
  720. </ul>
  721. </div>
  722. <div class="clip-path"></div>
  723. </div>
  724. <div class="details">
  725. <p>
  726. This Botsociety review describes the main features of Botsociety, as well as the pros and cons of the chatbot platform.
  727. </p>
  728. <p class="author">&nbsp;</p>
  729. <a href="/botsociety" class="text-right">Botsociety Review >></a>
  730. </div>
  731. </div>
  732. </div>
  733. </div>
  734. <div class="row" style="padding-top: 20px; ">
  735. <div class="col-md-4">
  736. <div class="card">
  737. <div class="bg-block red white-star">
  738. <img src="/images/static/drift-logo.png" alt="Drift Logo" style="height: 60px;">
  739. <div class="stars d-flex align-items-center">
  740. <ul class="d-flex">
  741. <li><img src="/assets/img/double/category/icon-star_white.png" alt></li>
  742. <li><img src="/assets/img/double/category/icon-star_white.png" alt></li>
  743. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  744. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  745. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  746. </ul>
  747. </div>
  748. <div class="clip-path"></div>
  749. </div>
  750. <div class="details">
  751. <p>
  752. This Drift review describes the main features of Drift, as well as the pros and cons of the chatbot platform.
  753. </p>
  754. <p class="author">&nbsp;</p>
  755. <a href="/drift" class="text-right">Drift Review >></a>
  756. </div>
  757. </div>
  758. </div>
  759. <div class="col-md-4">
  760. <div class="card">
  761. <div class="bg-block black white-star">
  762. <img src="/images/static/Intercom_logo.png" alt="Intercom Logo" style="height: 60px;">
  763. <div class="stars d-flex align-items-center">
  764. <ul class="d-flex">
  765. <li><img src="/assets/img/double/category/icon-star_white.png" alt></li>
  766. <li><img src="/assets/img/double/category/icon-star_white.png" alt></li>
  767. <li><img src="/assets/img/double/category/icon-star_white.png" alt></li>
  768. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  769. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  770. </ul>
  771. </div>
  772. <div class="clip-path"></div>
  773. </div>
  774. <div class="details">
  775. <p>
  776. This Intercom review describes the main features of Intercom, as well as the pros and cons of the chatbot platform.
  777. </p>
  778. <p class="author">&nbsp;</p>
  779. <a href="/intercom" class="text-right">Intercom Review >></a>
  780. </div>
  781. </div>
  782. </div>
  783. <div class="col-md-4">
  784. <div class="card">
  785. <div class="bg-block yellow white-star">
  786. <img src="/images/static/Zendesk-Chat-logo.png" alt="Zendesk Chat Logo" style="width: 200px;">
  787. <div class="stars d-flex align-items-center">
  788. <ul class="d-flex">
  789. <li><img src="/assets/img/double/category/icon-star_white.png" alt></li>
  790. <li><img src="/assets/img/double/category/icon-star_white.png" alt></li>
  791. <li><img src="/assets/img/double/category/icon-star_white.png" alt></li>
  792. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  793. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  794. </ul>
  795. </div>
  796. <div class="clip-path"></div>
  797. </div>
  798. <div class="details">
  799. <p>
  800. This Zendesk Chat review describes the main features of Zendesk Chat, as well as the pros and cons of the chatbot platform.
  801. </p>
  802. <p class="author">&nbsp;</p>
  803. <a href="/zendesk-chat" class="text-right">Zendesk Chat Review >></a>
  804. </div>
  805. </div>
  806. </div>
  807. </div>
  808. <div class="row" style="padding-top: 20px; ">
  809. <div class="col-md-4">
  810. <div class="card">
  811. <div class="bg-block black">
  812. <img src="/images/static/olark-logo.jpg" alt="Olark Logo" style="height: 50px;">
  813. <div class="stars d-flex align-items-center">
  814. <ul class="d-flex">
  815. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  816. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  817. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  818. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  819. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  820. </ul>
  821. </div>
  822. <div class="clip-path"></div>
  823. </div>
  824. <div class="details">
  825. <p>
  826. This Olark review describes the main features of Olark, as well as the pros and cons of the chatbot platform.
  827. </p>
  828. <p class="author">&nbsp;</p>
  829. <a href="/olark" class="text-right">Olark Review >></a>
  830. </div>
  831. </div>
  832. </div>
  833. <div class="col-md-4">
  834. <div class="card">
  835. <div class="bg-block blue">
  836. <img src="/images/static/35_EZ-Texting_logo_FINAL.png" alt="EZ Texting Logo" style="width: 200px;">
  837. <div class="stars d-flex align-items-center">
  838. <ul class="d-flex">
  839. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  840. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  841. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  842. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  843. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  844. </ul>
  845. </div>
  846. <div class="clip-path"></div>
  847. </div>
  848. <div class="details">
  849. <p>
  850. This EZ Texting review describes the main features of EZ Texting, as well as the pros and cons of the chatbot platform.
  851. </p>
  852. <p class="author">&nbsp;</p>
  853. <a href="/ez-texting" class="text-right">EZ Texting Review >></a>
  854. </div>
  855. </div>
  856. </div>
  857. <div class="col-md-4">
  858. <div class="card">
  859. <div class="bg-block green">
  860. <img src="/images/static/Dialogflow_logo.png" alt="Dialogflow Logo" style="width: 200px;">
  861. <div class="stars d-flex align-items-center">
  862. <ul class="d-flex">
  863. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  864. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  865. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  866. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  867. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  868. </ul>
  869. </div>
  870. <div class="clip-path"></div>
  871. </div>
  872. <div class="details">
  873. <p>
  874. This Dialogflow review describes the main features of Dialogflow, as well as the pros and cons of the chatbot platform.
  875. </p>
  876. <p class="author">&nbsp;</p>
  877. <a href="/dialogflow" class="text-right">Dialogflow Review >></a>
  878. </div>
  879. </div>
  880. </div>
  881. </div>
  882. <div class="row" style="padding-top: 20px;">
  883. <div class="col-md-4">
  884. <div class="card">
  885. <div class="bg-block yellow">
  886. <img src="/images/static/Freshchat-logo1.png" alt="Freshchat Logo" style="width: 200px;">
  887. <div class="stars d-flex align-items-center">
  888. <ul class="d-flex">
  889. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  890. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  891. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  892. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  893. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  894. </ul>
  895. </div>
  896. <div class="clip-path"></div>
  897. </div>
  898. <div class="details">
  899. <p>
  900. This Freshchat review describes the main features of Freshchat, as well as the pros and cons of the chatbot platform.
  901. </p>
  902. <p class="author">&nbsp;</p>
  903. <a href="/freshchat" class="text-right">Freshchat Review >></a>
  904. </div>
  905. </div>
  906. </div>
  907. <div class="col-md-4">
  908. <div class="card">
  909. <div class="bg-block red">
  910. <img src="/images/static/pandorabots_owler_20180222_191319_original.png" alt="Pandorabots Logo" style="width: 200px;">
  911. <div class="stars d-flex align-items-center">
  912. <ul class="d-flex">
  913. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  914. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  915. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  916. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  917. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  918. </ul>
  919. </div>
  920. <div class="clip-path"></div>
  921. </div>
  922. <div class="details">
  923. <p>
  924. This Pandorabots review describes the main features of Pandorabots, as well as the pros and cons of the chatbot platform.
  925. </p>
  926. <p class="author">&nbsp;</p>
  927. <a href="/pandorabots" class="text-right">Pandorabots Review >></a>
  928. </div>
  929. </div>
  930. </div>
  931. <div class="col-md-4">
  932. <div class="card">
  933. <div class="bg-block blue">
  934. <img src="/images/static/flowlogo.png" alt="Flow XO Logo" style="width: 200px;">
  935. <div class="stars d-flex align-items-center">
  936. <ul class="d-flex">
  937. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  938. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  939. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  940. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  941. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  942. </ul>
  943. </div>
  944. <div class="clip-path"></div>
  945. </div>
  946. <div class="details">
  947. <p>
  948. This Flow XO review describes the main features of Flow XO, as well as the pros and cons of the chatbot platform.
  949. </p>
  950. <p class="author">&nbsp;</p>
  951. <a href="/flow-xo" class="text-right">Flow XO Review >></a>
  952. </div>
  953. </div>
  954. </div>
  955. </div>
  956. <div class="row" style="padding-top: 20px; ">
  957. <div class="col-md-4">
  958. <div class="card">
  959. <div class="bg-block black">
  960. <img src="/images/static/bold360-logo.png" alt="Bold360 Logo" style="height: 50px;">
  961. <div class="stars d-flex align-items-center">
  962. <ul class="d-flex">
  963. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  964. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  965. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  966. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  967. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  968. </ul>
  969. </div>
  970. <div class="clip-path"></div>
  971. </div>
  972. <div class="details">
  973. <p>
  974. This Bold360 review describes the main features of Bold360, as well as the pros and cons of the chatbot platform.
  975. </p>
  976. <p class="author">&nbsp;</p>
  977. <a href="/bold360" class="text-right">Bold360 Review >></a>
  978. </div>
  979. </div>
  980. </div>
  981. <div class="col-md-4">
  982. <div class="card">
  983. <div class="bg-block yellow">
  984. <img src="/images/static/logo-hubspot-png-rethink-400.png" alt="Hubspot Logo" style="height: 50px;">
  985. <div class="stars d-flex align-items-center">
  986. <ul class="d-flex">
  987. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  988. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  989. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  990. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  991. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  992. </ul>
  993. </div>
  994. <div class="clip-path"></div>
  995. </div>
  996. <div class="details">
  997. <p>
  998. This HubSpot review describes the main features of HubSpot, as well as the pros and cons of the chatbot platform.
  999. </p>
  1000. <p class="author">&nbsp;</p>
  1001. <a href="/hubspot-conversations" class="text-right">HubSpot Review >></a>
  1002. </div>
  1003. </div>
  1004. </div>
  1005. <div class="col-md-4">
  1006. <div class="card">
  1007. <div class="bg-block green">
  1008. <img src="/images/static/octaneai-logo.png" alt="Octane AI Logo" style="height: 50px;">
  1009. <div class="stars d-flex align-items-center">
  1010. <ul class="d-flex">
  1011. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  1012. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  1013. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  1014. <li><img src="/images/static/icon-star_yellow_half.png" alt style="height: 22px;"></li>
  1015. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  1016. </ul>
  1017. </div>
  1018. <div class="clip-path"></div>
  1019. </div>
  1020. <div class="details">
  1021. <p>
  1022. This Octane AI review describes the main features of Octane AI, as well as the pros and cons of the chatbot platform.
  1023. </p>
  1024. <p class="author">&nbsp;</p>
  1025. <a href="/octane-ai" class="text-right">Octane AI Review >></a>
  1026. </div>
  1027. </div>
  1028. </div>
  1029. </div>
  1030. <div class="row" style="padding-top: 20px; ">
  1031. <div class="col-md-4">
  1032. <div class="card">
  1033. <div class="bg-block blue">
  1034. <img src="/images/static/botsify-logo.png" alt="Botsify Logo" style="height: 50px;">
  1035. <div class="stars d-flex align-items-center">
  1036. <ul class="d-flex">
  1037. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  1038. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  1039. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  1040. <li><img src="/images/static/icon-star_yellow_half.png" alt style="height: 22px;"></li>
  1041. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  1042. </ul>
  1043. </div>
  1044. <div class="clip-path"></div>
  1045. </div>
  1046. <div class="details">
  1047. <p>
  1048. This Botsify review describes the main features of Botsify, as well as the pros and cons of the chatbot platform.
  1049. </p>
  1050. <p class="author">&nbsp;</p>
  1051. <a href="/botsify" class="text-right">Botsify Review >></a>
  1052. </div>
  1053. </div>
  1054. </div>
  1055. <div class="col-md-4">
  1056. <div class="card">
  1057. <div class="bg-block red">
  1058. <img src="/images/static/SimpleTexting-Logo1.png" alt="SimpleTexting Logo" style="height: 60px;">
  1059. <div class="stars d-flex align-items-center">
  1060. <ul class="d-flex">
  1061. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  1062. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  1063. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  1064. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  1065. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  1066. </ul>
  1067. </div>
  1068. <div class="clip-path"></div>
  1069. </div>
  1070. <div class="details">
  1071. <p>
  1072. This SimpleTexting review describes the main features of SimpleTexting, as well as the pros and cons of the chatbot platform.
  1073. </p>
  1074. <p class="author">&nbsp;</p>
  1075. <a href="/simpletexting" class="text-right">SimpleTexting Review >></a>
  1076. </div>
  1077. </div>
  1078. </div>
  1079. <div class="col-md-4">
  1080. <div class="card">
  1081. <div class="bg-block black">
  1082. <img src="/images/static/acquire_io_logo.png" alt="Acquire io Logo" style="height: 60px;">
  1083. <div class="stars d-flex align-items-center">
  1084. <ul class="d-flex">
  1085. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  1086. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  1087. <li><img src="/assets/img/double/category/icon-star_yellow.png" alt></li>
  1088. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  1089. <li><img src="/assets/img/double/category/icon-star_gray.png" alt></li>
  1090. </ul>
  1091. </div>
  1092. <div class="clip-path"></div>
  1093. </div>
  1094. <div class="details">
  1095. <p>
  1096. This Acquire io review describes the main features of Acquire io, as well as the pros and cons of the chatbot platform.
  1097. </p>
  1098. <p class="author">&nbsp;</p>
  1099. <a href="/acquire-io" class="text-right">Acquire io Review >></a>
  1100. </div>
  1101. </div>
  1102. </div>
  1103. </div>
  1104. </div>
  1105. </section>
  1106. <section class="bg-grey">
  1107. <div class="container">
  1108. <div class="row">
  1109. <div class="col-md-5 offset-md-1">
  1110. <div class="title   flip-line ">
  1111. <div class="container">
  1112. <h2 class>Real Talk on Chatbots
  1113. Since 2008</h2>
  1114. <p class="left-sub">Read real-world user reviews, news and
  1115. tutorials from the international chatbot
  1116. marketing and developer community</p>
  1117. </div>
  1118. </div>
  1119. </div>
  1120. <div class="col-md-6 col-lg-5 offset-lg-1">
  1121. <ul class="real-talk-box">
  1122. <li>
  1123. <a href="/best-ai-chatbot-tools">
  1124. <img src="/assets/img/double/category/icon-aichat_2x.png" alt="AI Chat">
  1125. <span style="color:#333">AI Chat</span>
  1126. </a>
  1127. </li>
  1128. <li>
  1129. <a href="/best-web-chat-apps">
  1130. <img src="/assets/img/double/category/icon-webchat_2x.png" alt="Web Chat">
  1131. <span style="color:#333">Web Chat</span>
  1132. </a>
  1133. </li>
  1134. <li>
  1135. <a href="/best-facebook-messenger-marketing-tools">
  1136. <img src="/assets/img/double/category/icon_messenger_2x.png" alt="Messenger Chat">
  1137. <span style="color:#333">Messenger Chat</span>
  1138. </a>
  1139. </li>
  1140. <li>
  1141. <a href="/best-customer-service-chatbot-tools">
  1142. <img src="/assets/img/double/category/icon-customer_support_2x.png" alt="Customer Support Chat">
  1143. <span style="color:#333">Customer Support Chat</span>
  1144. </a>
  1145. </li>
  1146. <li>
  1147. <a href="/best-live-chat-software">
  1148. <img src="/assets/img/double/category/icon-livechat_2x.png" alt="Live Chat">
  1149. <span style="color:#333">Live Chat</span>
  1150. </a>
  1151. </li>
  1152. <li>
  1153. <a href="/best-enterprise-chat-software">
  1154. <img src="/assets/img/double/category/icon-enterprise_2x.png" alt="Enterprise Chatbots">
  1155. <span style="color:#333">Enterprise Chatbots</span>
  1156. </a>
  1157. </li>
  1158. <li>
  1159. <a href="/best-ecommerce-chatbot-tools">
  1160. <img src="/images/news/icon-ecommerce1_2x.png" alt="Ecommerce Chatbots">
  1161. <span style="color:#333">Ecommerce Chatbots</span>
  1162. </a>
  1163. </li>
  1164. <li>
  1165. <a href="/best-real-estate-chatbot-tools">
  1166. <img src="/images/news/icon-realesate_2x1.png" alt="Real Estate Chatbots">
  1167. <span style="color:#333">Real Estate Chatbots</span>
  1168. </a>
  1169. </li>
  1170. <li>
  1171. <a href="/best-sales-chatbot-tools">
  1172. <img src="/images/news/icon-sales_2x1.png" alt="Sales Enablement Chat">
  1173. <span style="color:#333">Sales Enablement Chat</span>
  1174. </a>
  1175. </li>
  1176. <li>
  1177. <a href="/best-sms-marketing-services">
  1178. <img src="/images/news/BestSMSChatbots-Colored.png" alt="SMS Marketing Services">
  1179. <span style="color:#333">SMS Marketing</span>
  1180. </a>
  1181. </li>
  1182. <li>
  1183. <a href="/best-chatbots-for-marketing">
  1184. <img src="/images/news/BestChatbotsForMarketing-colored.png" alt="Chatbots for Marketing">
  1185. <span style="color:#333">Chatbots for Marketing</span>
  1186. </a>
  1187. </li>
  1188. <li>
  1189. <a href="/best-chatbot-builders">
  1190. <img src="/images/news/BestChatbotBuilder-Colored.png" alt="Chatbot Builders">
  1191. <span style="color:#333">Chatbot Builders</span>
  1192. </a>
  1193. </li>
  1194. </ul>
  1195. </div>
  1196. </div>
  1197. </div>
  1198. </section>
  1199. <section>
  1200. <div class="container">
  1201. <div class="title  center  ">
  1202. <div class="container">
  1203. <h2 class>New to Chatbots? Start Here</h2>
  1204. </div>
  1205. </div>
  1206. <div class="tab-container">
  1207. <div class="row">
  1208. <div class="col-md-4">
  1209. <ul class="tabs">
  1210. <li><a href="#chatbots_intro_38406">What are chatbots?</a></li>
  1211. <li><a href="#chatbots_intro_38405">How much do chatbots cost?</a></li>
  1212. <li><a href="#chatbots_intro_38404">Get started with chatbots</a></li>
  1213. </ul>
  1214. </div>
  1215. <div class="col-md-8">
  1216. <div class="tab-content" id="chatbots_intro_38406">
  1217. <p>Chatbots are computer software that simulate conversations with humans in chat applications. </p>
  1218. <p>Beyond that, they are extremely powerful programs that can grow to do much more than just chat.</p>
  1219. <p>Chatbots are used in a wide variety of situations and over a number of different platforms. Bots are used for customer service, for product suggestion, for sales, for scheduling, for marketing, engagement and so much more. </p>
  1220. <p>Chatbots work by using predetermined conversational elements to interact with a human user over the internet. </p>
  1221. <p>Some chatbots use machine learning and artificial intelligence while others use natural language processing to maintain these human-like interactions. </p>
  1222. </div>
  1223. <div class="tab-content" id="chatbots_intro_38405">
  1224. <p>Chatbots can vary in price pretty drastically depending on the level of functionality, placement of the bot, and the type of chatbot.</p>
  1225. <p>These powerful little pieces of software can be free, or they can be thousands of dollars of custom development every month.</p>
  1226. <p>Free chatbot platforms will typically include a chatbot builder complete with customization tools for a simple bot that uses dialogues and FAQ trigger words. You might find templates for different types of businesses with different needs to copy or edit to best serve your chatbot’s purpose. </p>
  1227. <p>On the other hand, a more advanced user-friendly graphical interface chatbot building platform could cost $9 to $1000 per month. </p>
  1228. <p>These are custom solutions that will vary by features, functions, integrations, and more.</p>
  1229. </div>
  1230. <div class="tab-content" id="chatbots_intro_38404">
  1231. <p>Getting started with chatbots requires understanding what purpose you want your chatbot to serve. This will determine the features and functionality of your specific chatbot.</p>
  1232. <p><strong>Step 1. Decide what you want your chatbot to do.</strong> This means figuring out what purpose you want your chatbot to serve. Will it be a bot that generates and qualifies leads, will it be a bot that answers frequently asked questions to triage customer support inquiries? </p>
  1233. <p><strong>Step 2. Determine your budget.</strong> Knowing how much you are willing to spend on a chatbot will decide the features and functionality of the bot. </p>
  1234. <p>You can build the bot yourself using a free chatbot building platform or you can outsource and pay to have someone else build a more feature-heavy, custom bot.</p>
  1235. <p><strong>Step 3. Find a platform that best serves your needs.</strong> Once you’ve decided your budget and what you want your chatbot to accomplish, it’s time to find a platform to host the bot. </p>
  1236. <p>This is where the bot will get built. It’s important to do research to see which platform offers the most features that match your needs. </p>
  1237. <p>That's where Chatbots.org comes in to help. Review the guides, ratings and user reviews to see which chatbot platforms strongly serve your business needs.</p>
  1238. <p><strong>Step 4. Create the chatbot.</strong> When you've selected a chatbot platform, you can design and build your chatbot funnels or hire a specialist or agency. </p>
  1239. </div>
  1240. </div>
  1241. </div>
  1242. </div>
  1243. </div>
  1244. </section>
  1245. <section class="pt-0" style="display:none;">
  1246. <div class="container">
  1247. <div class="title  center  ">
  1248. <div class="container">
  1249. <h2 class>In-Depth Chatbot Research</h2>
  1250. </div>
  1251. </div>
  1252. <div class="row">
  1253. <div class="col-md-4">
  1254. <div class="feature-card blog">
  1255. <div class="icon-content">
  1256. <img src="https://chatbots.org/images/news/header-solutions.png" alt>
  1257. </div>
  1258. <div class="details text-center">
  1259. <h4 class="pb-5"><a href="/articles/entry/best-customer-support-chatbot-platforms">Best Customer Support Chatbot Platforms</a></h4>
  1260. <p>Businesses will save over $8 billion dollars by 2025 thanks to automated chat agents. Save your business money with these customer support chatbot platforms today.</p>
  1261. </div>
  1262. </div>
  1263. </div><div class="col-md-4">
  1264. <div class="feature-card blog">
  1265. <div class="icon-content">
  1266. <img src="https://chatbots.org/images/news/header-messenger_bot.png" alt>
  1267. </div>
  1268. <div class="details text-center">
  1269. <h4 class="pb-5"><a href="/articles/entry/10-facebook-messenger-bot-tools-for-business">10 Facebook Messenger Bot Tools for Business</a></h4>
  1270. <p>Lorem ipsum dolor sit amet, conse ctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
  1271. </div>
  1272. </div>
  1273. </div><div class="col-md-4">
  1274. <div class="feature-card blog">
  1275. <div class="icon-content">
  1276. <img src="https://chatbots.org/images/news/header-customer_support.png" alt>
  1277. </div>
  1278. <div class="details text-center">
  1279. <h4 class="pb-5"><a href="/articles/entry/comparing-the-top-web-chat-solutions">Comparing the Top Web Chat Solutions</a></h4>
  1280. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
  1281. </div>
  1282. </div>
  1283. </div>
  1284. </div>
  1285. <div class="text-center pt-30 pt-lg-60">
  1286. <button class="btn btn-inverse" onclick="window.location.href = '/articles';">View all articles</button>
  1287. </div>
  1288. </div>
  1289. </section>
  1290. <section style="background: url('/assets/img/regular/bg-blog.jpg') center center no-repeat;display:none;">
  1291. <div class="container latest-blog">
  1292. <div class="row align-items-center">
  1293. <div class="col-md-4">
  1294. <div class="title  ">
  1295. <div class="container">
  1296. <h2 class>Latest Chatbot News Blog</h2>
  1297. </div>
  1298. </div>
  1299. </div>
  1300. <div class="col-md-8 pl-lg-40">
  1301. <div class="latest-blog-list">
  1302. <div class="image" style="background: url('https://chatbots.org/images/news/blog-single.jpg') center center no-repeat"></div>
  1303. <div class="details">
  1304. <h4>International Chatbots.org Survey: Consumers Say No to Chatbot Silos</h4>
  1305. <p>Chatbots.org report that consumers say NO to Chatbot Silos in US and UK. There is a strong need for integration! Sponsored by vi</p>
  1306. </div>
  1307. </div><div class="latest-blog-list">
  1308. <div class="image" style="background: url('https://chatbots.org/images/news/blog-1.png') center center no-repeat"></div>
  1309. <div class="details">
  1310. <h4>Chatbots.org are taking over!</h4>
  1311. <p>Lorem ipsum dolor sit amet, conse ctetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
  1312. </div>
  1313. </div><div class="latest-blog-list">
  1314. <div class="image" style="background: url('https://chatbots.org/images/news/blog-4.png') center center no-repeat"></div>
  1315. <div class="details">
  1316. <h4>An International Chatbots.org Survey: Consumers say No to Chatbot Silos</h4>
  1317. <p>Lorem ipsum dolor sit amet, conse ctetur adipiscing elit, sed do.</p>
  1318. </div>
  1319. </div>
  1320. <div class="cta text-right pt-30">
  1321. <a href="/blog">Take me to the blog >></a>
  1322. </div>
  1323. </div>
  1324. </div>
  1325. </div>
  1326. </section>
  1327. <section style="background: url('/assets/img/regular/bg-tool.jpg') center center no-repeat">
  1328. <div class="container">
  1329. <div class="title  center  ">
  1330. <div class="container">
  1331. <h2 class=" fc-white">Use our Chat Match Tool to get started with <br/>Chatbots for Business</h2>
  1332. </div>
  1333. </div>
  1334. <form id="regForm" action method="POST">
  1335. <div class="tab">
  1336. <div class="row">
  1337. <div class="col-md-8 offset-md-2">
  1338. <div class>
  1339. <h4 class="fc-white text-center pb-20 pb-lg-40 ">Compare features, pricing, and reviews from award-winning providers based on best
  1340. fit for your business.</h4>
  1341. <h4 class="pt-20 fc-white pb-20 fw-400 text-italic text-center">
  1342. How many team members (marketing, sales, IT and customer support) will be involved in your chatbot system?
  1343. </h4>
  1344. <p class="fc-white text-center">This info helps us provide matches to platforms designed for your company's size.</p>
  1345. <p id="choose_user_number" class="text-center" style="display:none;color:#b3243e;font-weight: bold;padding-top: 20px;">Please choose one option</p>
  1346. </div>
  1347. </div>
  1348. </div>
  1349. <div class="row">
  1350. <div class="col-md-10 offset-md-1 pt-50">
  1351. <ul class="d-flex team">
  1352. <li>
  1353. <button class="btn btn-inverse" style="font-size: 20px;margin-bottom:10px;min-width: 100px;" onclick="myFunction1()" id="team1">1-5</button>
  1354.  
  1355. </li>
  1356. <li>
  1357. <button class="btn btn-inverse" style="font-size: 20px;margin-bottom:10px;min-width: 100px;" onclick="myFunction2()" id="team2">6-25</button>
  1358.  
  1359. </li>
  1360. <li>
  1361. <button class="btn btn-inverse" style="font-size: 20px;margin-bottom:10px;min-width: 100px;" onclick="myFunction3()" id="team3">26-50</button>
  1362.  
  1363. </li>
  1364. <li>
  1365. <button class="btn btn-inverse" style="font-size: 20px;margin-bottom:10px;min-width: 100px;" onclick="myFunction4()" id="team4">50+</button>
  1366.  
  1367. </li>
  1368. </ul>
  1369. <p style="display: none;" id="user_number">
  1370. <input type="radio" name="user_number" value="1-5" id="user_number_1"> 1-5<br>
  1371. <input type="radio" name="user_number" value="6-25" id="user_number_2"> 6-25<br>
  1372. <input type="radio" name="user_number" value="26-50" id="user_number_3"> 26-50<br>
  1373. <input type="radio" name="user_number" value="50+" id="user_number_4"> 50+
  1374. </p>
  1375. </div>
  1376. </div>
  1377. </div>
  1378. <div class="tab">
  1379. <div class="row">
  1380. <div class="col-md-8 offset-md-2">
  1381. <div class>
  1382. <h4 class="fc-white text-center pb-20 pb-lg-40 ">Compare features, pricing, and reviews from award-winning providers based on best
  1383. fit for your business.</h4>
  1384. <h4 class="pt-20 fc-white pb-20 fw-400 text-italic text-center">
  1385. We're putting your report together.
  1386. </h4>
  1387. <p class="fc-white text-center">Where should we send it?</p>
  1388. <p id="choose_email_address" class="text-center" style="display:none;color:#b3243e;font-weight: bold;padding-top: 20px;">Please enter a valid Email address</p>
  1389. </div>
  1390. </div>
  1391. </div>
  1392. <div class="row">
  1393. <div class="col-md-10 offset-md-1 pt-50">
  1394. <p><input placeholder="Email Address" class="email_address" id="email" oninput="this.className = ''" name="email"></p>
  1395. </div>
  1396. </div>
  1397. </div>
  1398. <div class="tab">
  1399. <div class="row">
  1400. <div class="col-md-8 offset-md-2">
  1401. <div class>
  1402. <h4 class="fc-white text-center pb-20 pb-lg-40 ">Compare features, pricing, and reviews from award-winning providers based on best
  1403. fit for your business.</h4>
  1404. <h4 class="pt-20 fc-white pb-20 fw-400 text-italic text-center">
  1405. What chat automation functions are most important to you? Check all that apply.
  1406. </h4>
  1407. <p class="fc-white text-center">This will help us match you to providers that cater to your specific needs.</p>
  1408. </div>
  1409. </div>
  1410. </div>
  1411. <div class="row">
  1412. <div class="col-md-10 offset-md-1 pt-50 features_data">
  1413. <button class="btn btn-inverse" onclick="mysystem_features1()" id="sf_1">Marketing agency friendly: <br>multi-client, multi-user</button>
  1414. <button class="btn btn-inverse" onclick="mysystem_features2()" id="sf_2">Lead gen & customer <br>acquisition</button>
  1415. <button class="btn btn-inverse" onclick="mysystem_features3()" id="sf_3">Customer retention, <br>engagement & remarketing</button>
  1416. <button class="btn btn-inverse" onclick="mysystem_features4()" id="sf_4">Native to <br>website</button>
  1417. <button class="btn btn-inverse" onclick="mysystem_features5()" id="sf_5">Native to <br>mobile app</button>
  1418. <button class="btn btn-inverse" onclick="mysystem_features6()" id="sf_6">Native to <br>Facebook</button>
  1419. <button class="btn btn-inverse" onclick="mysystem_features7()" id="sf_7">Customer support automation <br>+ live chat hand-off</button>
  1420. <button class="btn btn-inverse" onclick="mysystem_features8()" id="sf_8">Business system integration <br>(order fulfillment, CRM, etc.)</button>
  1421. <button class="btn btn-inverse" onclick="mysystem_features9()" id="sf_9">Other <br>Services</button>
  1422. <p style="display: none;">
  1423. <input type="checkbox" name="system_features[]" value="Marketing agency friendly: multi-client, multi-user" id="system_features_1" class="s_feature"> Marketing agency friendly: multi-client, multi-user<br>
  1424. <input type="checkbox" name="system_features[]" value="Lead gen & customer acquisition" id="system_features_2" class="s_feature"> Lead gen & customer acquisition<br>
  1425. <input type="checkbox" name="system_features[]" value="Customer retention, engagement & remarketing" id="system_features_3" class="s_feature"> Customer retention, engagement & remarketing<br>
  1426. <input type="checkbox" name="system_features[]" value="Native to website" id="system_features_4" class="s_feature"> Native to website<br>
  1427. <input type="checkbox" name="system_features[]" value="Native to mobile app" id="system_features_5" class="s_feature"> Native to mobile app<br>
  1428. <input type="checkbox" name="system_features[]" value="Native to Facebook" id="system_features_6" class="s_feature"> Native to Facebook<br>
  1429. <input type="checkbox" name="system_features[]" value="Customer support automation + live chat hand-off" id="system_features_7" class="s_feature"> Customer support automation + live chat hand-off<br>
  1430. <input type="checkbox" name="system_features[]" value="Business system integration (order fulfillment, CRM, etc.)" id="system_features_8" class="s_feature"> Business system integration (order fulfillment, CRM, etc.)<br>
  1431. <input type="checkbox" name="system_features[]" value="Other" checked id="system_features_9" class="s_feature"> Other<br>
  1432. </p>
  1433. </div>
  1434. </div>
  1435. </div>
  1436. <div class="tab">
  1437. <div class="row">
  1438. <div class="col-md-8 offset-md-2">
  1439. <div class>
  1440. <h4 class="fc-white text-center pb-20 pb-lg-40 ">Compare features, pricing, and reviews from award-winning providers based on best
  1441. fit for your business.</h4>
  1442. <h4 class="pt-20 fc-white pb-20 fw-400 text-italic text-center">
  1443. Who should we send the information to?
  1444. </h4>
  1445. <p class="fc-white text-center"></p>
  1446. </div>
  1447. </div>
  1448. </div>
  1449. <div class="row">
  1450. <div class="col-md-10 offset-md-1 pt-50">
  1451. <p><input placeholder="First and Last Name" class="fname" id="fname" oninput="this.className = ''" name="fname"></p>
  1452. </div>
  1453. </div>
  1454. </div>
  1455. <div class="tab">
  1456. <div class="row">
  1457. <div class="col-md-8 offset-md-2">
  1458. <div class>
  1459. <h4 class="fc-white text-center pb-20 pb-lg-40 ">Compare features, pricing, and reviews from award-winning providers based on best
  1460. fit for your business.</h4>
  1461. <h4 class="pt-20 fc-white pb-20 fw-400 text-italic text-center">
  1462. Who should we send the information to?
  1463. </h4>
  1464. <p class="fc-white text-center">What is your business website?</p>
  1465. <p id="choose_website_address" class="text-center" style="display:none;color:#b3243e;font-weight: bold;padding-top: 20px;">Please enter a valid url</p>
  1466. </div>
  1467. </div>
  1468. </div>
  1469. <div class="row">
  1470. <div class="col-md-10 offset-md-1 pt-50">
  1471. <p><input placeholder="Your Website" class="website_address" id="website_address" oninput="this.className = ''" name="website_address"></p>
  1472. </div>
  1473. </div>
  1474. </div>
  1475. <div class="tab">
  1476. <div class="row">
  1477. <div class="col-md-8 offset-md-2">
  1478. <div class>
  1479. <h4 class="fc-white text-center pb-20 pb-lg-40 ">Compare features, pricing, and reviews from award-winning providers based on best
  1480. fit for your business.</h4>
  1481. <h4 class="pt-20 fc-white pb-20 fw-400 text-italic text-center">
  1482. What is the best number to reach you?
  1483. </h4>
  1484. <p class="fc-white text-center">Your privacy is our priority.</p>
  1485. <p id="choose_phone_number" class="text-center" style="display:none;color:#b3243e;font-weight: bold;padding-top: 20px;">Please enter a valid Phone Number</p>
  1486. </div>
  1487. </div>
  1488. </div>
  1489. <div class="row">
  1490. <div class="col-md-10 offset-md-1 pt-50">
  1491. <p><input placeholder="Phone Number" class="phone_number" id="phone_number" oninput="this.className = ''" name="phone_number"></p>
  1492. </div>
  1493. </div>
  1494. </div>
  1495. <div style="overflow:auto;">
  1496. <div style="text-align: center;margin-top: 30px;">
  1497. <button type="button" id="prevBtn" onclick="nextPrev(-1)">Previous</button>
  1498. <button type="button" id="nextBtn" onclick="nextPrev(1)">Next</button>
  1499. </div>
  1500. </div>
  1501.  
  1502. <div style="text-align:center;margin-top:40px;display:none;">
  1503. <span class="step_lead_data"></span>
  1504. <span class="step_lead_data"></span>
  1505. <span class="step_lead_data"></span>
  1506. <span class="step_lead_data"></span>
  1507. <span class="step_lead_data"></span>
  1508. <span class="step_lead_data"></span>
  1509. </div>
  1510. </form>
  1511. <div class="row" id="success_box" style="display: none;">
  1512. <div class="col-md-8 offset-md-2">
  1513. <div class>
  1514. <h4 class="fc-white text-center pb-20 pb-lg-40 ">Compare features, pricing, and reviews from award-winning providers based on best
  1515. fit for your business.</h4>
  1516. <h4 class="pt-20 fc-white pb-20 fw-400 text-italic text-center">
  1517. <img src="https://img.icons8.com/color/96/000000/data-arrived.png">
  1518. </h4>
  1519. <p class="fc-white text-center">Your request has been received. A dedicated specialist will contact you shortly to provide you with free pricing information. For an immediate call back, please email <a href="/cdn-cgi/l/email-protection#5c35323a331c3f343d283e33282f723f3331"><span class="__cf_email__" data-cfemail="422b2c242d02212a2336202d36316c212d2f">[email&#160;protected]</span></a>.</p>
  1520. </div>
  1521. </div>
  1522. </div>
  1523. </div>
  1524. </section>
  1525.  
  1526. <div id="myModal" class="modal">
  1527. <div class="modal-content">
  1528. <span class="close">&times;</span>
  1529. <section style="background: url('assets/img/regular/bg-tool.jpg') center center no-repeat" class="modal_lead_form">
  1530. <div class="container">
  1531. <div class="title  center  ">
  1532. <div class="container">
  1533. <h2 class=" fc-white">Use our Chat Match Tool to get started with <br/>Chatbots for Business</h2>
  1534. </div>
  1535. </div>
  1536. <form id="regForm_modal" action method="POST">
  1537. <div class="tabmodal">
  1538. <div class="row">
  1539. <div class="col-md-8 offset-md-2">
  1540. <div class>
  1541. <h4 class="fc-white text-center pb-20 pb-lg-40 ">Compare features, pricing, and reviews from award-winning providers based on best
  1542. fit for your business.</h4>
  1543. <h4 class="pt-20 fc-white pb-20 fw-400 text-italic text-center">
  1544. How many team members (marketing, sales, IT and customer support) will be involved in your chatbot system?
  1545. </h4>
  1546. <p class="fc-white text-center">This info helps us provide matches to platforms designed for your company's size.</p>
  1547. <p id="choose_user_number_modal" class="text-center" style="display:none;color:#b3243e;font-weight: bold;padding-top: 20px;">Please choose one option</p>
  1548. </div>
  1549. </div>
  1550. </div>
  1551. <div class="row">
  1552. <div class="col-md-10 offset-md-1 pt-50">
  1553. <ul class="d-flex team">
  1554. <li>
  1555. <button class="btn btn-inverse" style="font-size: 20px;margin-bottom:10px;min-width: 100px;" onclick="myFunction11()" id="team11">1-5</button>
  1556.  
  1557. </li>
  1558. <li>
  1559. <button class="btn btn-inverse" style="font-size: 20px;margin-bottom:10px;min-width: 100px;" onclick="myFunction22()" id="team22">6-25</button>
  1560.  
  1561. </li>
  1562. <li>
  1563. <button class="btn btn-inverse" style="font-size: 20px;margin-bottom:10px;min-width: 100px;" onclick="myFunction33()" id="team33">26-50</button>
  1564.  
  1565. </li>
  1566. <li>
  1567. <button class="btn btn-inverse" style="font-size: 20px;margin-bottom:10px;min-width: 100px;" onclick="myFunction44()" id="team44">50+</button>
  1568.  
  1569. </li>
  1570. </ul>
  1571. <p style="display: none;" id="user_number_modal">
  1572. <input type="radio" name="user_number_modal" value="1-5" id="user_number_modal_11"> 1-5<br>
  1573. <input type="radio" name="user_number_modal" value="6-25" id="user_number_modal_22"> 6-25<br>
  1574. <input type="radio" name="user_number_modal" value="26-50" id="user_number_modal_33"> 26-50<br>
  1575. <input type="radio" name="user_number_modal" value="50+" id="user_number_modal_44"> 50+
  1576. </p>
  1577. </div>
  1578. </div>
  1579. </div>
  1580. <div class="tabmodal">
  1581. <div class="row">
  1582. <div class="col-md-8 offset-md-2">
  1583. <div class>
  1584. <h4 class="fc-white text-center pb-20 pb-lg-40 ">Compare features, pricing, and reviews from award-winning providers based on best
  1585. fit for your business.</h4>
  1586. <h4 class="pt-20 fc-white pb-20 fw-400 text-italic text-center">
  1587. We're putting your report together.
  1588. </h4>
  1589. <p class="fc-white text-center">Where should we send it?</p>
  1590. <p id="choose_email_modal_address" class="text-center" style="display:none;color:#b3243e;font-weight: bold;padding-top: 20px;">Please enter a valid email address</p>
  1591. </div>
  1592. </div>
  1593. </div>
  1594. <div class="row">
  1595. <div class="col-md-10 offset-md-1 pt-50">
  1596. <p><input placeholder="Email Address" class="email_modal_address" id="email_modal" oninput="this.className = ''" name="email_modal"></p>
  1597. </div>
  1598. </div>
  1599. </div>
  1600. <div class="tabmodal">
  1601. <div class="row">
  1602. <div class="col-md-8 offset-md-2">
  1603. <div class>
  1604. <h4 class="fc-white text-center pb-20 pb-lg-40 ">Compare features, pricing, and reviews from award-winning providers based on best
  1605. fit for your business.</h4>
  1606. <h4 class="pt-20 fc-white pb-20 fw-400 text-italic text-center">
  1607. What chat automation functions are most important to you? Check all that apply.
  1608. </h4>
  1609. <p class="fc-white text-center">This will help us match you to providers that cater to your specific needs.</p>
  1610. </div>
  1611. </div>
  1612. </div>
  1613. <div class="row">
  1614. <div class="col-md-10 offset-md-1 pt-50 features_data">
  1615. <button class="btn btn-inverse" onclick="mysystem_features11()" id="sf_11">Marketing agency friendly: <br>multi-client, multi-user</button>
  1616. <button class="btn btn-inverse" onclick="mysystem_features22()" id="sf_22">Lead gen & customer <br>acquisition</button>
  1617. <button class="btn btn-inverse" onclick="mysystem_features33()" id="sf_33">Customer retention, <br>engagement & remarketing</button>
  1618. <button class="btn btn-inverse" onclick="mysystem_features44()" id="sf_44">Native to <br>website</button>
  1619. <button class="btn btn-inverse" onclick="mysystem_features55()" id="sf_55">Native to <br>mobile app</button>
  1620. <button class="btn btn-inverse" onclick="mysystem_features66()" id="sf_66">Native to <br>Facebook</button>
  1621. <button class="btn btn-inverse" onclick="mysystem_features77()" id="sf_77">Customer support automation <br>+ live chat hand-off</button>
  1622. <button class="btn btn-inverse" onclick="mysystem_features88()" id="sf_88">Business system integration <br>(order fulfillment, CRM, etc.)</button>
  1623. <button class="btn btn-inverse" onclick="mysystem_features99()" id="sf_99">Other <br>Services</button>
  1624. <p style="display: none;">
  1625. <input type="checkbox" name="system_features_modal[]" value="Marketing agency friendly: multi-client, multi-user" id="system_features_11" class="s_feature_modal"> Marketing agency friendly: multi-client, multi-user<br>
  1626. <input type="checkbox" name="system_features_modal[]" value="Lead gen & customer acquisition" id="system_features_22" class="s_feature_modal"> Lead gen & customer acquisition<br>
  1627. <input type="checkbox" name="system_features_modal[]" value="Customer retention, engagement & remarketing" id="system_features_33" class="s_feature_modal"> Customer retention, engagement & remarketing<br>
  1628. <input type="checkbox" name="system_features_modal[]" value="Native to website" id="system_features_44" class="s_feature_modal"> Native to website<br>
  1629. <input type="checkbox" name="system_features_modal[]" value="Native to mobile app" id="system_features_55" class="s_feature_modal"> Native to mobile app<br>
  1630. <input type="checkbox" name="system_features_modal[]" value="Native to Facebook" id="system_features_66" class="s_feature_modal"> Native to Facebook<br>
  1631. <input type="checkbox" name="system_features_modal[]" value="Customer support automation + live chat hand-off" id="system_features_77" class="s_feature_modal"> Customer support automation + live chat hand-off<br>
  1632. <input type="checkbox" name="system_features_modal[]" value="Business system integration (order fulfillment, CRM, etc.)" id="system_features_88" class="s_feature_modal"> Business system integration (order fulfillment, CRM, etc.)<br>
  1633. <input type="checkbox" name="system_features_modal[]" value="Other" checked id="system_features_99" class="s_feature_modal"> Other<br>
  1634. </p>
  1635. </div>
  1636. </div>
  1637. </div>
  1638. <div class="tabmodal">
  1639. <div class="row">
  1640. <div class="col-md-8 offset-md-2">
  1641. <div class>
  1642. <h4 class="fc-white text-center pb-20 pb-lg-40 ">Compare features, pricing, and reviews from award-winning providers based on best
  1643. fit for your business.</h4>
  1644. <h4 class="pt-20 fc-white pb-20 fw-400 text-italic text-center">
  1645. Who should we send the information to?
  1646. </h4>
  1647. <p class="fc-white text-center"></p>
  1648. </div>
  1649. </div>
  1650. </div>
  1651. <div class="row">
  1652. <div class="col-md-10 offset-md-1 pt-50">
  1653. <p><input placeholder="First and Last Name" class="fname_modal" id="fname_modal" oninput="this.className = ''" name="fname_modal"></p>
  1654. </div>
  1655. </div>
  1656. </div>
  1657. <div class="tabmodal">
  1658. <div class="row">
  1659. <div class="col-md-8 offset-md-2">
  1660. <div class>
  1661. <h4 class="fc-white text-center pb-20 pb-lg-40 ">Compare features, pricing, and reviews from award-winning providers based on best
  1662. fit for your business.</h4>
  1663. <h4 class="pt-20 fc-white pb-20 fw-400 text-italic text-center">
  1664. Who should we send the information to?
  1665. </h4>
  1666. <p class="fc-white text-center">What is your business website?</p>
  1667. <p id="choose_website_address_modal" class="text-center" style="display:none;color:#b3243e;font-weight: bold;padding-top: 20px;">Please enter a valid url</p>
  1668. </div>
  1669. </div>
  1670. </div>
  1671. <div class="row">
  1672. <div class="col-md-10 offset-md-1 pt-50">
  1673. <p><input placeholder="Your Website" class="website_address_modal" id="website_address_modal" oninput="this.className = ''" name="website_address_modal"></p>
  1674. </div>
  1675. </div>
  1676. </div>
  1677. <div class="tabmodal">
  1678. <div class="row">
  1679. <div class="col-md-8 offset-md-2">
  1680. <div class>
  1681. <h4 class="fc-white text-center pb-20 pb-lg-40 ">Compare features, pricing, and reviews from award-winning providers based on best
  1682. fit for your business.</h4>
  1683. <h4 class="pt-20 fc-white pb-20 fw-400 text-italic text-center">
  1684. What is the best number to reach you?
  1685. </h4>
  1686. <p class="fc-white text-center">Your privacy is our priority.</p>
  1687. <p id="choose_phone_number_modal" class="text-center" style="display:none;color:#b3243e;font-weight: bold;padding-top: 20px;">Please enter a valid Phone Number</p>
  1688. </div>
  1689. </div>
  1690. </div>
  1691. <div class="row">
  1692. <div class="col-md-10 offset-md-1 pt-50">
  1693. <p><input placeholder="Phone Number" class="phone_number_modal" id="phone_number_modal" oninput="this.className = ''" name="phone_number_modal"></p>
  1694. </div>
  1695. </div>
  1696. </div>
  1697. <div style="overflow:auto;">
  1698. <div style="text-align: center;margin-top: 30px;">
  1699. <button type="button" id="prevBtnmodal" onclick="nextPrevmodal(-1)">Previous</button>
  1700. <button type="button" id="nextBtnmodal" onclick="nextPrevmodal(1)">Next</button>
  1701. </div>
  1702. </div>
  1703.  
  1704. <div style="text-align:center;margin-top:40px;display:none;">
  1705. <span class="step_lead_data_modal"></span>
  1706. <span class="step_lead_data_modal"></span>
  1707. <span class="step_lead_data_modal"></span>
  1708. <span class="step_lead_data_modal"></span>
  1709. <span class="step_lead_data_modal"></span>
  1710. <span class="step_lead_data_modal"></span>
  1711. </div>
  1712. </form>
  1713. <div class="row" id="success_box_modal" style="display: none;">
  1714. <div class="col-md-8 offset-md-2">
  1715. <div class>
  1716. <h4 class="fc-white text-center pb-20 pb-lg-40 ">Compare features, pricing, and reviews from award-winning providers based on best
  1717. fit for your business.</h4>
  1718. <h4 class="pt-20 fc-white pb-20 fw-400 text-italic text-center">
  1719. <img src="https://img.icons8.com/color/96/000000/data-arrived.png">
  1720. </h4>
  1721. <p class="fc-white text-center">Your request has been received. A dedicated specialist will contact you shortly to provide you with free pricing information. For an immediate call back, please email <a href="/cdn-cgi/l/email-protection#c8a1a6aea788aba0a9bcaaa7bcbbe6aba7a5"><span class="__cf_email__" data-cfemail="30595e565f7053585144525f44431e535f5d">[email&#160;protected]</span></a>.</p>
  1722. </div>
  1723. </div>
  1724. </div>
  1725. </div>
  1726. </section>
  1727. </div>
  1728. </div>
  1729.  
  1730. <link href="//cdn-images.mailchimp.com/embedcode/classic-10_7.css" rel="stylesheet" type="text/css">
  1731. <style type="text/css">
  1732. #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; }
  1733. </style>
  1734. <div id="mc_embed_signup" style="display:none;">
  1735. <form action="https://Mobilemonkey.us18.list-manage.com/subscribe/post-json?u=028da96442f1dc5b395129076&amp;id=1ef3a3e7b8&c=?" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
  1736. <div id="mc_embed_signup_scroll">
  1737. <h2>Subscribe</h2>
  1738. <div class="indicates-required"><span class="asterisk">*</span> indicates required</div>
  1739. <div class="mc-field-group">
  1740. <label for="mce-EMAIL">Email Address <span class="asterisk">*</span>
  1741. </label>
  1742. <input type="email" value name="EMAIL" class="required email" id="mce-EMAIL">
  1743. </div>
  1744. <div class="mc-field-group">
  1745. <label for="mce-FNAME">First Name </label>
  1746. <input type="text" value name="FNAME" class id="mce-FNAME">
  1747. </div>
  1748. <div class="mc-field-group">
  1749. <label for="mce-LNAME">Last Name </label>
  1750. <input type="text" value name="LNAME" class id="mce-LNAME">
  1751. </div>
  1752. <div class="mc-field-group size1of2">
  1753. <label for="mce-PHONE">Phone Number </label>
  1754. <input type="text" name="PHONE" class value id="mce-PHONE">
  1755. </div>
  1756. <div class="mc-field-group">
  1757. <label for="mce-MMERGE3">User Number </label>
  1758. <input type="text" value name="MMERGE3" class id="mce-MMERGE3">
  1759. </div>
  1760. <div class="mc-field-group">
  1761. <label for="mce-MMERGE5">Chat automation functions </label>
  1762. <input type="text" value name="MMERGE5" class id="mce-MMERGE5">
  1763. </div>
  1764. <div class="mc-field-group">
  1765. <label for="mce-MMERGE6">Website </label>
  1766. <input type="url" value name="MMERGE6" class=" url" id="mce-MMERGE6">
  1767. </div>
  1768. <div id="mce-responses" class="clear">
  1769. <div class="response" id="mce-error-response" style="display:none"></div>
  1770. <div class="response" id="mce-success-response" style="display:none"></div>
  1771. </div>
  1772. <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_028da96442f1dc5b395129076_1ef3a3e7b8" tabindex="-1" value></div>
  1773. <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
  1774. </div>
  1775. </form>
  1776. </div>
  1777. <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script><script type="text/javascript">(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[4]='PHONE';ftypes[4]='phone';fnames[3]='MMERGE3';ftypes[3]='text';fnames[5]='MMERGE5';ftypes[5]='text';fnames[6]='MMERGE6';ftypes[6]='url';}(jQuery));var $mcj = jQuery.noConflict(true);</script>
  1778.  
  1779. <footer>
  1780. <div class="container">
  1781. <div class="row">
  1782. <div class="col-md-10 offset-md-1">
  1783. <div class="footer-link">
  1784. <ul>
  1785. <li><a href="/about-us">About us</a></li>
  1786. <li><a href="/advertise">Advertise</a></li>
  1787. <li><a href="/community/static/privacy_statement/">Privacy</a></li>
  1788. <li><a href="/community/static/contact_us">Contact us</a></li>
  1789.  
  1790. </ul>
  1791. <ul>
  1792. <li><a href="/directory">Directory</a></li>
  1793. <li><a href="/conversational">Business</a></li>
  1794. <li><a href="/research">Research</a></li>
  1795. <li><a href="/awards">Awards</a></li>
  1796. <li><a href="/community">Community</a></li>
  1797. </ul>
  1798. <ul>
  1799. <li><a href="/ai_zone">Forums</a></li>
  1800. <li><a href="/chatbot">Chatbot listing</a></li>
  1801. <li><a href="/virtual_agent">Virtual agents</a></li>
  1802. <li><a href="/virtual_assistant">Virtual assistants</a></li>
  1803. <li><a href="/chat_bot">Chat bot directory</a></li>
  1804. </ul>
  1805. <ul>
  1806. <li><a href="/conversational_agent">Conversational agents</a></li>
  1807. <li><a href="/virtual_human">Virtual human news</a></li>
  1808. <li><a href="/chatterbot">Chatterbot list</a></li>
  1809. </ul>
  1810. </div>
  1811. </div>
  1812. </div>
  1813. </div>
  1814. <div class="copyright">
  1815. <div class="text-center">
  1816. <p class="mb-0">&copy; 2020 Chatbots.org</p>
  1817. </div>
  1818. </div>
  1819. </footer>
  1820. </div>
  1821. <style type="text/css">
  1822. .card .bg-block.black {
  1823. background: #000000;
  1824. }
  1825. .card .bg-block.blue{
  1826. background: #0c4e82;
  1827. }
  1828. </style>
  1829.  
  1830. <script type="text/javascript" src="/assets/vendor/jquery/dist/jquery.min.js" defer></script>
  1831. <script type="text/javascript" src="/assets/vendor/jquery-validation/dist/jquery.validate.min.js" defer></script>
  1832. <script type="text/javascript" src="/assets/vendor/lozad/dist/lozad.min.js" defer></script>
  1833. <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
  1834. <script>
  1835. function myFunction1() {
  1836.  event.preventDefault();
  1837.  
  1838.  var className = document.getElementById("team1").className;
  1839.  
  1840.    if ( ~className.indexOf('active_sf') ) {
  1841.        document.getElementById("team1").className = className.replace(' active_sf', ' ');
  1842.        document.getElementById("user_number_1").checked = false;
  1843.    } else {
  1844.        document.getElementById("team1").className += ' active_sf';
  1845.        document.getElementById("user_number_1").checked = true;
  1846.  
  1847.        document.getElementById("team3").className = className.replace(' active_sf', ' ');
  1848.        document.getElementById("user_number_3").checked = false;
  1849.  
  1850.        document.getElementById("team2").className = className.replace(' active_sf', ' ');
  1851.        document.getElementById("user_number_2").checked = false;
  1852.  
  1853.        document.getElementById("team4").className = className.replace(' active_sf', ' ');
  1854.        document.getElementById("user_number_4").checked = false;
  1855.    }
  1856.  
  1857. }
  1858. function myFunction2() {
  1859.  event.preventDefault();
  1860.  
  1861.  var className = document.getElementById("team2").className;
  1862.  
  1863.    if ( ~className.indexOf('active_sf') ) {
  1864.        document.getElementById("team2").className = className.replace(' active_sf', ' ');
  1865.        document.getElementById("user_number_2").checked = false;
  1866.    } else {
  1867.        document.getElementById("team2").className += ' active_sf';
  1868.        document.getElementById("user_number_2").checked = true;
  1869.  
  1870.        document.getElementById("team3").className = className.replace(' active_sf', ' ');
  1871.        document.getElementById("user_number_3").checked = false;
  1872.  
  1873.        document.getElementById("team4").className = className.replace(' active_sf', ' ');
  1874.        document.getElementById("user_number_4").checked = false;
  1875.  
  1876.        document.getElementById("team1").className = className.replace(' active_sf', ' ');
  1877.        document.getElementById("user_number_1").checked = false;
  1878.    }
  1879.  
  1880.  //document.getElementById("user_number_2").checked = true;
  1881. }
  1882. function myFunction3() {
  1883.  event.preventDefault();
  1884.  
  1885.  var className = document.getElementById("team3").className;
  1886.  
  1887.    if ( ~className.indexOf('active_sf') ) {
  1888.        document.getElementById("team3").className = className.replace(' active_sf', ' ');
  1889.        document.getElementById("user_number_3").checked = false;
  1890.    } else {
  1891.        document.getElementById("team3").className += ' active_sf';
  1892.        document.getElementById("user_number_3").checked = true;
  1893.  
  1894.        document.getElementById("team4").className = className.replace(' active_sf', ' ');
  1895.        document.getElementById("user_number_4").checked = false;
  1896.  
  1897.        document.getElementById("team2").className = className.replace(' active_sf', ' ');
  1898.        document.getElementById("user_number_2").checked = false;
  1899.  
  1900.        document.getElementById("team1").className = className.replace(' active_sf', ' ');
  1901.        document.getElementById("user_number_1").checked = false;
  1902.    }
  1903.  
  1904.  //document.getElementById("user_number_3").checked = true;
  1905. }
  1906. function myFunction4() {
  1907.  event.preventDefault();
  1908.  
  1909.  var className = document.getElementById("team4").className;
  1910.  
  1911.    if ( ~className.indexOf('active_sf') ) {
  1912.        document.getElementById("team4").className = className.replace(' active_sf', ' ');
  1913.        document.getElementById("user_number_4").checked = false;
  1914.    } else {
  1915.        document.getElementById("team4").className += ' active_sf';
  1916.        document.getElementById("user_number_4").checked = true;
  1917.  
  1918.        document.getElementById("team3").className = className.replace(' active_sf', ' ');
  1919.        document.getElementById("user_number_3").checked = false;
  1920.  
  1921.        document.getElementById("team2").className = className.replace(' active_sf', ' ');
  1922.        document.getElementById("user_number_2").checked = false;
  1923.  
  1924.        document.getElementById("team1").className = className.replace(' active_sf', ' ');
  1925.        document.getElementById("user_number_1").checked = false;
  1926.    }
  1927.  
  1928.  //document.getElementById("user_number_4").checked = true;
  1929. }
  1930. function mysystem_features1(){
  1931.  event.preventDefault();
  1932.  var className = document.getElementById("sf_1").className;
  1933.  
  1934.    if ( ~className.indexOf('active_sf') ) {
  1935.        document.getElementById("sf_1").className = className.replace(' active_sf', ' ');
  1936.        document.getElementById("system_features_1").checked = false;
  1937.    } else {
  1938.        document.getElementById("sf_1").className += ' active_sf';
  1939.        document.getElementById("system_features_1").checked = true;
  1940.    }
  1941.  
  1942. }
  1943. function mysystem_features2(){
  1944.  event.preventDefault();
  1945.  var className = document.getElementById("sf_2").className;
  1946.  
  1947.    if ( ~className.indexOf('active_sf') ) {
  1948.        document.getElementById("sf_2").className = className.replace(' active_sf', ' ');
  1949.        document.getElementById("system_features_2").checked = false;
  1950.    } else {
  1951.        document.getElementById("sf_2").className += ' active_sf';
  1952.        document.getElementById("system_features_2").checked = true;
  1953.    }
  1954.  
  1955. }
  1956. function mysystem_features3(){
  1957.  event.preventDefault();
  1958.  var className = document.getElementById("sf_3").className;
  1959.  
  1960.    if ( ~className.indexOf('active_sf') ) {
  1961.        document.getElementById("sf_3").className = className.replace(' active_sf', ' ');
  1962.        document.getElementById("system_features_3").checked = false;
  1963.    } else {
  1964.        document.getElementById("sf_3").className += ' active_sf';
  1965.        document.getElementById("system_features_3").checked = true;
  1966.    }
  1967. }
  1968. function mysystem_features4(){
  1969.  event.preventDefault();
  1970.  var className = document.getElementById("sf_4").className;
  1971.  
  1972.    if ( ~className.indexOf('active_sf') ) {
  1973.        document.getElementById("sf_4").className = className.replace(' active_sf', ' ');
  1974.        document.getElementById("system_features_4").checked = false;
  1975.    } else {
  1976.        document.getElementById("sf_4").className += ' active_sf';
  1977.        document.getElementById("system_features_4").checked = true;
  1978.    }
  1979. }
  1980. function mysystem_features5(){
  1981.  event.preventDefault();
  1982.  var className = document.getElementById("sf_5").className;
  1983.  
  1984.    if ( ~className.indexOf('active_sf') ) {
  1985.        document.getElementById("sf_5").className = className.replace(' active_sf', ' ');
  1986.        document.getElementById("system_features_5").checked = false;
  1987.    } else {
  1988.        document.getElementById("sf_5").className += ' active_sf';
  1989.        document.getElementById("system_features_5").checked = true;
  1990.    }
  1991. }
  1992. function mysystem_features6(){
  1993.  event.preventDefault();
  1994.  var className = document.getElementById("sf_6").className;
  1995.  
  1996.    if ( ~className.indexOf('active_sf') ) {
  1997.        document.getElementById("sf_6").className = className.replace(' active_sf', ' ');
  1998.        document.getElementById("system_features_6").checked = false;
  1999.    } else {
  2000.        document.getElementById("sf_6").className += ' active_sf';
  2001.        document.getElementById("system_features_6").checked = true;
  2002.    }
  2003. }
  2004. function mysystem_features7(){
  2005.  event.preventDefault();
  2006.  var className = document.getElementById("sf_7").className;
  2007.  
  2008.    if ( ~className.indexOf('active_sf') ) {
  2009.        document.getElementById("sf_7").className = className.replace(' active_sf', ' ');
  2010.        document.getElementById("system_features_7").checked = false;
  2011.    } else {
  2012.        document.getElementById("sf_7").className += ' active_sf';
  2013.        document.getElementById("system_features_7").checked = true;
  2014.    }
  2015. }
  2016. function mysystem_features8(){
  2017.  event.preventDefault();
  2018.  var className = document.getElementById("sf_8").className;
  2019.  
  2020.    if ( ~className.indexOf('active_sf') ) {
  2021.        document.getElementById("sf_8").className = className.replace(' active_sf', ' ');
  2022.        document.getElementById("system_features_8").checked = false;
  2023.    } else {
  2024.        document.getElementById("sf_8").className += ' active_sf';
  2025.        document.getElementById("system_features_8").checked = true;
  2026.    }
  2027. }
  2028. function mysystem_features9(){
  2029.  event.preventDefault();
  2030.  var className = document.getElementById("sf_9").className;
  2031.  
  2032.    if ( ~className.indexOf('active_sf') ) {
  2033.        document.getElementById("sf_9").className = className.replace(' active_sf', ' ');
  2034.        document.getElementById("system_features_9").checked = false;
  2035.    } else {
  2036.        document.getElementById("sf_9").className += ' active_sf';
  2037.        document.getElementById("system_features_9").checked = true;
  2038.    }
  2039. }
  2040. </script>
  2041. <script>
  2042. var currentTab = 0; // Current tab is set to be the first tab (0)
  2043. showTab(currentTab); // Display the current tab
  2044.  
  2045. function showTab(n) {
  2046.  // This function will display the specified tab of the form...
  2047.  var x = document.getElementsByClassName("tab");
  2048.  x[n].style.display = "block";
  2049.  //... and fix the Previous/Next buttons:
  2050.  if (n == 0) {
  2051.    document.getElementById("prevBtn").style.display = "none";
  2052.  } else {
  2053.    document.getElementById("prevBtn").style.display = "inline";
  2054.  }
  2055.  if (n == (x.length - 1)) {
  2056.    document.getElementById("nextBtn").innerHTML = "Submit";
  2057.  } else {
  2058.    document.getElementById("nextBtn").innerHTML = "Next";
  2059.  }
  2060.  //... and run a function that will display the correct step_lead_data indicator:
  2061.  fixstep_lead_dataIndicator(n)
  2062. }
  2063.  
  2064. function nextPrev(n) {
  2065.  // This function will figure out which tab to display
  2066.  var x = document.getElementsByClassName("tab");
  2067.  // Exit the function if any field in the current tab is invalid:
  2068.  if (n == 1 && !validateForm()) return false;
  2069.  // Hide the current tab:
  2070.  x[currentTab].style.display = "none";
  2071.  // Increase or decrease the current tab by 1:
  2072.  currentTab = currentTab + n;
  2073.  // if you have reached the end of the form...
  2074.  if (currentTab >= x.length) {
  2075.    // ... the form gets submitted:
  2076.    var fname = document.getElementById("fname").value;
  2077.    var website_address = document.getElementById("website_address").value;
  2078.    var phone_number = document.getElementById("phone_number").value;
  2079.    var email = document.getElementById("email").value;
  2080.    var user_number = '';
  2081.    if (document.getElementById('user_number_1').checked) {
  2082.  user_number = document.getElementById('user_number_1').value;
  2083. }
  2084. if (document.getElementById('user_number_2').checked) {
  2085.  user_number = document.getElementById('user_number_2').value;
  2086. }
  2087. if (document.getElementById('user_number_3').checked) {
  2088.  user_number = document.getElementById('user_number_3').value;
  2089. }
  2090. if (document.getElementById('user_number_4').checked) {
  2091.  user_number = document.getElementById('user_number_4').value;
  2092. }
  2093.    
  2094. var checkedValue = '';
  2095. var inputElements = document.getElementsByClassName('s_feature');
  2096. for(var i=0; inputElements[i]; ++i){
  2097.      if(inputElements[i].checked){
  2098.         if(i == 0){
  2099.         checkedValue = checkedValue + ' ' +inputElements[i].value;
  2100.         }
  2101.         else{
  2102.         checkedValue = checkedValue + ', ' +inputElements[i].value;
  2103.         }
  2104.      }
  2105. }
  2106.  
  2107. document.getElementById("mce-FNAME").value = fname;
  2108. document.getElementById("mce-MMERGE3").value = user_number;
  2109. document.getElementById("mce-MMERGE5").value = checkedValue;
  2110. document.getElementById("mce-EMAIL").value = email;
  2111. document.getElementById("mce-PHONE").value = phone_number;
  2112. document.getElementById("mce-MMERGE6").value = website_address;  
  2113.  
  2114. var $lead_subs_form = $('#mc-embedded-subscribe-form');
  2115. register_mailchimp($lead_subs_form);
  2116. //document.getElementById("mc-embedded-subscribe-form").submit();  
  2117.    
  2118. //alert(fname);
  2119. //alert(website_address);
  2120. //alert(phone_number);
  2121. //alert(email);
  2122. //alert(user_number);
  2123. //alert(checkedValue);
  2124.    //document.getElementById("regForm").submit();
  2125.    document.getElementById("regForm").style.display = "none";
  2126.    document.getElementById("success_box").style.display = "block";
  2127.    return false;
  2128.  }
  2129.  // Otherwise, display the correct tab:
  2130.  showTab(currentTab);
  2131. }
  2132.  
  2133. function emailIsValid (email) {
  2134.  return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email);
  2135. }
  2136.  
  2137. function phonenumber(inputtxt)
  2138. {
  2139.  var phoneno = /^[(]{0,1}[0-9]{3}[)]{0,1}[-\s\.]{0,1}[0-9]{3}[-\s\.]{0,1}[0-9]{4}$/;
  2140.  if(inputtxt.match(phoneno))
  2141.     {
  2142.   return true;
  2143. }
  2144.   else
  2145.     {
  2146.   return false;
  2147.     }
  2148. }
  2149.  
  2150. function validURL(myURL) {
  2151.            var pattern = /^(http[s]?:\/\/){0,1}(www\.){0,1}[a-zA-Z0-9\.\-]+\.[a-zA-Z]{2,5}[\.]{0,1}/;
  2152.            return pattern.test(myURL);
  2153.         }
  2154.  
  2155.  
  2156. function validateForm() {
  2157.  // This function deals with validation of the form fields
  2158.  var x, y, i, valid = true;
  2159.  x = document.getElementsByClassName("tab");
  2160.  y = x[currentTab].getElementsByTagName("input");
  2161.  
  2162.  // A loop that checks every input field in the current tab:
  2163.  for (i = 0; i < y.length; i++) {
  2164.    // If a field is empty...
  2165.    if (y[i].value == "") {
  2166.      // add an "invalid" class to the field:
  2167.      y[i].className += " invalid";
  2168.      // and set the current valid status to false
  2169.      valid = false;
  2170.    }
  2171.    else{
  2172.     if(y[i].id == 'email'){
  2173.     if(emailIsValid(y[i].value)){
  2174.     document.getElementById("choose_email_address").style.display = "none";
  2175.     }
  2176.     else{
  2177.     document.getElementById("choose_email_address").style.display = "block";
  2178.     y[i].className += " invalid";
  2179.    // and set the current valid status to false
  2180.    valid = false;
  2181.     }
  2182.    }
  2183.  
  2184.    //phone_number validate
  2185.    if(y[i].id == 'phone_number'){
  2186.     if(phonenumber(y[i].value)){
  2187.     document.getElementById("choose_phone_number").style.display = "none";
  2188.     }
  2189.     else{
  2190.     document.getElementById("choose_phone_number").style.display = "block";
  2191.     y[i].className += " invalid";
  2192.    // and set the current valid status to false
  2193.    valid = false;
  2194.     }
  2195.    }
  2196.  
  2197.    //website_address validate
  2198.    if(y[i].id == 'website_address'){
  2199.     if(validURL(y[i].value)){
  2200.     document.getElementById("choose_website_address").style.display = "none";
  2201.     }
  2202.     else{
  2203.     document.getElementById("choose_website_address").style.display = "block";
  2204.     y[i].className += " invalid";
  2205.    // and set the current valid status to false choose_email_address
  2206.    valid = false;
  2207.     }
  2208.    }
  2209.  
  2210.    }
  2211.  
  2212.  }
  2213.  
  2214.    var user_number = document.getElementsByName('user_number');
  2215.    var ischecked_method = false;
  2216.    for ( var i = 0; i < user_number.length; i++) {
  2217.        if(user_number[i].checked) {
  2218.            ischecked_method = true;
  2219.            var xx = document.getElementById("choose_user_number");
  2220.            xx.style.display = "none";
  2221.          
  2222.            break;
  2223.        }
  2224.    }
  2225.    if(!ischecked_method)   { //payment method button is not checked
  2226.          var xx = document.getElementById("choose_user_number");
  2227.          if (xx.style.display === "none") {
  2228.            xx.style.display = "block";
  2229.          }
  2230.  
  2231.          valid = false;
  2232.    }
  2233.  
  2234.  // If the valid status is true, mark the step_lead_data as finished and valid:
  2235.  if (valid) {
  2236.    document.getElementsByClassName("step_lead_data")[currentTab].className += " finish";
  2237.  }
  2238.  return valid; // return the valid status
  2239. }
  2240.  
  2241. function fixstep_lead_dataIndicator(n) {
  2242.  // This function removes the "active" class of all step_lead_datas...
  2243.  var i, x = document.getElementsByClassName("step_lead_data");
  2244.  for (i = 0; i < x.length; i++) {
  2245.    x[i].className = x[i].className.replace(" active", "");
  2246.  }
  2247.  //... and adds the "active" class on the current step_lead_data:
  2248.  x[n].className += " active";
  2249. }
  2250. </script>
  2251. <script type="text/javascript">
  2252. // Get the modal
  2253. var modal = document.getElementById("myModal");
  2254.  
  2255. // Get the button that opens the modal
  2256. //var btn = document.getElementById("myBtn");
  2257.  
  2258. // Get the <span> element that closes the modal
  2259. var span = document.getElementsByClassName("close")[0];
  2260.  
  2261. // When the user clicks on the button, open the modal
  2262. /*btn.onclick = function() {
  2263.  modal.style.display = "block";
  2264. }*/
  2265.  
  2266. /*setTimeout(function(){
  2267. modal.style.display = "block";
  2268. }, 5000);*/
  2269.  
  2270. // When the user clicks on <span> (x), close the modal
  2271. span.onclick = function() {
  2272.  modal.style.display = "none";
  2273. }
  2274.  
  2275. // When the user clicks anywhere outside of the modal, close it
  2276. window.onclick = function(event) {
  2277.  if (event.target == modal) {
  2278.    modal.style.display = "none";
  2279.  }
  2280. }
  2281. </script>
  2282. <script>
  2283. function myFunction11() {
  2284.  event.preventDefault();
  2285.  
  2286.  var className = document.getElementById("team11").className;
  2287.  
  2288.    if ( ~className.indexOf('active_sf') ) {
  2289.        document.getElementById("team11").className = className.replace(' active_sf', ' ');
  2290.        document.getElementById("user_number_modal_11").checked = false;
  2291.    } else {
  2292.        document.getElementById("team11").className += ' active_sf';
  2293.        document.getElementById("user_number_modal_11").checked = true;
  2294.  
  2295.        document.getElementById("team33").className = className.replace(' active_sf', ' ');
  2296.        document.getElementById("user_number_modal_33").checked = false;
  2297.  
  2298.        document.getElementById("team22").className = className.replace(' active_sf', ' ');
  2299.        document.getElementById("user_number_modal_22").checked = false;
  2300.  
  2301.        document.getElementById("team44").className = className.replace(' active_sf', ' ');
  2302.        document.getElementById("user_number_modal_44").checked = false;
  2303.    }
  2304.  
  2305.  //document.getElementById("user_number_modal_11").checked = true;
  2306. }
  2307. function myFunction22() {
  2308.  event.preventDefault();
  2309.  
  2310.  var className = document.getElementById("team22").className;
  2311.  
  2312.    if ( ~className.indexOf('active_sf') ) {
  2313.        document.getElementById("team22").className = className.replace(' active_sf', ' ');
  2314.        document.getElementById("user_number_modal_22").checked = false;
  2315.    } else {
  2316.        document.getElementById("team22").className += ' active_sf';
  2317.        document.getElementById("user_number_modal_22").checked = true;
  2318.  
  2319.        document.getElementById("team33").className = className.replace(' active_sf', ' ');
  2320.        document.getElementById("user_number_modal_33").checked = false;
  2321.  
  2322.        document.getElementById("team11").className = className.replace(' active_sf', ' ');
  2323.        document.getElementById("user_number_modal_11").checked = false;
  2324.  
  2325.        document.getElementById("team44").className = className.replace(' active_sf', ' ');
  2326.        document.getElementById("user_number_modal_44").checked = false;
  2327.    }
  2328.  
  2329.  //document.getElementById("user_number_modal_22").checked = true;
  2330. }
  2331. function myFunction33() {
  2332.  event.preventDefault();
  2333.  
  2334.  var className = document.getElementById("team33").className;
  2335.  
  2336.  if ( ~className.indexOf('active_sf') ) {
  2337.        document.getElementById("team33").className = className.replace(' active_sf', ' ');
  2338.        document.getElementById("user_number_modal_33").checked = false;
  2339.    } else {
  2340.        document.getElementById("team33").className += ' active_sf';
  2341.        document.getElementById("user_number_modal_33").checked = true;
  2342.  
  2343.        document.getElementById("team22").className = className.replace(' active_sf', ' ');
  2344.        document.getElementById("user_number_modal_22").checked = false;
  2345.  
  2346.        document.getElementById("team11").className = className.replace(' active_sf', ' ');
  2347.        document.getElementById("user_number_modal_11").checked = false;
  2348.  
  2349.        document.getElementById("team44").className = className.replace(' active_sf', ' ');
  2350.        document.getElementById("user_number_modal_44").checked = false;
  2351.    }
  2352.  
  2353.  //document.getElementById("user_number_modal_33").checked = true;
  2354. }
  2355. function myFunction44() {
  2356.  event.preventDefault();
  2357.  
  2358.  var className = document.getElementById("team44").className;
  2359.  
  2360.  if ( ~className.indexOf('active_sf') ) {
  2361.        document.getElementById("team44").className = className.replace(' active_sf', ' ');
  2362.        document.getElementById("user_number_modal_44").checked = false;
  2363.    } else {
  2364.        document.getElementById("team44").className += ' active_sf';
  2365.        document.getElementById("user_number_modal_44").checked = true;
  2366.  
  2367.        document.getElementById("team22").className = className.replace(' active_sf', ' ');
  2368.        document.getElementById("user_number_modal_22").checked = false;
  2369.  
  2370.        document.getElementById("team11").className = className.replace(' active_sf', ' ');
  2371.        document.getElementById("user_number_modal_11").checked = false;
  2372.  
  2373.        document.getElementById("team33").className = className.replace(' active_sf', ' ');
  2374.        document.getElementById("user_number_modal_33").checked = false;
  2375.    }
  2376.  
  2377.  //document.getElementById("user_number_modal_44").checked = true;
  2378. }
  2379. function mysystem_features11(){
  2380.  event.preventDefault();
  2381.  var className = document.getElementById("sf_11").className;
  2382.  
  2383.    if ( ~className.indexOf('active_sf_mmodal') ) {
  2384.        document.getElementById("sf_11").className = className.replace(' active_sf_mmodal', ' ');
  2385.        document.getElementById("system_features_11").checked = false;
  2386.    } else {
  2387.        document.getElementById("sf_11").className += ' active_sf_mmodal';
  2388.        document.getElementById("system_features_11").checked = true;
  2389.    }
  2390.  
  2391. }
  2392. function mysystem_features22(){
  2393.  event.preventDefault();
  2394.  var className = document.getElementById("sf_22").className;
  2395.  
  2396.    if ( ~className.indexOf('active_sf_mmodal') ) {
  2397.        document.getElementById("sf_22").className = className.replace(' active_sf_mmodal', ' ');
  2398.        document.getElementById("system_features_22").checked = false;
  2399.    } else {
  2400.        document.getElementById("sf_22").className += ' active_sf_mmodal';
  2401.        document.getElementById("system_features_22").checked = true;
  2402.    }
  2403.  
  2404. }
  2405. function mysystem_features33(){
  2406.  event.preventDefault();
  2407.  var className = document.getElementById("sf_33").className;
  2408.  
  2409.    if ( ~className.indexOf('active_sf_mmodal') ) {
  2410.        document.getElementById("sf_33").className = className.replace(' active_sf_mmodal', ' ');
  2411.        document.getElementById("system_features_33").checked = false;
  2412.    } else {
  2413.        document.getElementById("sf_33").className += ' active_sf_mmodal';
  2414.        document.getElementById("system_features_33").checked = true;
  2415.    }
  2416. }
  2417. function mysystem_features44(){
  2418.  event.preventDefault();
  2419.  var className = document.getElementById("sf_44").className;
  2420.  
  2421.    if ( ~className.indexOf('active_sf_mmodal') ) {
  2422.        document.getElementById("sf_44").className = className.replace(' active_sf_mmodal', ' ');
  2423.        document.getElementById("system_features_44").checked = false;
  2424.    } else {
  2425.        document.getElementById("sf_44").className += ' active_sf_mmodal';
  2426.        document.getElementById("system_features_44").checked = true;
  2427.    }
  2428. }
  2429. function mysystem_features55(){
  2430.  event.preventDefault();
  2431.  var className = document.getElementById("sf_55").className;
  2432.  
  2433.    if ( ~className.indexOf('active_sf_mmodal') ) {
  2434.        document.getElementById("sf_55").className = className.replace(' active_sf_mmodal', ' ');
  2435.        document.getElementById("system_features_55").checked = false;
  2436.    } else {
  2437.        document.getElementById("sf_55").className += ' active_sf_mmodal';
  2438.        document.getElementById("system_features_55").checked = true;
  2439.    }
  2440. }
  2441. function mysystem_features66(){
  2442.  event.preventDefault();
  2443.  var className = document.getElementById("sf_66").className;
  2444.  
  2445.    if ( ~className.indexOf('active_sf_mmodal') ) {
  2446.        document.getElementById("sf_66").className = className.replace(' active_sf_mmodal', ' ');
  2447.        document.getElementById("system_features_66").checked = false;
  2448.    } else {
  2449.        document.getElementById("sf_66").className += ' active_sf_mmodal';
  2450.        document.getElementById("system_features_66").checked = true;
  2451.    }
  2452. }
  2453. function mysystem_features77(){
  2454.  event.preventDefault();
  2455.  var className = document.getElementById("sf_77").className;
  2456.  
  2457.    if ( ~className.indexOf('active_sf_mmodal') ) {
  2458.        document.getElementById("sf_77").className = className.replace(' active_sf_mmodal', ' ');
  2459.        document.getElementById("system_features_77").checked = false;
  2460.    } else {
  2461.        document.getElementById("sf_77").className += ' active_sf_mmodal';
  2462.        document.getElementById("system_features_77").checked = true;
  2463.    }
  2464. }
  2465. function mysystem_features88(){
  2466.  event.preventDefault();
  2467.  var className = document.getElementById("sf_88").className;
  2468.  
  2469.    if ( ~className.indexOf('active_sf_mmodal') ) {
  2470.        document.getElementById("sf_88").className = className.replace(' active_sf_mmodal', ' ');
  2471.        document.getElementById("system_features_88").checked = false;
  2472.    } else {
  2473.        document.getElementById("sf_88").className += ' active_sf_mmodal';
  2474.        document.getElementById("system_features_88").checked = true;
  2475.    }
  2476. }
  2477. function mysystem_features99(){
  2478.  event.preventDefault();
  2479.  var className = document.getElementById("sf_99").className;
  2480.  
  2481.    if ( ~className.indexOf('active_sf_mmodal') ) {
  2482.        document.getElementById("sf_99").className = className.replace(' active_sf_mmodal', ' ');
  2483.        document.getElementById("system_features_99").checked = false;
  2484.    } else {
  2485.        document.getElementById("sf_99").className += ' active_sf_mmodal';
  2486.        document.getElementById("system_features_99").checked = true;
  2487.    }
  2488. }
  2489. </script>
  2490. <script>
  2491. var currenttabmodalmodal = 0; // Current tabmodal is set to be the first tabmodal (0)
  2492. showtabmodalmodal(currenttabmodalmodal); // Display the current tabmodal
  2493.  
  2494. function showtabmodalmodal(n) {
  2495.  // This function will display the specified tabmodal of the form...
  2496.  var x = document.getElementsByClassName("tabmodal");
  2497.  x[n].style.display = "block";
  2498.  //... and fix the Previous/Next buttons:
  2499.  if (n == 0) {
  2500.    document.getElementById("prevBtnmodal").style.display = "none";
  2501.  } else {
  2502.    document.getElementById("prevBtnmodal").style.display = "inline";
  2503.  }
  2504.  if (n == (x.length - 1)) {
  2505.    document.getElementById("nextBtnmodal").innerHTML = "Submit";
  2506.  } else {
  2507.    document.getElementById("nextBtnmodal").innerHTML = "Next";
  2508.  }
  2509.  //... and run a function that will display the correct step_lead_data_modal indicator:
  2510.  fixstep_lead_data_modalIndicator(n)
  2511. }
  2512.  
  2513. function nextPrevmodal(n) {
  2514.  // This function will figure out which tabmodal to display
  2515.  var x = document.getElementsByClassName("tabmodal");
  2516.  // Exit the function if any field in the current tabmodal is invalid:
  2517.  if (n == 1 && !validateFormmodal()) return false;
  2518.  // Hide the current tabmodal:
  2519.  x[currenttabmodalmodal].style.display = "none";
  2520.  // Increase or decrease the current tabmodal by 1:
  2521.  currenttabmodalmodal = currenttabmodalmodal + n;
  2522.  // if you have reached the end of the form...
  2523.  if (currenttabmodalmodal >= x.length) {
  2524.    // ... the form gets submitted:
  2525.    var fname_modal = document.getElementById("fname_modal").value;
  2526.    var website_address_modal = document.getElementById("website_address_modal").value;
  2527.    var phone_number_modal = document.getElementById("phone_number_modal").value;
  2528.    var email_modal = document.getElementById("email_modal").value;
  2529.    var user_number_modal = '';
  2530.    if (document.getElementById('user_number_modal_11').checked) {
  2531.  user_number_modal = document.getElementById('user_number_modal_11').value;
  2532. }
  2533. if (document.getElementById('user_number_modal_22').checked) {
  2534.  user_number_modal = document.getElementById('user_number_modal_22').value;
  2535. }
  2536. if (document.getElementById('user_number_modal_33').checked) {
  2537.  user_number_modal = document.getElementById('user_number_modal_33').value;
  2538. }
  2539. if (document.getElementById('user_number_modal_44').checked) {
  2540.  user_number_modal = document.getElementById('user_number_modal_44').value;
  2541. }
  2542.    
  2543. var checkedValue = '';
  2544. var inputElements = document.getElementsByClassName('s_feature_modal');
  2545. for(var i=0; inputElements[i]; ++i){
  2546.      if(inputElements[i].checked){
  2547.         if(i == 0){
  2548.         checkedValue = checkedValue + ' ' +inputElements[i].value;
  2549.         }
  2550.         else{
  2551.         checkedValue = checkedValue + ', ' +inputElements[i].value;
  2552.         }
  2553.           //checkedValue = checkedValue + ' ' +inputElements[i].value;
  2554.        
  2555.      }
  2556. }
  2557.  
  2558. document.getElementById("mce-FNAME").value = fname_modal;
  2559. document.getElementById("mce-MMERGE3").value = user_number_modal;
  2560. document.getElementById("mce-MMERGE5").value = checkedValue;
  2561. document.getElementById("mce-EMAIL").value = email_modal;
  2562. document.getElementById("mce-PHONE").value = phone_number_modal;
  2563. document.getElementById("mce-MMERGE6").value = website_address_modal;  
  2564.  
  2565. var $lead_subs_form = $('#mc-embedded-subscribe-form');
  2566. register_mailchimp($lead_subs_form);
  2567.  
  2568. //alert(fname_modal);
  2569. //alert(website_address_modal);
  2570. //alert(phone_number_modal);
  2571. //alert(email_modal);
  2572. //alert(user_number_modal);
  2573. //alert(checkedValue);
  2574.    //document.getElementById("regForm_modal").submit();
  2575.    document.getElementById("regForm_modal").style.display = "none";
  2576.    document.getElementById("success_box_modal").style.display = "block";
  2577.    return false;
  2578.  }
  2579.  // Otherwise, display the correct tabmodal:
  2580.  showtabmodalmodal(currenttabmodalmodal);
  2581. }
  2582.  
  2583. function email_modalIsValid (email_modal) {
  2584.  return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email_modal);
  2585. }
  2586.  
  2587. function phonenumber_modal(inputtxt)
  2588. {
  2589.  var phoneno = /^[(]{0,1}[0-9]{3}[)]{0,1}[-\s\.]{0,1}[0-9]{3}[-\s\.]{0,1}[0-9]{4}$/;
  2590.  if(inputtxt.match(phoneno))
  2591.     {
  2592.   return true;
  2593. }
  2594.   else
  2595.     {
  2596.   return false;
  2597.     }
  2598. }
  2599.  
  2600. function validURL_modal(myURL) {
  2601.            var pattern = /^(http[s]?:\/\/){0,1}(www\.){0,1}[a-zA-Z0-9\.\-]+\.[a-zA-Z]{2,5}[\.]{0,1}/;
  2602.            return pattern.test(myURL);
  2603.         }
  2604.  
  2605.  
  2606. function validateFormmodal() {
  2607.  // This function deals with validation of the form fields
  2608.  var x, y, i, valid = true;
  2609.  x = document.getElementsByClassName("tabmodal");
  2610.  y = x[currenttabmodalmodal].getElementsByTagName("input");
  2611.  
  2612.  // A loop that checks every input field in the current tabmodal:
  2613.  for (i = 0; i < y.length; i++) {
  2614.    // If a field is empty...
  2615.    if (y[i].value == "") {
  2616.      // add an "invalid" class to the field:
  2617.      y[i].className += " invalid";
  2618.      // and set the current valid status to false
  2619.      valid = false;
  2620.    }
  2621.    else{
  2622.     if(y[i].id == 'email_modal'){
  2623.     if(email_modalIsValid(y[i].value)){
  2624.     document.getElementById("choose_email_modal_address").style.display = "none";
  2625.     }
  2626.     else{
  2627.     document.getElementById("choose_email_modal_address").style.display = "block";
  2628.     y[i].className += " invalid";
  2629.    // and set the current valid status to false
  2630.    valid = false;
  2631.     }
  2632.    }
  2633.  
  2634.    //phone_number_modal validate
  2635.    if(y[i].id == 'phone_number_modal'){
  2636.     if(phonenumber_modal(y[i].value)){
  2637.     document.getElementById("choose_phone_number_modal").style.display = "none";
  2638.     }
  2639.     else{
  2640.     document.getElementById("choose_phone_number_modal").style.display = "block";
  2641.     y[i].className += " invalid";
  2642.    // and set the current valid status to false
  2643.    valid = false;
  2644.     }
  2645.    }
  2646.  
  2647.    //website_address_modal validate
  2648.    if(y[i].id == 'website_address_modal'){
  2649.     if(validURL_modal(y[i].value)){
  2650.     document.getElementById("choose_website_address_modal").style.display = "none";
  2651.     }
  2652.     else{
  2653.     document.getElementById("choose_website_address_modal").style.display = "block";
  2654.     y[i].className += " invalid";
  2655.    // and set the current valid status to false choose_email_modal_address
  2656.    valid = false;
  2657.     }
  2658.    }
  2659.  
  2660.    }
  2661.  
  2662.  }
  2663.  
  2664.    var user_number_modal = document.getElementsByName('user_number_modal');
  2665.    var ischecked_method = false;
  2666.    for ( var i = 0; i < user_number_modal.length; i++) {
  2667.        if(user_number_modal[i].checked) {
  2668.            ischecked_method = true;
  2669.            var xx = document.getElementById("choose_user_number_modal");
  2670.            xx.style.display = "none";
  2671.          
  2672.            break;
  2673.        }
  2674.    }
  2675.    if(!ischecked_method)   { //payment method button is not checked
  2676.          var xx = document.getElementById("choose_user_number_modal");
  2677.          if (xx.style.display === "none") {
  2678.            xx.style.display = "block";
  2679.          }
  2680.  
  2681.          valid = false;
  2682.    }
  2683.  
  2684.  // If the valid status is true, mark the step_lead_data_modal as finished and valid:
  2685.  if (valid) {
  2686.    document.getElementsByClassName("step_lead_data_modal")[currenttabmodalmodal].className += " finish";
  2687.  }
  2688.  return valid; // return the valid status
  2689. }
  2690.  
  2691. function fixstep_lead_data_modalIndicator(n) {
  2692.  // This function removes the "active" class of all step_lead_data_modals...
  2693.  var i, x = document.getElementsByClassName("step_lead_data_modal");
  2694.  for (i = 0; i < x.length; i++) {
  2695.    x[i].className = x[i].className.replace(" active", "");
  2696.  }
  2697.  //... and adds the "active" class on the current step_lead_data_modal:
  2698.  x[n].className += " active";
  2699. }
  2700. </script>
  2701. <script>
  2702.        
  2703.  
  2704.        function register_mailchimp($form) {
  2705.            $('#mc-embedded-subscribe').val('Sending...');
  2706.            $.ajax({
  2707.                type: $form.attr('method'),
  2708.                url: $form.attr('action'),
  2709.                data: $form.serialize(),
  2710.                cache: false,
  2711.                dataType: 'json',
  2712.                contentType: 'application/json; charset=utf-8',
  2713.                error: function (err) { alert('Could not connect to the registration server. Please try again later.') },
  2714.                success: function (data) {
  2715.                    $('#mc-embedded-subscribe').val('subscribe')
  2716.                    if (data.result === 'success') {
  2717.                        // Yeahhhh Success
  2718.                        console.log(data.msg)
  2719.                        //$('#mce-EMAIL').css('borderColor', '#ffffff')
  2720.                        //$('#subscribe-result').css('color', 'rgb(53, 114, 210)')
  2721.                        //$('#subscribe-result').html('<p style="color:green;font-weight:bold;">Thank you for subscribing. We have sent you a confirmation email.</p>')
  2722.                        //$('#mce-EMAIL').hide()
  2723.                        //$('#mc-embedded-subscribe').hide()
  2724.                    } else {
  2725.                        // Something went wrong, do something to notify the user.
  2726.                        console.log(data.msg)
  2727.                        //$('#mce-EMAIL').css('borderColor', '#ff8282')
  2728.                        //$('#subscribe-result').css('color', '#ff8282')
  2729.                        //$('#subscribe-result').html('<p style="color:red;font-weight:bold;">' + data.msg.substring(4) + '</p>')
  2730.                    }
  2731.                }
  2732.            })
  2733.        };
  2734.    </script>
  2735.  
  2736.  
  2737. <script type="text/javascript" src="/assets/js/main.js" defer></script>
  2738.  
  2739.  
  2740. </body>
  2741. </html>
  2742.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda