Sign up for Qualaroo

<!DOCTYPE html> <html class="bulma"> <head> <title> Sign up for Qualaroo </title> <meta name="description" content="Signup for Qualaroo today and start collecting customer feeback in real-time. Get started with our free plan today!" /> <meta charset="UTF-8"> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="F6odmF4wz10X8fSxMq3PPqd3/VOuLQXgit5EYV6at2nVsydJv+JG3Q/f15bR/vAOKITOOQyU62FHznzw/Dt6nA==" /> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport"> <link href="/favicon.ico" rel="icon" type="image/x-icon"> <link href="/apple-icon.png" rel="apple-touch-icon-precomposed"> <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700" rel="stylesheet"> <link rel="stylesheet" media="screen" href="/assets/font-awesome.min-2cdfff24d392c5bfe82d83b8e665d5b00fadaa579225442689906e38841f627f.css" /> <link rel="stylesheet" media="screen" href="/assets/application-0613dd45d1182947a3f8e4fe9910aec007b78a3ffc926d1a48ff63de05896769.css" /> <script src="https://www.google.com/recaptcha/api.js?render=6LcSk40UAAAAAJQUFLueK2OJhD-SFbXMXPDYhrmg"></script> <link href="https://app.qualaroo.com/signup" rel="canonical"> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Roboto:300,400,500,700" rel="stylesheet" type="text/css"> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">  </head> <body id="full-bg">  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-33755556-1"></script> <script> window.googleAnalyticsId = 'UA-33755556-1'; window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', window.googleAnalyticsId); </script> <script> window.dataLayer = window.dataLayer || []; </script> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= '//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PQ6G9H');</script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-029WY1B12G"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-029WY1B12G'); </script>  <div class="wrapper bulma"> <div class="container"> <header class="navbar" id="header-qualaroo"> <div class="navbar-brand navbar-item-signup navbar-brand__center"> <div class="new_signup"> <a class="qualaroo-logo" href="/signup">Qualaroo</a> </div> </div> </header> <style> * { margin: 0; padding: 0; outline: none; box-sizing: border-box; } .row { margin-left: -8px; margin-right: -8px; } header.navbar .navbar-brand .qualaroo-logo { display: block; } .wrapper.bulma a:hover { color: #4d4d4d; } .wrapper.bulma a { color: #3b5998; } .wrapper.bulma { font-family: 'Roboto',sans-serif !important; line-height: normal; } .bulma body.bulma { font-family: 'Roboto',sans-serif !important; font-weight: 300; line-height: normal; } .bulma .container { width: 95vw !important; max-width: 1120px !important; margin: 0 auto; } .fullWrapper { width: 100%; margin: 20px auto 30px; box-shadow: 0 7px 31px #0000001A; border-radius: 10px; display: flex; } .fullWrapper .register-section { width: 50%; height: 100%; margin: 0; padding: 40px 7%; } .text-head,.field-control { text-align: left; } .field-control,.btncta { position: relative; } .text-head h3 { font-size: 22px; color: #434343; line-height: 29px; } .text-head p { font-size: 16px; font-weight: 500; color: #434343; padding: 26px 0px 16px; } .field-control h4 { font-size: 18px; margin: 0px 0 0; color: #434343; } .field-control p { margin: 6px 0 4px; padding: 0px; font-weight: 400; font-size: 14px; color: #686868; line-height: 20px; } .field-control .forgot { text-align: right; font-size: 13px; margin-top: 4px; color: #546EA5; cursor: pointer; } .btn-big { width: 100%; text-align: center; margin: 36px auto 20px; background: #1870D5; border-radius: 50px; color: #fff; font-size: 16px; font-weight: 700; padding: 15px 0; cursor: pointer; border: none; outline: none; transition: .5s all; -webkit-box-shadow: 0 2px 4px 0 rgb(118 125 144 / 33%); box-shadow: 0 2px 4px 0 rgb(118 125 144 / 33%); -webkit-transition: color .35s,background .35s,-webkit-transform .35s,-webkit-box-shadow .35s; transition: color .35s,background .35s,-webkit-transform .35s,-webkit-box-shadow .35s; -o-transition: color .35s,background .35s,box-shadow .35s,-o-transform .35s; transition: color .35s,background .35s,transform .35s,box-shadow .35s; transition: color .35s,background .35s,transform .35s,box-shadow .35s,-webkit-transform .35s,-o-transform .35s,-webkit-box-shadow .35s; height: 50px; display: table; } .iclass { width: 92% !important; } .field-control input { width: 100%; margin: 10px auto 0px; padding: 0px 15px; border: 1px solid #D5D5D5; border-radius: 4px; position: relative; transition: .5s all; background-image: none; background-repeat: no-repeat; background-size: 18px; background-position: 98%; color: #4d4d4d; background-color: #fff; height: 50px; } .field-control input[type="radio"] { opacity: 0; position: fixed; width: 0; } .flname { text-transform: capitalize; } .filname { text-transform: capitalize; } .register-text { font-size: 14px; margin: 0; color: #4d4d4d; text-align: center; font-weight: 500; } .register-text a { text-decoration: none; } .client-section { width: 50%; margin: 0; background: #F7F7F7; } .customer-div { text-align: center; padding: 20vh 0; width: 80%; margin: 0 auto; } .txt2 { font-size: 24px; color: #4d4d4d; line-height: 1.6em; font-weight: 400; display: block; } .star { position: relative; display: inline-block; width: 14px; height: 14px; margin-top: 15px; background-repeat: no-repeat; font-size: 20px; } .blockqoute1 { background: url(/api/signup/user_v2/register-new/left-quote.svg) no-repeat 0; display: inline-block; height: 40px; width: 30px; } .blockqoute2 { background: url(/api/signup/user_v2/register-new/left-quote.svg) no-repeat; display: inline-block; position: absolute; height: 20px; transform: rotate(180deg); width: 35px; } .name { color: #4d4d4d; padding: 25px 0 5px; font-size: 14px; font-weight: 500; } .desig { font-size: 12px; color: #737373; } .HeadingBorder { text-align: center; position: relative; clear: both; height: 14px; width: 100%; margin: 36px auto 24px; } .HeadingBorder:after { border-bottom: 2px solid #0000001A; content: ''; width: 100%; height: 3px; position: absolute; bottom: 4px; left: 0; right: 0; z-index: 1; margin: 0 auto; } [data-title]:hover:after { opacity: 1; transition: all 0.1s ease 0.5s; visibility: visible; } [data-title]:after { content: attr(data-title); background-color: #000; color: #fff; font-size: 11px; position: absolute; padding: 4px 9px; bottom: -1.6em; left: 100%; white-space: nowrap; z-index: 99999; visibility: hidden; border-radius: 5px; font-family:'Roboto',sans-serif; } .sm_h3 { font-size: 16px !important; font-weight: 500 !important; } .fs-20 { font-size: 20px !important; } .custom_select_icon { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url(/images/app/dashboard/Dropdown.svg); background-size: 14px; background-repeat: no-repeat; background-position: calc(100% - 8px) center; } .text-point { width: 30px; height: 15px; font-size: 14px; background: #fff; text-align: center; margin: 3px auto; position: relative; color: #4D4D4D; z-index: 2; } .text-point:before { content: ''; height: 5px; position: absolute; right: 25px; background: #fff; width: 10px; top: 7px; } .text-point:after { content: ''; height: 5px; position: absolute; left: 25px; background: #fff; width: 10px; top: 7px; } .social-icons { width: 100%; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: .5s all; } .social-icon-div { max-width: 20%; height: 48px; border-radius: 4px; border: 1px solid #eee; box-shadow: 0 1px 1px #eee; margin: 0 8px; position: relative; cursor: pointer; -webkit-transition: color .35s,background .35s,-webkit-transform .35s,-webkit-box-shadow .35s; transition: color .35s,background .35s,-webkit-transform .35s,-webkit-box-shadow .35s; -o-transition: color .35s,background .35s,box-shadow .35s,-o-transform .35s; transition: color .35s,background .35s,transform .35s,box-shadow .35s; transition: color .35s,background .35s,transform .35s,box-shadow .35s,-webkit-transform .35s,-o-transform .35s,-webkit-box-shadow .35s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } .tab-pane { display: none; } .tab-pane:first-child { display: block; } span.error { position: absolute; left: 0; bottom: -16%; transform: translateY(16%); font-size: 12px; color: #f46464; margin: 0; text-align: left; padding-left: 2px; } @media(max-width: 1033px) { span.error { position: absolute; left: 0; bottom: -28%; transform: translateY(28%); } } .field-control.flex-field { width: 50%; margin: 0 auto; } .field-control.flex-field100 { width: 100%; margin: 0 auto; margin-top: 35px; } .flex-field h3 { padding-left: 2px; font-size: 18px; margin: 0; color: #4d4d4d; line-height: 24px; font-weight: 500; } #step2 .btn-big { width: 100%; } .field-control.next2 { text-align: center; } .select-box { width: 35%!important; } #step3 .select-box { margin: 15px auto 5px!important; } #step3 .field-control h4 { font-size: 20px; margin: 0px 0 0; color: #434343; line-height: 26px; } .select-box select { width: 100%; margin: 10px auto 0px; padding: 10px 0px; border: 1px solid #D5D5D5; border-radius: 4px; background-color: #fff; height: 50px; } .phone-no { width: 65%!important; } .label { width: 100%; height: 50px; color: #4D4D4D; background-color: #f1f4f6; border: 1px solid #D5D5D5; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 15px; cursor: pointer; } label.label:hover { background: #1F77B2; border: 2px solid #1F77B2; color: #fff; } .select-box input:checked ~ .label { background: #1F77B2; border: 2px solid #1F77B2; color: #fff; } .check { padding: 24px 0 5px; position: relative; } .check a { text-decoration: none; } .progress-wrap { width: 100%; position: relative; margin: 0 auto 36px; text-align: center; background: #fff; } .count-step { font-size: 14px; color: #4D4D4D; } .lines { width: 100%; margin: 20px auto 0px; display: flex; height: 6px; background: #E9E9E9; } .line { width: 34%; } #line1 { background: #4CAF50; } #step2 .social-icons { margin-top: 16px; } #step2 .headers { margin: 35px 0 0; } #step3 .text-head h3,p { padding-left: 2px; } input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } #step1 .main-field span.error { bottom: -12%; transform: translateY(12%); } #step1 .btn-big { margin: 30px auto 20px; } #step2 .main-field span.error { bottom: -14%; transform: translateY(14%); } #step3 .field-control { margin-top: 25px; } #step3 .main-field span.error { bottom: -11%; transform: translateY(11%); } #step3 .main-fields span.error { bottom: -9%; transform: translateY(9%); } #step3 .btn-big { margin: 0 auto; } .ending-p { font-size: 13px; text-align: left; color: #686868; } .client-logo h3 { text-align: center; } .companyLogo { width: 90%; margin: 0 auto; flex-wrap: wrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .logoSmall { width: 45%; height: 75px; margin: 10px auto; } .logoSmall img { width: 100%; height: 100%; object-fit: contain; } .client-test { display: block; } .client-logo { display: none; padding: 10vh 0; } .client-award,.client-wrap { display: none; } .client-award .logoSmall { width: 30%; height: auto; } .client-award .companyLogo { width: 100%; } .client-award .customer-div { width: 85%; } .client-award .name { padding: 15px 0 5px; } .social-icon-div:hover { -webkit-box-shadow: 0 2px 4px 0 rgb(118 125 144 / 33%); box-shadow: 0 2px 4px 0 rgb(118 125 144 / 33%); } .btn-big:hover { background: #0A53A8; .btn-big: hover { -webkit-box-shadow: 0 2px 4px 0 rgb(118 125 144 / 33%); box-shadow: 0 2px 4px 0 rgb(118 125 144 / 33%); -webkit-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); background: #337ab7; background-color: #0A53A8 !important; } } a { color: #3b5998; text-decoration: none; } a:hover { color: #4d4d4d; text-decoration: none; } .nav { width: 100%; } .main-logo { padding: 20px 0 1px; } /* width */ ::-webkit-scrollbar { width: 6px; } /* Track */ ::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ ::-webkit-scrollbar-thumb { background: #888; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #555; } @media(max-width: 950px) { .fullWrapper { box-shadow: 0 7px 16px #0000001a; } .fullWrapper .register-section { padding: 40px 5%; } #step2 .main-field span.error { bottom: -33%; } } .loader_email { display: none; position: absolute; float: right; right: -30px; top: 16px; } .loader_button { display: none; position: absolute; right: -30px; top: 15px; } @media(max-width: 767px) { .fullWrapper { box-shadow: unset; margin-top: 0px; } .main-logo { padding: 6px 15px 1px; } .container { width: 100%; } .fullWrapper { display: grid; } .fullWrapper .register-section { width: 100%; margin: 0 auto; padding: 40px 15px; } .client-section { width: 100%; } .customer-div { padding: 10vh 0; width: 79%; } .iclass { width: 78% !important; } .field-control textarea { width: 100% !important; } #weekly { width: 103px !important; ; } .loader_email { right: 7px; } .loader_button { right: 7px; } } .field-control.flex-field.padding-right-10 { padding-right: 10px; } #step3 .text-head p { font-weight: 400; font-size: 14px; color: #686868; line-height: 20px; padding: 6px 0px 0px; } #step3 .field-control.imbusiness { margin-bottom: 25px; } #step3 .flexboxdiv { display: -webkit-box; display: -ms-flexbox; display: flex; } #step3 .select-box { padding: 15px 8px 0px!important; -webkit-flex: 1 1 33%; -moz-flex: 1 1 33%; -ms-flex: 1 1 33%; flex: 1 1 33%; width: auto !important; margin: 0px !important; } .error-handle { position: relative; width: 100%; height: 0; } .error-msg { position: absolute; top: -2px; left: 0; font-size: 14px; color: #f46464; margin: 0; text-align: left; padding-left: 2px; visibility: hidden; } .error-msgs { position: absolute; top: 2px; left: 0px; font-size: 14px; color: #f46464; margin: 0; text-align: left; padding-left: 2px; visibility: hidden; } .submitBtn { margin-top: 35px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; } .btn-done { background-color: #1f77b2; border: 1px solid #3c8ac9; color: #fff; font-size: 16px; border-radius: 2px; cursor: pointer; display: inline-block; padding: 10px 20px; position: relative; margin-right: 0; border: none; cursor: pointer; outline: none; border-radius: 4px; transition: .5s all; -webkit-box-shadow: 0 2px 4px 0 red; box-shadow: 0 2px 4px 0 red; -webkit-transition: color .35s,background .35s,-webkit-transform .35s,-webkit-box-shadow .35s; transition: color .35s,background .35s,-webkit-transform .35s,-webkit-box-shadow .35s; -o-transition: color .35s,background .35s,box-shadow .35s,-o-transform .35s; transition: color .35s,background .35s,transform .35s,box-shadow .35s; transition: color .35s,background .35s,transform .35s,box-shadow .35s,-webkit-transform .35s,-o-transform .35s,-webkit-box-shadow .35s; } .btn-done:hover { -webkit-box-shadow: 0 4px 5px 0 red; box-shadow: 0 4px 5px 0 red; -webkit-transform: translateY(-2px); -o-transform: translateY(-2px); transform: translateY(-2px); background: #337ab7; } .submitBtn .thanks-btn { border: none; background-image: none; padding-right: 0; font-size: 16px; color: #3b5998; background-color: #fff; margin-left: 25px; cursor: pointer; outline: none; } .sp1 { color: #4d4d4d!important; font-size: 14px!important; font-weight: 600!important; } .sh4 { font-size: 16px!important; margin-bottom: 15px!important; } .tick-list { list-style: none; padding-left: 0; } .tick-list li { line-height: 32px; font-size: 14px; color: #4d4d4d; } .tick-list li span { margin-right: 12px; } .client-wrap .customer-div { padding: 11vh 0!important; } #step4 .txt2 { font-size: 23px; } .field-control textarea { width: 100%; margin: 10px auto 0px; padding: 10px 15px; border: 1px solid #D5D5D5; border-radius: 4px; transition: .5s all; background-image: none; background-repeat: no-repeat!important; background-size: 18px; background-position: 98%; color: #4d4d4d; background-color: #fff; height: 100px; } .uihid { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; padding-left: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0; color: #fff; font-size: 18px; font-weight: 600; } #weekly { -webkit-flex: 1 1 50%; -moz-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; background-color: #337ab4; color: #fff; padding: 10px 2px; text-align: center; border-left: #ccc 1px solid; cursor: pointer; font-weight: 400; font-size: 13px; } #monthly { -webkit-flex: 1 1 50%; -moz-flex: 1 1 50%; -ms-flex: 1 1 50%; flex: 1 1 50%; background-color: #e8e8e8; color: #676767; padding: 10px 2px; text-align: center; border-left: #ccc 1px solid; cursor: pointer; font-weight: 400; font-size: 13px; } .field-control input.error_req,.field-control textarea.error_req { border: solid 1px #F46464; } .field-control input:focus, .field-control textarea:focus, .field-control input:hover, .field-control textarea:hover { border: solid 1px #1870d5; } .check input#i-agree-terms { width: auto; opacity: 1.0E-8; position: absolute; left: 0; margin-left: 4px; } .agreement-box label { position: relative; min-height: 18px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; padding-left: 30px; margin-bottom: 0; font-weight: 400; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; webkit-box-pack: center; -ms-flex-pack: center; } .check input[type=checkbox]:checked ~ label:before { border: 2px solid #1870D5; background-color: #1870D5; transition: transform .28s ease; transition: transform ease .25s; } .check input[type=checkbox]:checked ~ label:after { transform: rotate(-45deg) scale(1); transition: transform ease .25s; } .check label:after { content: ""; display: block; width: 12px; height: 7px; border-bottom: 3px solid #fff; border-left: 3px solid #fff; transform: rotate( -45deg ) scale(0); transition: transform ease .25s; position: absolute; top: 4px; left: 4px; } .check label:before { content: ""; position: absolute; left: 0; top: 0; width: 18px; height: 18px; transition: transform .28s ease; border-radius: 3px; border: 2px solid #D5D5D5; } .check .error-msgs { top: 3px; } </style> <style> .bulma header.navbar { display: flex; border-bottom: none; min-height: 60px; z-index: 1100; } #full-bg { background-image: none; background-color: white; } .fake_dial_show { float: left; height: 39px; width: 28.99%; font-size: 14px; padding: 0px; border-color: #bbb; border-style: double; border-width: 1px; color: #676767; border-radius: 4px; line-height: 40px; padding-left: 3px; font-weight: normal; } #change_country_name { height: 39px; width: 29%; font-size: 14px; padding: 0px; border-color: #bbb; border-style: double; border-width: 1px; color: #676767; border-radius: 4px; } .label.label.survey-count { font-size: 15px; font-weight: normal; } </style> <style> .error-msg, .error-msgs, .error-email, .error-fname, .error-lname, .error-pno, .error-password, .error-txt, .error-job, .error-job-company, .error-hear, .error-feedback-from, .error-search { position: absolute; top: 2px; left: 0px; font-size: 14px; color: #F46464; margin: 0px; text-align: left; padding-left: 2px; visibility: hidden; } .error-msgs { top: 2px; left: 2px; } .mb-30 { margin-bottom: 30px; } h3,h4,h2,h1 { font-weight: bold !important; } .star { background: url('/images/app/star1.svg') no-repeat; } .blockqoute1 { background: url('/images/app/left-quote.svg') no-repeat; } .blockqoute2 { background: url('/images/app/left-quote.svg') no-repeat; transform: rotate(180deg); } .field-control p { margin: 6px 0px 4px !important; padding: 0px !important; } .text-point { z-index: 2; } .text-point:after { z-index: 1; } select#dial_code { font-size: 15px; } .social-icon-div a { display: inherit; } .btn-big { margin: 36px auto 20px !important; } .pointerevent { opacity: 0.5; pointer-events: none; display: none; } .demo_agreement_text { display: none; } .personlaizedemo { width: 34% !important; float: left; margin-top: 11px !important; margin-bottom: 24px !important; font-size: 15px !important; font-weight: normal !important; } .personlaizedemo:hover { color: #fff !important; } .personlaizedemoa { float: left; cursor: pointer; padding: 0 !important; margin: 0px auto !important; font-size: 15px !important; font-weight: normal !important; width: 61%; } #loader_demo { top: 32px; } .personlaizedemoa:hover { color: #fff !important; } .m-90 { margin-top: 90px !important; } .ph_no_err{ height: 40px; } </style> <style> div.error { left: 0; bottom: -16%; transform: translateY(16%); font-size: 14px; color: #f46464; margin: 0px; text-align: left; padding-left: 2px; } </style> <section> <div class="container"> <div class="fullWrapper"> <div class="register-section" style="background-color:#fff;"> <div class="progress-wrap"> <div class="count-step"> Step <span class="inc">1</span> of 3 </div> <div class="lines"> <div class="line" id="line1"></div> <div class="line" id="line2"></div> <div class="line" id="line3"></div> </div> </div> <form action="/thank-you" autocomplete="off" id="register" method="post"> <div class="tab-pane" id="step1"> <div class="text-head"> <h3 class="fs-20">Welcome. Let's get you a personalized demo!</h3> <input name="authenticity_token" type="hidden" value="5me5kk8Hi8Am+VSDeNDA4DKYK+cb85qtut6W6QiEFnskfoNDrtUCQD7Xd6Sbg//QvWsYjblKdCx3zq54qiXbjg=="> <div class="field-control main-field" style="margin-top:25px;"> <h4 style="font-weight:500 !important;">What's your work email?</h4> <input autocomplete="off" id="email" name="email" placeholder="Type your work email" type="email" value=""> <input autocomplete="off" id="tokenize_email" name="tokenize_email" type="hidden"> <div class="error-handle"> <div class="error-email">Please provide your email address.</div> </div> </div> <div class="error" id="email_err"></div> <div class="field-control"> <button class="btn_class btn-big next-btn1" type="button">Next</button> <img alt="Please wait" class="loader_email" id="loader_email" src="https://www.proprofs.com/quiz-school/images/new_smiley_loader.gif" style="width:25px;height:25px"> </div> <p class="register-text"> <b> Already have an account? <a href="/signin?demo">Login</a> </b> </p> </div> </div> <div class="tab-pane" id="step2"> <div class="text-head"> <h3>Tell us a bit more.</h3> </div> <div class="social-icons"> <div class="field-control flex-field padding-right-10"> <h3 class="sm_h3">First Name</h3> <input autocomplete="off" class="input-field flname" id="FirstName" name="first_name" placeholder="First Name" type="text"> <div class="error-handle"> <div class="error-fname">Please provide first name.</div> </div> </div> <input class="input" id="username_new" name="username_new" type="hidden" value=""> <input id="plan_atype" name="plan_atype" type="hidden"> <input class="input" id="email_new" name="email_new" type="hidden" value=""> <input class="input" id="recaptcha_token" name="recaptcha_token" type="hidden" value=""> <div class="field-control flex-field"> <h3 class="sm_h3">Last Name</h3> <input autocomplete="off" class="input-field flname" id="lastName" name="last_name" placeholder="Last Name" type="text"> <div class="error-handle"> <div class="error-lname">Please provide last name.</div> </div> </div> <input class="input" id="username_n" name="username_n" type="hidden" value=""> </div> <div class="text-head headers"> <h3 style="font-weight:500 !important;">Which number can you get text on?</h3> </div> <div class="field-control"> <p>Valid number required for 2-step authentication, prevent spam & customer service. Can be updated to business number later.</p> </div> <div class="social-icons mb-30"> <div class="field-control flex-field select-box padding-right-10"> <h3>Code</h3> <input type="hidden" value="IN"> <select id="dial_code" name="dial_code"> <option selected="selected" value="+65">Singapore (+65)</option> <option value="+93">Afghanistan (+93)</option> <option value="+355">Albania (+355)</option> <option value="+213">Algeria (+213)</option> <option value="+1">American Samoa (+1)</option> <option value="+376">Andorra (+376)</option> <option value="+244">Angola (+244)</option> <option value="+1">Anguilla (+1)</option> <option value="+1">Antigua and Barbuda (+1)</option> <option value="+54">Argentina (+54)</option> <option value="+374">Armenia (+374)</option> <option value="+297">Aruba (+297)</option> <option value="+247">Ascension (+247)</option> <option value="+61">Australia (+61)</option> <option value="+672">Australian External Territories (+672)</option> <option value="+43">Austria (+43)</option> <option value="+994">Azerbaijan (+994)</option> <option value="+1">Bahamas (+1)</option> <option value="+973">Bahrain (+973)</option> <option value="+880">Bangladesh (+880)</option> <option value="+1">Barbados (+1)</option> <option value="+375">Belarus (+375)</option> <option value="+32">Belgium (+32)</option> <option value="+501">Belize (+501)</option> <option value="+229">Benin (+229)</option> <option value="+1">Bermuda (+1)</option> <option value="+975">Bhutan (+975)</option> <option value="+591">Bolivia (+591)</option> <option value="+387">Bosnia and Herzegovina (+387)</option> <option value="+267">Botswana (+267)</option> <option value="+55">Brazil (+55)</option> <option value="+1">British Virgin Islands (+1)</option> <option value="+673">Brunei Darussalam (+673)</option> <option value="+359">Bulgaria (+359)</option> <option value="+226">Burkina Faso (+226)</option> <option value="+257">Burundi (+257)</option> <option value="+855">Cambodia (+855)</option> <option value="+237">Cameroon (+237)</option> <option value="+1">Canada (+1)</option> <option value="+238">Cape Verde (+238)</option> <option value="+1">Cayman Islands (+1)</option> <option value="+236">Central African Republic (+236)</option> <option value="+235">Chad (+235)</option> <option value="+56">Chile (+56)</option> <option value="+86">China (+86)</option> <option value="+57">Colombia (+57)</option> <option value="+269">Comoros (+269)</option> <option value="+242">Congo (+242)</option> <option value="+682">Cook Islands (+682)</option> <option value="+506">Costa Rica (+506)</option> <option value="+225">Cote d'Ivoire (+225)</option> <option value="+385">Croatia (+385)</option> <option value="+53">Cuba (+53)</option> <option value="+599">Curacao (+599)</option> <option value="+357">Cyprus (+357)</option> <option value="+420">Czech Republic (+420)</option> <option value="+243">Democratic Republic of the Congo (+243)</option> <option value="+45">Denmark (+45)</option> <option value="+246">Diego Garcia (+246)</option> <option value="+253">Djibouti (+253)</option> <option value="+1">Dominica (+1)</option> <option value="+1">Dominican Republic (+1)</option> <option value="+670">East Timor (+670)</option> <option value="+593">Ecuador (+593)</option> <option value="+20">Egypt (+20)</option> <option value="+503">El Salvador (+503)</option> <option value="+240">Equatorial Guinea (+240)</option> <option value="+291">Eritrea (+291)</option> <option value="+372">Estonia (+372)</option> <option value="+251">Ethiopia (+251)</option> <option value="+500">Falkland Islands (+500)</option> <option value="+298">Faroe Islands (+298)</option> <option value="+679">Fiji (+679)</option> <option value="+358">Finland (+358)</option> <option value="+33">France (+33)</option> <option value="+594">French Guiana (+594)</option> <option value="+689">French Polynesia (+689)</option> <option value="+241">Gabon (+241)</option> <option value="+220">Gambia (+220)</option> <option value="+995">Georgia (+995)</option> <option value="+49">Germany (+49)</option> <option value="+233">Ghana (+233)</option> <option value="+350">Gibraltar (+350)</option> <option value="+30">Greece (+30)</option> <option value="+299">Greenland (+299)</option> <option value="+1">Grenada (+1)</option> <option value="+590">Guadeloupe (+590)</option> <option value="+1">Guam (+1)</option> <option value="+502">Guatemala (+502)</option> <option value="+224">Guinea (+224)</option> <option value="+245">Guinea-Bissau (+245)</option> <option value="+592">Guyana (+592)</option> <option value="+509">Haiti (+509)</option> <option value="+504">Honduras (+504)</option> <option value="+852">Hong Kong (+852)</option> <option value="+36">Hungary (+36)</option> <option value="+354">Iceland (+354)</option> <option value="+91">India (+91)</option> <option value="+62">Indonesia (+62)</option> <option value="+98">Iran (+98)</option> <option value="+964">Iraq (+964)</option> <option value="+353">Ireland (+353)</option> <option value="+972">Israel (+972)</option> <option value="+39">Italy (+39)</option> <option value="+1">Jamaica (+1)</option> <option value="+81">Japan (+81)</option> <option value="+962">Jordan (+962)</option> <option value="+7">Kazakhstan (+7)</option> <option value="+254">Kenya (+254)</option> <option value="+686">Kiribati (+686)</option> <option value="+965">Kuwait (+965)</option> <option value="+996">Kyrgyzstan (+996)</option> <option value="+856">Laos (+856)</option> <option value="+371">Latvia (+371)</option> <option value="+961">Lebanon (+961)</option> <option value="+266">Lesotho (+266)</option> <option value="+231">Liberia (+231)</option> <option value="+218">Libya (+218)</option> <option value="+423">Liechtenstein (+423)</option> <option value="+370">Lithuania (+370)</option> <option value="+352">Luxembourg (+352)</option> <option value="+853">Macao (+853)</option> <option value="+389">Macedonia (+389)</option> <option value="+261">Madagascar (+261)</option> <option value="+265">Malawi (+265)</option> <option value="+60">Malaysia (+60)</option> <option value="+960">Maldives (+960)</option> <option value="+223">Mali (+223)</option> <option value="+356">Malta (+356)</option> <option value="+692">Marshall Islands (+692)</option> <option value="+596">Martinique (+596)</option> <option value="+222">Mauritania (+222)</option> <option value="+230">Mauritius (+230)</option> <option value="+52">Mexico (+52)</option> <option value="+691">Micronesia (+691)</option> <option value="+373">Moldova (+373)</option> <option value="+377">Monaco (+377)</option> <option value="+976">Mongolia (+976)</option> <option value="+382">Montenegro (+382)</option> <option value="+1">Montserrat (+1)</option> <option value="+212">Morocco (+212)</option> <option value="+258">Mozambique (+258)</option> <option value="+95">Myanmar (+95)</option> <option value="+264">Namibia (+264)</option> <option value="+674">Nauru (+674)</option> <option value="+977">Nepal (+977)</option> <option value="+31">Netherlands (+31)</option> <option value="+599">Netherlands Antilles (+599)</option> <option value="+687">New Caledonia (+687)</option> <option value="+64">New Zealand (+64)</option> <option value="+505">Nicaragua (+505)</option> <option value="+227">Niger (+227)</option> <option value="+234">Nigeria (+234)</option> <option value="+683">Niue (+683)</option> <option value="+850">North Korea (+850)</option> <option value="+1">Northern Mariana Islands (+1)</option> <option value="+47">Norway (+47)</option> <option value="+968">Oman (+968)</option> <option value="+92">Pakistan (+92)</option> <option value="+680">Palau (+680)</option> <option value="+970">Palestine (+970)</option> <option value="+507">Panama (+507)</option> <option value="+675">Papua New Guinea (+675)</option> <option value="+595">Paraguay (+595)</option> <option value="+51">Peru (+51)</option> <option value="+63">Philippines (+63)</option> <option value="+48">Poland (+48)</option> <option value="+351">Portugal (+351)</option> <option value="+1">Puerto Rico (+1)</option> <option value="+974">Qatar (+974)</option> <option value="+262">Reunion (+262)</option> <option value="+40">Romania (+40)</option> <option value="+7">Russia (+7)</option> <option value="+250">Rwanda (+250)</option> <option value="+290">Saint Helena (+290)</option> <option value="+1">Saint Kitts and Nevis (+1)</option> <option value="+1">Saint Lucia (+1)</option> <option value="+508">Saint Pierre and Miquelon (+508)</option> <option value="+1">Saint Vincent and Grenadines (+1)</option> <option value="+685">Samoa (+685)</option> <option value="+378">San Marino (+378)</option> <option value="+239">Sao Tome and Principe (+239)</option> <option value="+966">Saudi Arabia (+966)</option> <option value="+221">Senegal (+221)</option> <option value="+381">Serbia (+381)</option> <option value="+248">Seychelles (+248)</option> <option value="+232">Sierra Leone (+232)</option> <option value="+65">Singapore (+65)</option> <option value="+421">Slovakia (+421)</option> <option value="+386">Slovenia (+386)</option> <option value="+677">Solomon Islands (+677)</option> <option value="+252">Somalia (+252)</option> <option value="+27">South Africa (+27)</option> <option value="+82">South Korea (+82)</option> <option value="+211">South Sudan (+211)</option> <option value="+34">Spain (+34)</option> <option value="+94">Sri Lanka (+94)</option> <option value="+249">Sudan (+249)</option> <option value="+597">Suriname (+597)</option> <option value="+268">Swaziland (+268)</option> <option value="+46">Sweden (+46)</option> <option value="+41">Switzerland (+41)</option> <option value="+963">Syria (+963)</option> <option value="+886">Taiwan (+886)</option> <option value="+992">Tajikistan (+992)</option> <option value="+255">Tanzania (+255)</option> <option value="+66">Thailand (+66)</option> <option value="+228">Togo (+228)</option> <option value="+690">Tokelau (+690)</option> <option value="+676">Tonga (+676)</option> <option value="+1">Trinidad and Tobago (+1)</option> <option value="+216">Tunisia (+216)</option> <option value="+90">Turkey (+90)</option> <option value="+993">Turkmenistan (+993)</option> <option value="+1">Turks and Caicos Islands (+1)</option> <option value="+688">Tuvalu (+688)</option> <option value="+256">Uganda (+256)</option> <option value="+380">Ukraine (+380)</option> <option value="+971">United Arab Emirates (+971)</option> <option value="+44">United Kingdom (+44)</option> <option value="+1">United States (+1)</option> <option value="+598">Uruguay (+598)</option> <option value="+1">US Virgin Islands (+1)</option> <option value="+998">Uzbekistan (+998)</option> <option value="+678">Vanuatu (+678)</option> <option value="+379">Vatican City (+379)</option> <option value="+58">Venezuela (+58)</option> <option value="+84">Vietnam (+84)</option> <option value="+681">Wallis and Futuna (+681)</option> <option value="+967">Yemen (+967)</option> <option value="+260">Zambia (+260)</option> <option value="+263">Zimbabwe (+263)</option> </select> </div> <div class="field-control flex-field phone-no main-field"> <h3>Phone Number</h3> <input autocomplete="off" class="input-field" id="phone" name="phone" placeholder="e.g. 1265478945" type="text"> <input id="phone_type" name="phone_type" type="hidden" value=""> </div> <div class="error-handle" id="ph_no_err"> <div class="error-pno">Please provide phone number.</div> </div> </div> <div class="field-control flex-field100"> <h4 style="font-size: 22px;font-weight: 500 !important;">What is your job title?</h4> <p>Help us understand your role for personalization customization.</p> <input autocomplete="off" class="input-field" id="jobtititle" name="job_title" placeholder="e.g. Sales Head" type="text"> <div class="error-handle"> <div class="error-job">Please specify your job title for us to customize your dashboard.</div> </div> </div> <div class="field-control next2"> <button class="btn_class btn-big next-btn2" type="button">Next</button> <img alt="Please wait" class="loader_email" id="loader_next2" src="https://www.proprofs.com/quiz-school/images/new_smiley_loader.gif" style="width:25px;height:25px"> </div> </div> <div class="tab-pane" id="step3"> <div class="text-head"> <h3> Hi <span class="filname"></span>, Let's get started now. </h3> <p>We will use the information below to customize your account and enable features.</p> </div> <div class="field-control main-fields"> <h4>What are you planning to use Qualaroo for?</h4> <p>Tell us more so we can customize your account and enable the right features.</p> <textarea autocomplete="off" class="input-field" id="reason_causual" name="purpose" style="min-height:60px;height:61px;resize:vertical;"></textarea> <div class="error-handle"> <div class="error-txt">Please share detail.</div> </div> </div> <div class="field-control"> <h4>How are you planning to collect feedback?</h4> <div class="select-box" style="padding: 15px 0px 0px !important;"> <select class="custom_select_icon" id="feedback_from" name="feedback_from" style="margin-top: 0; padding: 0px 7px;"> <option value="">Select</option> <option value="smqr">I will email the survey</option> <option value="qr">I will collect on my website or app</option> <option value="smqr">All of the above</option> </select> </div> <div class="error-handle"> <div class="error-feedback-from">Please select an option from the dropdown menu.</div> </div> </div> <div class="field-control main-field" style="clear:both;"> <h4>What is your company name</h4> <input autocomplete="off" class="input-field" id="companyname" name="company_name" placeholder="Type your company name" type="text"> <div class="error-handle"> <div class="error-job-company">Please provide your company name.</div> </div> </div>       <div class="field-control"> <h4>How many monthly responses do you want to collect?</h4> <div class="select-box" style="padding: 15px 0px 0px !important;"> <select class="custom_select_icon" id="employees" name="employees" style="margin-top: 0; padding: 0px 7px;"> <option value="">Number of monthly responses*</option> <option value="1-50">1-50</option> <option value="51-100">51-100</option> <option value="101-200">101-200</option> <option value="201-300">201-300</option> <option value="301-400">301-400</option> <option value="401-500">401-500</option> <option value="501-600">501-600</option> <option value="601-700">601-700</option> <option value="701-800">701-800</option> <option value="801-900">801-900</option> <option value="901-1000">901-1000</option> <option value="1000+">1000+</option> <option value="I am not sure">I am not sure</option> </select> </div>                <div class="error-handle"> <div class="error-msg">Please select an option from the dropdown menu.</div> </div> </div> <div class="field-control"> <h4> Lastly <span class="filname"></span>, How did you hear about us? </h4> <div class="select-box" style="padding: 15px 0px 0px !important;"> <select class="custom_select_icon" id="hear_from" name="hear_from" style="margin-top: 0; padding: 0px 7px;"> <option value="">Select</option> <option value="Google">Google</option> <option value="Bing">Bing</option> <option value="TV / Radio Advertisement">TV / Radio Advertisement</option> <option value="Online Article">Online Article</option> <option value="Third Party Review">Third Party Review</option> <option value="Referred by a Friend/Colleague">Referred by a Friend/Colleague</option> <option value="I have used ProProfs before">I have used ProProfs before</option> <option value="Other">Other</option> </select> </div> <div class="error-handle"> <div class="error-hear" style="visibility: hidden">Please select an option from the dropdown menu.</div> </div> </div> <div class="field-control main-field sterms" style="clear:both;display: none;"> <h4 class="searchterms">What keywords would you type in search to find a service like ours?</h4> <input autocomplete="off" class="input-field" id="search_terms" name="search_terms" placeholder="Please type search tearm." type="text"> <div class="error-handle"> <div class="error-search" style="visibility: hidden">Please type search term.</div> </div> </div> <div class="field-control main-field"> <input id="demo_atype" name="demo_atype" type="hidden"> <h4 style="display: none">Do you also want a trial so you can try things on your own as well?</h4> <div class="field-control flex-field select-box" style="display: none"> <input id="demop1" name="demop" tabIndex="1" type="radio" value="Yes"> <label class="label personlaizedemo yes-myself" for="demop1" style="display: flex; align-items: center;">Yes</label> </div> <div class="field-control flex-field select-box"> <input id="demop2" name="demop" tabIndex="1" type="radio" value="No"> <label class="btn-big btn-trans btn_class personlaizedemoa" for="demop2" style="display: flex; align-items: center;width: 100%; justify-content: center;">Pick a Date & Time</label> </div>   <img alt="Please wait" class="loader_button" id="loader_demo" src="https://www.proprofs.com/quiz-school/images/new_smiley_loader.gif" style="width:25px;height:25px;"> </div> <div class="activeevent field-control m-90 main-field pointerevent"> <h4>Set up your password and you’re all set!</h4> <p>So you can access your account securely.</p> <input autocomplete="off" class="input-field" id="password" name="password" placeholder="Type your password here" style="background-position: 92%;" type="password"> <i class="fa fa-eye-slash" id="eye_pwd" onclick="eyeFunction_fa()" style="color: #888;position: absolute;margin: 28px -22px;cursor: pointer;"></i> <div class="error-handle"> <div class="error-password" id="password_err">Set up your password.</div> </div> </div> <div class="activeevent check pointerevent"> <div class="agreement-box" style="display: flex; align-items: center; margin-left: 3px;"> <input id="i-agree-terms" name="i-agree-terms" type="checkbox"> <label for="i-agree-terms"></label> <span class="agree-text" style="font-size: 14px;font-weight: 400;line-height: 20px;color: #686868;"> I agree to the <a href="https://qualaroo.com/terms-of-service/" target="_blank">Terms of Services</a> and <a href="https://qualaroo.com/privacy-policy/" target="_blank">Privacy Notice</a>. </span> </div> <div class="error-handle"> <div class="error-msgs">Please accept the Terms of Service.</div> </div> </div> <div class="activeevent field-control pointerevent"> <button class="btn_class btn-big next-btn3" id="register_user" name="register_user" onclick="return checkAll()" type="button">Pick a Date & Time</button> <img alt="Please wait" class="loader_button" id="loader_button" src="https://www.proprofs.com/quiz-school/images/new_smiley_loader.gif" style="width:25px;height:25px;"> </div> <p class="demo_agreement_text ending-p">By clicking "Pick a Date & Time" you also agree to receive information about our products services and newsletter via email.</p> </div> </form> </div> <div class="client-section"> <div class="client-test"> <div class="customer-div"> <div class="customer-inn-cont"> <div class="test-div1"> <span class="txt2"><span class="blockqoute1"></span>ProProfs goes above and beyond <br> to ensure you’re delighted! <span class="blockqoute2"></span> </br> <div class="name">Katie Reynolds</div> <div class="desig">WOLFPACC Physician Achievement Concept Course</div> </span> </div> <div class="customer-img" style="padding-top: 25px;"> <span> <img alt="Art.com" src="https://www.proprofs.com/quiz-school/case-study/img/katie-test.png"> <div class="star-div"> <span class="star"></span> <span class="star"></span> <span class="star"></span> <span class="star"></span> <span class="star"></span> </div> </span> </div> </div> </div> </div> <div class="client-logo"> <h3>Trusted Globally</h3> <div class="companyLogo"> <div class="logoSmall"> <img alt="sony" src="https://app.qualaroo.com/images/sign-up-page/sony.svg"> </div> <div class="logoSmall"> <img alt="cisco" src="https://app.qualaroo.com/images/sign-up-page/cisco.svg"> </div> <div class="logoSmall"> <img alt="dell" src="https://app.qualaroo.com/images/sign-up-page/dell.svg"> </div> <div class="logoSmall"> <img alt="accenture" src="https://app.qualaroo.com/images/sign-up-page/accenture.svg"> </div> <div class="logoSmall"> <img alt="lenovo" src="https://app.qualaroo.com/images/sign-up-page/lenovo.svg"> </div> <div class="logoSmall"> <img alt="dhl" src="https://app.qualaroo.com/images/sign-up-page/dhl.svg"> </div> <div class="logoSmall"> <img alt="Twilio (IT and Tech)" src="https://app.qualaroo.com/images/sign-up-page/twilio.svg"> </div> <div class="logoSmall"> <img alt="Gumtree (Services)" src="https://app.qualaroo.com/images/sign-up-page/gumtree.svg"> </div> </div> </div> <div class="client-award"> <div class="customer-div"> <div class="customer-inn-cont"> <div class="test-div1"> <span class="txt2"><span class="blockqoute1"></span>Qualaroo gave us a 16% lift in conversion <br> at 98% statistical significance. <span class="blockqoute2"></span> </br> <div class="name" style="height: 40px;">Jaxon Lam</div> <div class="desig">Senior Strategist at Web Growth, Hootsuite Media Inc.</div> </span> </div> <div class="customer-img" style="padding-top: 25px;"> <span> <img alt="Jaxon Lam" src="https://app.qualaroo.com/images/sign-up-page/jaxon_lam.png"> <div class="star-div"> <span class="star"></span> <span class="star"></span> <span class="star"></span> <span class="star"></span> <span class="star"></span> </div> </span> </div> </div> </div> </div> <div class="client-wrap"> <div class="customer-div"> <div class="customer-inn-cont"> <div class="test-div1"> <span class="txt2"><span class="blockqoute1"> Would you like my team to save you hours answer all questions? Join me for a demo unlock premium support. </span><span class="blockqoute2"> <div class="customer-img customer-img2" style="padding-top: 25px;"> <span> <img alt="julie1" src="https://www.proprofs.com/api/signup/user_v2/register-new/Julie.png"> </span> </div> </span> </span> </div> </div> </div> </div> </div> </div> </div> </section> <script crossorigin="anonymous" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" src="https://code.jquery.com/jquery-3.5.1.min.js"></script> <script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-33755556-1"></script> <script> window.googleAnalyticsId = 'UA-33755556-1'; window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', window.googleAnalyticsId); </script> <script> (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = '//www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-PQ6G9H'); </script> <script async="" src="https://cdn.firstpromoter.com/fpr.js"></script> <script> (function(w){w.fpr=w.fpr||function(){w.fpr.q = w.fpr.q||[];w.fpr.q[arguments[0]=='set'?'unshift':'push'](arguments);};})(window); fpr("init", {cid:"f2bpssct"}); fpr("click"); </script> <script> function trim(e) { return e.replace(/\s+/g, "") } function validatePassword(e) { var r = ""; if ("" == $.trim(e) && (r = "Set up your password."), e.length < 8 && "" != e && (r = "Password must have at least 8 characters."), -1 != e.indexOf(" ") && (r = "Space in password is not allowed."), "" != trim(e)) for (var a = 0; a < e.length; a++) if (-1 != "#&+'\"".indexOf(e.charAt(a))) { r = "Please only use alphabets, numbers and underscore to set your password. Special characters not allowed."; break } return "" != r ? r : 1 } function telephoneCheck(str) { var a = /^(1\s|1|)?(($\d{3}$)|\d{3})(\-|\s)?(\d{3})(\-|\s)?(\d{2,7})$/.test(str); var phonr = ""; var dial_code = $('#dial_code').val(); if (str.length < 8) { phonr = "Phone number must have at least 8 digits."; } else if (a == false) { phonr = "Please provide valid phone number."; } else if(!/^\+?\d+$/.test(dial_code)){ phonr = "Not valid dial code."; }else { phonr = ''; } return phonr; } //telephoneChecking("(855) 776-7763"); function validateEmail(e) { var r = ""; return "" == (e = $.trim(e)) && (r = "Please provide your email address.", $("#email_new").val("")), -1 == e.search(/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,9}$/i) && "" != $.trim(e) && (r = "Please provide your valid work email address."), "" != r ? r : 1 } function check_title(e, r) { "" == e ? $.fancybox({ scrolling: "no", autoDimensions: !1, width: 420, height: 205, titlePosition: "inside", href: "#delaymanage", helpers: { title: null, overlay: { closeClick: !1 } }, type: "inline", onClosed: function(e) { $.fancybox.close() } }) : ($("#showloadder_submit").show(), "SM" == r ? window.location = "/survey/user.php?login=" + e : "TM" == r ? window.location = "/training/mytrainings/?login=" + e : "QM" == r && (window.location = "/quiz-school/user.php?login=" + e)) } var phone_validation = true; function textVal() { var input1 = document.getElementById('FirstName').value; var input2 = document.getElementById('lastName').value; var input3 = document.getElementById('phone').value; var input4 = document.getElementById('jobtititle').value; let dial_code = document.getElementById('dial_code').value; let validate_phone = dial_code + input3; var pv = telephoneCheck(input3); if ((input1.trim() == "") && (input2.trim() == "") && (input3.trim() == "") && (input4.trim() == "")) { $('.error-fname').css('visibility', 'visible'); $('.error-lname').css('visibility', 'visible'); $('.error-pno').css('visibility', 'visible'); $('.error-job').css('visibility', 'visible'); $('#FirstName').addClass('error_req'); $('#lastName').addClass('error_req'); $('#phone').addClass('error_req'); $('#jobtititle').addClass('error_req'); $('#ph_no_err').removeClass('ph_no_err'); return false; } else if (input1.trim() == '') { $('.error-fname').css('visibility', 'visible'); $('#FirstName').addClass('error_req'); return false; } else if (input2.trim() == '') { $('.error-lname').css('visibility', 'visible'); $('#lastName').addClass('error_req'); return false; } else if (input3.trim() == '') { $('.error-pno').css('visibility', 'visible'); // $('#lastName').addClass('error_req'); $('#ph_no_err').removeClass('ph_no_err'); return false; } else if(input4.trim() == '' || input4.trim().length < 2) { $('.error-job').css('visibility', 'visible'); $('#jobtititle').addClass('error_req'); return false; } else if (pv != "") { $('#phone').css('background-image', "none"); $('.error-pno').css('visibility', 'visible'); $('.error-pno').html(pv); $('#phone').addClass('error_req'); $('#ph_no_err').removeClass('ph_no_err'); return false; } else if(phone_validation == true && telephonevalidate(validate_phone)!='') { // var pvs = 'Invalid Phone! Valid phone number that can receive text is required for verification text, customer service & recovery. This also tells us you are not a spammer and keeps systems safe for all.' // $('#phone').css('background-image', "none"); // $('.error-pno').css('visibility', 'visible'); // $('.error-pno').html(pvs); // $('#phone').addClass('error_req'); // $('#ph_no_err').addClass('ph_no_err'); return false; }else { $('#FirstName').removeClass('error_req'); $('#lastName').removeClass('error_req'); $('#phone').removeClass('error_req'); $('#ph_no_err').removeClass('ph_no_err'); $('#jobtititle').removeClass('error_req'); return true; } } function telephonevalidate(str) { var phonr = ''; $.ajax({ url: "/phone_checker_service", data: { 's': str }, type: "POST", cache: !1, async: !0, beforeSend: function() { $("#loader_next2").css("display", "block"); $('.next-btn2').prop('disabled', true); }, success: function(data) { $('.next-btn2').prop('disabled', false); if(data["data"] == "error") { phonr = 'error'; var pvs = 'Please enter a valid phone number for account security and verification purposes.' $('#phone').css('background-image', "none"); $('.error-pno').css('visibility', 'visible'); $('.error-pno').html(pvs); $('#phone').addClass('error_req'); $('#ph_no_err').addClass('ph_no_err'); $("#loader_next2").css("display", "none"); } else{ $("#loader_next2").css("display", "none"); $('#phone_type').val("").val(data["data"]); phonr = ''; phone_validation = false; $('.next-btn2').click(); } } }); //$('.next-btn2').prop('disabled', false); return true; } function lastVal() { var text1 = document.getElementById('reason_causual').value; //var text2 = document.getElementById('jobtititle').value; var text3 = document.getElementById('password').value; var text4 = document.getElementById('companyname').value; var text2 = document.getElementById('hear_from').value; var text5 = document.getElementById('search_terms').value; var text6 = document.getElementById('feedback_from').value; var regexp = /[a-zA-Z]+\s+[a-zA-Z]+/g; if($("#search_terms").is(":visible") && $("#search_terms").val()==''){ $('.error-search').css('visibility', 'visible'); $('#search_terms').addClass('error_req'); } else { $('.error-search').css('visibility', 'hidden'); $('#search_terms').removeClass('error_req'); } if ((text1 == "") || (text2 == "") || (text3 == "") || (text3.length < 8) || (text4 == "") || (text6 == "")) { if (text1 == "") { $('.error-txt').css('visibility', 'visible'); $('#reason_causual').addClass('error_req'); } if (text2 == "") { $('.error-hear').css('visibility', 'visible'); $('#hear_from').addClass('error_req'); } if (text3 == "" || text3.length < 8) { $('.error-password').css('visibility', 'visible'); $('#password').addClass('error_req'); } if (text4 == "") { $('.error-job-company').css('visibility', 'visible'); $('#companyname').addClass('error_req'); } if (text6 == "") { $('.error-feedback-from').css('visibility', 'visible'); $('#feedback_from').addClass('error_req'); } } else if((text2 == 'Google' || text2 == 'Bing' || text2 == 'Online Article' || text2 == 'Third Party Review') && text5 == '') { $('.error-search').css('visibility', 'visible'); $('#search_terms').addClass('error_req'); } else if (!regexp.test(text1)) { $('#reason_causual').css('background-image', "none"); $('.error-txt').css('visibility', 'visible'); $('.error-txt').html("Please share more detail."); $('#reason_causual').addClass('error_req'); } else { $('#reason_causual').removeClass('error_req'); //$('#jobtititle').removeClass('error_req'); $('#hear_from').removeClass('error_req'); $('#feedback_from').removeClass('error_req'); $('#password').removeClass('error_req'); return true; } } function demolastVal() { var text1 = document.getElementById('reason_causual').value; //var text2 = document.getElementById('jobtititle').value; var text4 = document.getElementById('companyname').value; var text2 = document.getElementById('hear_from').value; var text5 = document.getElementById('search_terms').value; var text6 = document.getElementById('feedback_from').value; var regexp = /[a-zA-Z]+\s+[a-zA-Z]+/g; if($("#search_terms").is(":visible") && $("#search_terms").val()==''){ $('.error-search').css('visibility', 'visible'); $('#search_terms').addClass('error_req'); } else { $('.error-search').css('visibility', 'hidden'); $('#search_terms').removeClass('error_req'); } demoPageView(); if ((text1 == "") || (text2 == "") || (text4 == "") || (text6 == "")) { if (text1 == "") { $('.error-txt').css('visibility', 'visible'); $('#reason_causual').addClass('error_req'); } if (text2 == "") { $('.error-hear').css('visibility', 'visible'); $('#hear_from').addClass('error_req'); } if (text4 == "") { $('.error-job-company').css('visibility', 'visible'); $('#companyname').addClass('error_req'); } if (text6 == "") { $('.error-feedback-from').css('visibility', 'visible'); $('#feedback_from').addClass('error_req'); } } else if((text2 == 'Google' || text2 == 'Bing' || text2 == 'Online Article' || text2 == 'Third Party Review') && text5 == '') { $('.error-search').css('visibility', 'visible'); $('#search_terms').addClass('error_req'); } else if (!regexp.test(text1)) { $('#reason_causual').css('background-image', "none"); $('.error-txt').css('visibility', 'visible'); $('.error-txt').html("Please share more detail."); $('#reason_causual').addClass('error_req'); } else { $('#reason_causual').removeClass('error_req'); $('#jobtititle').removeClass('error_req'); $('#companyname').removeClass('error_req'); return true; } } function demoPageView() { //var id1 = document.getElementById('radio1').checked; //var id2 = document.getElementById('radio2').checked; //var id3 = document.getElementById('radio3').checked; //var id4 = document.getElementById('radio4').checked; var id5 = document.getElementById('employees').value; if (id5) { $('.error-msg').css('visibility', 'hidden'); $('.error-msgs').css('visibility', 'hidden'); return true; } if (!id5) { $('.error-msg').css('visibility', 'visible'); return false; } } function checkAll() { //var id1 = document.getElementById('radio1').checked; //var id2 = document.getElementById('radio2').checked; //var id3 = document.getElementById('radio3').checked; //var id4 = document.getElementById('radio4').checked; var id7 = document.getElementById('i-agree-terms').checked; var id8 = document.getElementById('employees').value; if (id7 && id8) { $('.error-msg').css('visibility', 'hidden'); $('.error-msgs').css('visibility', 'hidden'); return true; } if (id7 && (!id8)) { $('.error-msg').css('visibility', 'visible'); return false; } if ((id8) && !id7) { $('.error-msgs').css('visibility', 'visible'); $('.error-msg').css('visibility', 'hidden'); return false; } if ((!id8) && !id7) { $('.error-msg').css('visibility', 'visible'); $('.error-msgs').css('visibility', 'visible'); return false; } if (!id7) { $('.error-msgs').css('visibility', 'visible'); return false; } if (!id8) { $('.error-msg').css('visibility', 'visible'); return false; } } // $('#radio1').on('click', function() { // $('.error-msg').css('visibility', 'hidden'); // }); // $('#radio2').on('click', function() { // $('.error-msg').css('visibility', 'hidden'); // }); // $('#radio3').on('click', function() { // $('.error-msg').css('visibility', 'hidden'); // }); // $('#radio4').on('click', function() { // $('.error-msg').css('visibility', 'hidden'); // }); // $('#i-agree-terms').on('click', function() { // $('.error-msgs').css('visibility', 'hidden'); // }); function requiredVal() { var email = document.getElementById('email').value; if (validateEmail(email)) { $('.error-email').css('visibility', 'hidden'); $('#email').removeClass('error_req'); return true; } else { $('.error-email').css('visibility', 'visible'); $('#email').addClass('error_req'); return false; } } $('.field-control #email').on('input', function() { var input = $(this); var email = input.val(); if (validateEmail(email) == 1) { input.css('background-image', "url('https://www.proprofs.com/api/signup/user_v2/register-new/check.svg')"); $('#email').removeClass('error_req'); } else { input.css('background-image', "none"); } }); $("#FirstName").blur(function() { var e = $.trim($(this).val()); $('.filname').html(e); $('#username_n').val(e); }); $("#lastName").blur(function() { var e = $.trim($(this).val()); if (e != '') { var uname = $('#username_n').val(); var ulast = uname + ' ' + e; $('#username_n').val(ulast); } }); $('.field-control #FirstName').on('input', function() { var input = $(this); var is_field = input.val(); if (trim(is_field)) { input.css('background-image', "url('https://www.proprofs.com/api/signup/user_v2/register-new/check.svg')"); $('.error-fname').css('visibility', 'hidden'); $('#FirstName').removeClass('error_req'); } else { input.css('background-image', "none"); } }); $('.field-control #lastName').on('input', function() { var input = $(this); var is_field = input.val(); if (trim(is_field)) { input.css('background-image', "url('https://www.proprofs.com/api/signup/user_v2/register-new/check.svg')"); $('.error-lname').css('visibility', 'hidden'); $('#lastName').removeClass('error_req'); } else { input.css('background-image', "none"); } }); $('.field-control #reason_causual').on('input', function() { var input = $(this); var is_field = input.val(); var regexp = /[a-zA-Z]+\s+[a-zA-Z]+/g; if (!regexp.test(is_field)) { input.css('background-image', "none"); $('.error-txt').css('visibility', 'visible'); $('#reason_causual').addClass('error_req'); $('.error-txt').html("Please share more detail."); } else { if (trim(is_field)) { input.css('background-image', "url('https://www.proprofs.com/api/signup/user_v2/register-new/check.svg')"); $('.error-txt').css('visibility', 'hidden'); $('#reason_causual').removeClass('error_req'); } else { input.css('background-image', "none"); } } }); $('.field-control #jobtititle').on('input', function() { var input = $(this); var is_field = input.val(); var n = is_field.length; if (n < 2) { $('#jobtititle').addClass('error_req'); $('.error-job').css('visibility', 'visible'); $('.error-job').html('Job title must have at least 2 characters.'); input.css('background-image', "none"); } else { if (trim(is_field)) { input.css('background-image', "url('https://www.proprofs.com/api/signup/user_v2/register-new/check.svg')"); $('.error-job').css('visibility', 'hidden'); $('#jobtititle').removeClass('error_req'); } else { input.css('background-image', "none"); } } }); $('.field-control #jobtititle').on('keypress', function (event) { if (event.charCode >= 48 && event.charCode <= 57) { event.preventDefault(); return false; } }); $('.field-control #companyname').on('input', function() { var input = $(this); var is_field = input.val(); var n = is_field.length; if (n < 2) { $('#companyname').addClass('error_req'); $('.error-job-company').css('visibility', 'visible'); $('.error-job-company').html('Please type your company name.'); input.css('background-image', "none"); } else { if (trim(is_field)) { input.css('background-image', "url('https://www.proprofs.com/api/signup/user_v2/register-new/check.svg')"); $('.error-job-company').css('visibility', 'hidden'); $('#companyname').removeClass('error_req'); } else { input.css('background-image', "none"); } } }); $('.field-control #phone').on('input', function() { var input = $(this); var is_field = input.val(); var pv = telephoneCheck(is_field); if (pv != "") { input.css('background-image', "none"); $('.error-pno').css('visibility', 'visible'); $('#phone').addClass('error_req'); $('.error-pno').html(pv); $('#ph_no_err').removeClass('ph_no_err'); return false; } else { if (trim(is_field)) { input.css('background-image', "url('https://www.proprofs.com/api/signup/user_v2/register-new/check.svg')"); $('.error-pno').css('visibility', 'hidden'); $('#phone').removeClass('error_req'); $('#ph_no_err').removeClass('ph_no_err'); } else { input.css('background-image', "none"); } } }); $('.field-control #password').on('input', function() { var input = $(this); var is_field = input.val(); if (validatePassword(is_field)) { var ep = validatePassword(is_field); if (ep != 1) { $("#password_err").html(ep); $('.error-password').css('visibility', 'visible'); $('#password').addClass('error_req'); input.css('background-image', "none"); } else { $("#password_err").html(''); $('.error-password').css('visibility', 'hidden'); input.css('background-image', "url('https://www.proprofs.com/api/signup/user_v2/register-new/check.svg')"); $('#password').removeClass('error_req'); } } else { input.css('background-image', "url('https://www.proprofs.com/api/signup/user_v2/register-new/check.svg')"); $('#password').removeClass('error_req'); } }); $('.field-control #search_terms').on('input', function() { var input= $(this); var is_fields = input.val(); if(trim(is_fields)){ input.css('background-image', "url('https://www.proprofs.com/api/signup/user_v2/register-new/check.svg')"); $('.error-search').css('visibility', 'hidden'); $('#search_terms').removeClass('error_req'); } else { input.css('background-image', "none"); } }); $('#email').keypress((e) => { if (e.which === 13) { $(".next-btn1").click(); } }); $(".next-btn1").click(function() { var email = trim($("#email").val()); if (requiredVal() == true) { $("#email_err").html(''); var e = email, r = validateEmail(e); if (1 != $.trim(r)) { $("#email_err").html(r); $("#email").css("border", "1px solid #EB0000"); $("#loader_email").hide(); } else { $.trim($("#email_new").val()) != e; $("#loader_email").show(); $.ajax({ url: "/check_email_availability", type: "POST", cache: !1, async: !0, data: $("#register").serialize() }); } } }); $(document).on('click','.yes-myself',function(){ $('#register').attr('action', '/signup'); $('.activeevent').removeClass('pointerevent'); }) $(document).on('click','.btn-trans',function(){ $('.activeevent').addClass('pointerevent'); if (demolastVal() == true && (demoPageView() == true)) { $('#register').attr('action', '/thank-you'); $("#loader_demo").show(); $("#register").submit(); } }) $(".next-btn2").click(function() { if (textVal() == true) { $(".tab-pane").hide(); $("#step3").fadeIn(1000); $('#line3').css('background', '#4caf50'); $(".inc").html("3"); $(".client-logo").hide(); $("#reason_causual").focus(); $('html, body').animate({ scrollTop: $(".register-section").offset().top }, 1000); $(".client-award").fadeIn(1000); $('#loader_next2').css('display','none'); } }); $('#hear_from').on('change', function() { if($('#hear_from').val()!='') { var hf = $('#hear_from').val(); $('.error-hear').css('visibility', 'hidden'); if(hf=='Google' || hf=='Bing'){ $('.sterms').show(); $('.searchterms').html("What keywords would you type in search to find a service like ours?"); $("#search_terms").attr("placeholder", "Please type search term."); $('.error-search').html("Please enter search term."); if($("#search_terms").val()=='') { $('#search_terms').addClass('error_req'); } $("#search_terms").focus(); } else if(hf=='Online Article' || hf=='Third Party Review') { $('.sterms').show(); $('.searchterms').html("Do you remember what website you heard about us on?"); $("#search_terms").attr("placeholder", "Please share detail."); $('.error-search').html("Please share detail."); if($("#search_terms").val()=='') { $('.error-search').css('visibility', 'visible'); $('#search_terms').addClass('error_req'); } $("#search_terms").focus(); }else if(hf=='Other') { $('.sterms').show(); $('.searchterms').html("Do you remember what source you heard about us on?"); $("#search_terms").attr("placeholder", "Please share detail."); $('.error-search').html("Please share detail."); if($("#search_terms").val()=='') { $('.error-search').css('visibility', 'visible'); $('#search_terms').addClass('error_req'); } $("#search_terms").focus(); } else { $('.sterms').hide(); $('.error-search').css('visibility', 'hidden'); } } else { $('.error-hear').css('visibility', 'visible'); $('.sterms').hide(); } }); function eyeFunction_fa() { var x = document.getElementById("password"); var y = document.getElementById("eye_pwd"); if(x.type === "password") { x.type = "text"; $(".fa").toggleClass('fa-eye-slash fa-eye'); $(".fa-eye").attr('data-title', 'Hide password'); } else { x.type = "password"; $(".fa").toggleClass('fa-eye fa-eye-slash'); $(".fa-eye-slash").attr('data-title', 'Show password'); } } $('#employees').on('change', function() { if($('#employees').val()!='') { $('.error-msg').css('visibility', 'hidden'); }else{ $('.error-msg').css('visibility', 'visible'); } }); $('#feedback_from').on('change', function() { if($('#feedback_from').val()!='') { $('.error-feedback-from').css('visibility', 'hidden'); }else{ $('.error-feedback-from').css('visibility', 'visible'); } }); </script> <script data-campaignid="UTFONG5DVHo4N1JqWUNpKzc3Z0tzQT09" data-picreel="OWZOTnhOOENHL3ZNc1p4YjBmMTZPZz09" src="https://app.picreel.com/assets/main.js"></script> <script> $(".next-btn3").click(function() { if (lastVal() == true && (checkAll() == true)) { $("#loader_button").show(); grecaptcha.ready(function() { grecaptcha.execute('6LcSk40UAAAAAJQUFLueK2OJhD-SFbXMXPDYhrmg', {action: 'signup'}) .then(function(token) { $('#recaptcha_token').val(token); $("#register").submit(); }); }); } }); </script> </div> </div> </body> </html>

CINXE.COM

Sign up for Qualaroo