Created
June 30, 2022 21:22
-
-
Save ardeay/d7d475e48f62d178aca812ae51c6d4b7 to your computer and use it in GitHub Desktop.
zoho form
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- Note : | |
| - You can modify the font style and form style to suit your website. | |
| - Code lines with comments Do not remove this code are required for the form to work properly, make sure that you do not remove these lines of code. | |
| - The Mandatory check script can modified as to suit your business needs. | |
| - It is important that you test the modified form before going live.--> | |
| <div id='crmWebToEntityForm' class='zcwf_lblLeft crmWebToEntityForm' style='background-color: white;color: black;max-width: 600px;'> | |
| <meta name='viewport' content='width=device-width, initial-scale=1.0'> | |
| <META HTTP-EQUIV ='content-type' CONTENT='text/html;charset=UTF-8'> | |
| <form action='https://crm.zoho.com/crm/WebToLeadForm' name=WebToLeads4863239000000576019 method='POST' onSubmit='javascript:document.charset="UTF-8"; return checkMandatory4863239000000576019()' accept-charset='UTF-8'> | |
| <input type='text' style='display:none;' name='xnQsjsdp' value='5ee1dee6d6364d8d7fad94f4555993b5a97c604f78afe42210a7390b99f48dd4'></input> | |
| <input type='hidden' name='zc_gad' id='zc_gad' value=''></input> | |
| <input type='text' style='display:none;' name='xmIwtLD' value='01e01491045c2f2add9de17dc202d6e1d4b24fe4c31aa071de51c1bf3932f2ad'></input> | |
| <input type='text' style='display:none;' name='actionType' value='TGVhZHM='></input> | |
| <input type='text' style='display:none;' name='returnURL' value='https://www.zesty.io/ppc/thank-you/' > </input> | |
| <!-- Do not remove this code. --> | |
| <input type='text' style='display:none;' id='ldeskuid' name='ldeskuid'></input> | |
| <input type='text' style='display:none;' id='LDTuvid' name='LDTuvid'></input> | |
| <!-- Do not remove this code. --> | |
| <style> | |
| html,body{ | |
| margin: 0px; | |
| } | |
| #crmWebToEntityForm.zcwf_lblLeft { | |
| width:100%; | |
| padding: 25px; | |
| margin: 0 auto; | |
| box-sizing: border-box; | |
| } | |
| #crmWebToEntityForm.zcwf_lblLeft * { | |
| box-sizing: border-box; | |
| } | |
| #crmWebToEntityForm{text-align: left;} | |
| #crmWebToEntityForm * { | |
| direction: ltr; | |
| } | |
| .zcwf_lblLeft .zcwf_title { | |
| word-wrap: break-word; | |
| padding: 0px 6px 10px; | |
| font-weight: bold; | |
| } | |
| .zcwf_lblLeft .zcwf_col_fld input[type=text], .zcwf_lblLeft .zcwf_col_fld textarea { | |
| width: 60%; | |
| border: 1px solid #ccc !important; | |
| resize: vertical; | |
| border-radius: 2px; | |
| float: left; | |
| } | |
| .zcwf_lblLeft .zcwf_col_lab { | |
| width: 30%; | |
| word-break: break-word; | |
| padding: 0px 6px 0px; | |
| margin-right: 10px; | |
| margin-top: 5px; | |
| float: left; | |
| min-height: 1px; | |
| } | |
| .zcwf_lblLeft .zcwf_col_fld { | |
| float: left; | |
| width: 68%; | |
| padding: 0px 6px 0px; | |
| position: relative; | |
| margin-top: 5px; | |
| } | |
| .zcwf_lblLeft .zcwf_privacy{padding: 6px;} | |
| .zcwf_lblLeft .wfrm_fld_dpNn{display: none;} | |
| .dIB{display: inline-block;} | |
| .zcwf_lblLeft .zcwf_col_fld_slt { | |
| width: 60%; | |
| border: 1px solid #ccc; | |
| background: #fff; | |
| border-radius: 4px; | |
| font-size: 12px; | |
| float: left; | |
| resize: vertical; | |
| padding: 2px 5px; | |
| } | |
| .zcwf_lblLeft .zcwf_row:after, .zcwf_lblLeft .zcwf_col_fld:after { | |
| content: ''; | |
| display: table; | |
| clear: both; | |
| } | |
| .zcwf_lblLeft .zcwf_col_help { | |
| float: left; | |
| margin-left: 7px; | |
| font-size: 12px; | |
| max-width: 35%; | |
| word-break: break-word; | |
| } | |
| .zcwf_lblLeft .zcwf_help_icon { | |
| cursor: pointer; | |
| width: 16px; | |
| height: 16px; | |
| display: inline-block; | |
| background: #fff; | |
| border: 1px solid #ccc; | |
| color: #ccc; | |
| text-align: center; | |
| font-size: 11px; | |
| line-height: 16px; | |
| font-weight: bold; | |
| border-radius: 50%; | |
| } | |
| .zcwf_lblLeft .zcwf_row {margin: 15px 0px;} | |
| .zcwf_lblLeft .formsubmit { | |
| margin-right: 5px; | |
| cursor: pointer; | |
| color: #333; | |
| font-size: 12px; | |
| } | |
| .zcwf_lblLeft .zcwf_privacy_txt { | |
| width: 90%; | |
| color: rgb(0, 0, 0); | |
| font-size: 12px; | |
| font-family: Arial; | |
| display: inline-block; | |
| vertical-align: top; | |
| color: #333; | |
| padding-top: 2px; | |
| margin-left: 6px; | |
| } | |
| .zcwf_lblLeft .zcwf_button { | |
| font-size: 12px; | |
| color: #333; | |
| border: 1px solid #ccc; | |
| padding: 3px 9px; | |
| border-radius: 4px; | |
| cursor: pointer; | |
| max-width: 120px; | |
| overflow: hidden; | |
| text-overflow: ellipsis; | |
| white-space: nowrap; | |
| } | |
| .zcwf_lblLeft .zcwf_tooltip_over{ | |
| position: relative; | |
| } | |
| .zcwf_lblLeft .zcwf_tooltip_ctn{ | |
| position: absolute; | |
| background: #dedede; | |
| padding: 3px 6px; | |
| top: 3px; | |
| border-radius: 4px;word-break: break-all; | |
| min-width: 100px; | |
| max-width: 150px; | |
| color: #333; | |
| z-index: 100; | |
| } | |
| .zcwf_lblLeft .zcwf_ckbox{ | |
| float: left; | |
| } | |
| .zcwf_lblLeft .zcwf_file{ | |
| width: 55%; | |
| box-sizing: border-box; | |
| float: left; | |
| } | |
| .clearB:after{ | |
| content:''; | |
| display: block; | |
| clear: both; | |
| } | |
| @media all and (max-width: 600px) { | |
| .zcwf_lblLeft .zcwf_col_lab, .zcwf_lblLeft .zcwf_col_fld { | |
| width: auto; | |
| float: none !important; | |
| } | |
| .zcwf_lblLeft .zcwf_col_help {width: 40%;} | |
| } | |
| </style> | |
| <div class='zcwf_title' style='max-width: 600px;color: black;'>2021 Sign Up Flow</div> | |
| <div class='zcwf_row'><div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'><label for='First_Name'>First Name<span style='color:red;'>*</span></label></div><div class='zcwf_col_fld'><input type='text' id='First_Name' name='First Name' maxlength='40'></input><div class='zcwf_col_help'></div></div></div> | |
| <div class='zcwf_row'><div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'><label for='Last_Name'>Last Name<span style='color:red;'>*</span></label></div><div class='zcwf_col_fld'><input type='text' id='Last_Name' name='Last Name' maxlength='80'></input><div class='zcwf_col_help'></div></div></div> | |
| <div class='zcwf_row'><div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'><label for='Email'>Email<span style='color:red;'>*</span></label></div><div class='zcwf_col_fld'><input type='text' ftype='email' id='Email' name='Email' maxlength='100'></input><div class='zcwf_col_help'></div></div></div> | |
| <div class='zcwf_row'><div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'><label for='Phone'>Phone<span style='color:red;'>*</span></label></div><div class='zcwf_col_fld'><input type='text' id='Phone' name='Phone' maxlength='30'></input><div class='zcwf_col_help'></div></div></div> | |
| <div class='zcwf_row'><div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'><label for='Description'>Description</label></div><div class='zcwf_col_fld'><textarea id='Description' name='Description'></textarea><div class='zcwf_col_help'></div></div></div> | |
| <div class='zcwf_row wfrm_fld_dpNn'><div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'><label for='Lead_Source'>Lead Source</label></div><div class='zcwf_col_fld'><select class='zcwf_col_fld_slt' id='Lead_Source' name='Lead Source' > | |
| <option value='-None-'>-None-</option> | |
| <option value='2021 Contact Us Request'>2021 Contact Us Request</option> | |
| <option value='2021 Sandbox Sign Up'>2021 Sandbox Sign Up</option> | |
| <option value='Advertisement'>Advertisement</option> | |
| <option value='Alert'>Alert</option> | |
| <option value='Buyer Intent'>Buyer Intent</option> | |
| <option value='Chat'>Chat</option> | |
| <option value='CMS Wire'>CMS Wire</option> | |
| <option value='Command Line'>Command Line</option> | |
| <option value='Google AdWords'>Google AdWords</option> | |
| <option value='Landing Page'>Landing Page</option> | |
| <option value='Leadium'>Leadium</option> | |
| <option value='Phone'>Phone</option> | |
| <option value='Public Relations'>Public Relations</option> | |
| <option value='Referral'>Referral</option> | |
| <option value='Research'>Research</option> | |
| <option value='Sales Email Alias'>Sales Email Alias</option> | |
| <option value='Sponsorship'>Sponsorship</option> | |
| <option value='Trade Show'>Trade Show</option> | |
| <option value='Webinar'>Webinar</option> | |
| <option selected value='Website'>Website</option> | |
| <option value='Zesty Platform'>Zesty Platform</option> | |
| </select><div class='zcwf_col_help'></div></div></div> | |
| <div class='zcwf_row wfrm_fld_dpNn'><div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'><label for='LEADCF8'>Lead Source Detail</label></div><div class='zcwf_col_fld'><select class='zcwf_col_fld_slt' id='LEADCF8' name='LEADCF8' > | |
| <option value='-None-'>-None-</option> | |
| <option value='2021 Contact Us Request'>2021 Contact Us Request</option> | |
| <option value='2021 Sandbox Sign Up'>2021 Sandbox Sign Up</option> | |
| <option value='Adwords'>Adwords</option> | |
| <option value='Agency Partner Sign Up'>Agency Partner Sign Up</option> | |
| <option value='Auto-Instance Creation'>Auto-Instance Creation</option> | |
| <option value='Capterra'>Capterra</option> | |
| <option value='CMSW - Content Synd'>CMSW - Content Synd</option> | |
| <option value='CMSW - Media'>CMSW - Media</option> | |
| <option value='Contact Us'>Contact Us</option> | |
| <option value='Contract Renewal'>Contract Renewal</option> | |
| <option value='Demo Sign Up'>Demo Sign Up</option> | |
| <option value='Facebook'>Facebook</option> | |
| <option value='G Alert - Acquisition'>G Alert - Acquisition</option> | |
| <option value='G Alert - Merger'>G Alert - Merger</option> | |
| <option value='G Alert - Series A'>G Alert - Series A</option> | |
| <option value='G Alert - Series B'>G Alert - Series B</option> | |
| <option value='G2 Inbound'>G2 Inbound</option> | |
| <option value='G2 Outbound'>G2 Outbound</option> | |
| <option value='Gartner'>Gartner</option> | |
| <option value='Instance Invite'>Instance Invite</option> | |
| <option value='LinkedIn'>LinkedIn</option> | |
| <option value='MUI Sponsorship'>MUI Sponsorship</option> | |
| <option selected value='Organic'>Organic</option> | |
| <option value='Outbound'>Outbound</option> | |
| <option value='Partial'>Partial</option> | |
| <option value='Referral - Employee'>Referral - Employee</option> | |
| <option value='Referral - External'>Referral - External</option> | |
| <option value='Referral - Partner'>Referral - Partner</option> | |
| <option value='Sales IQ'>Sales IQ</option> | |
| <option value='SalesIntel Outbound'>SalesIntel Outbound</option> | |
| <option value='TS-NA-ContentTech'>TS-NA-ContentTech</option> | |
| <option value='Twitter'>Twitter</option> | |
| </select><div class='zcwf_col_help'></div></div></div> | |
| <div class='zcwf_row wfrm_fld_dpNn'><div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'><label for='LEADCF9'>Business Type</label></div><div class='zcwf_col_fld'><select class='zcwf_col_fld_slt' id='LEADCF9' name='LEADCF9' > | |
| <option value='-None-'>-None-</option> | |
| <option selected value='Direct'>Direct</option> | |
| <option value='Partner'>Partner</option> | |
| <option value='VAR'>VAR</option> | |
| <option value='Integration'>Integration</option> | |
| <option value='User'>User</option> | |
| </select><div class='zcwf_col_help'></div></div></div> | |
| <div class='zcwf_row wfrm_fld_dpNn'><div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'><label for='Lead_Status'>Lead Status</label></div><div class='zcwf_col_fld'><select class='zcwf_col_fld_slt' id='Lead_Status' name='Lead Status' > | |
| <option value='-None-'>-None-</option> | |
| <option value='1st - Attempt to Contact'>1st - Attempt to Contact</option> | |
| <option value='2nd - Attempt to Contact'>2nd - Attempt to Contact</option> | |
| <option value='3rd - Attempt to Contact'>3rd - Attempt to Contact</option> | |
| <option value='4th - Attempt to Contact'>4th - Attempt to Contact</option> | |
| <option value='5th - Attempt to Contact'>5th - Attempt to Contact</option> | |
| <option value='6th - Attempt to Contact'>6th - Attempt to Contact</option> | |
| <option value='7th - Attempt to Contact'>7th - Attempt to Contact</option> | |
| <option value='Contact in Future - LTM'>Contact in Future - LTM</option> | |
| <option value='Contacted'>Contacted</option> | |
| <option value='Junk Lead'>Junk Lead</option> | |
| <option value='Lost Lead'>Lost Lead</option> | |
| <option selected value='Not Contacted'>Not Contacted</option> | |
| <option value='Not Qualified'>Not Qualified</option> | |
| <option value='Not Worth Pursuing'>Not Worth Pursuing</option> | |
| <option value='Competition'>Competition</option> | |
| <option value='New'>New</option> | |
| </select><div class='zcwf_col_help'></div></div></div><div class='zcwf_row'><div class='zcwf_col_lab'></div><div class='zcwf_col_fld'><input type='submit' id='formsubmit' class='formsubmit zcwf_button' value='Submit' title='Submit'><input type='reset' class='zcwf_button' name='reset' value='Reset' title='Reset'></div></div> | |
| <script> | |
| function validateEmail4863239000000576019() | |
| { | |
| var form = document.forms['WebToLeads4863239000000576019']; | |
| var emailFld = form.querySelectorAll('[ftype=email]'); | |
| var i; | |
| for (i = 0; i < emailFld.length; i++) | |
| { | |
| var emailVal = emailFld[i].value; | |
| if((emailVal.replace(/^\s+|\s+$/g, '')).length!=0 ) | |
| { | |
| var atpos=emailVal.indexOf('@'); | |
| var dotpos=emailVal.lastIndexOf('.'); | |
| if (atpos<1 || dotpos<atpos+2 || dotpos+2>=emailVal.length) | |
| { | |
| alert('Please enter a valid email address. '); | |
| emailFld[i].focus(); | |
| return false; | |
| } | |
| } | |
| } | |
| return true; | |
| } | |
| function checkMandatory4863239000000576019() { | |
| var mndFileds = new Array('First Name','Last Name','Email','Phone'); | |
| var fldLangVal = new Array('First\x20Name','Last\x20Name','Email','Phone'); | |
| for(i=0;i<mndFileds.length;i++) { | |
| var fieldObj=document.forms['WebToLeads4863239000000576019'][mndFileds[i]]; | |
| if(fieldObj) { | |
| if (((fieldObj.value).replace(/^\s+|\s+$/g, '')).length==0) { | |
| if(fieldObj.type =='file') | |
| { | |
| alert('Please select a file to upload.'); | |
| fieldObj.focus(); | |
| return false; | |
| } | |
| alert(fldLangVal[i] +' cannot be empty.'); | |
| fieldObj.focus(); | |
| return false; | |
| } else if(fieldObj.nodeName=='SELECT') { | |
| if(fieldObj.options[fieldObj.selectedIndex].value=='-None-') { | |
| alert(fldLangVal[i] +' cannot be none.'); | |
| fieldObj.focus(); | |
| return false; | |
| } | |
| } else if(fieldObj.type =='checkbox'){ | |
| if(fieldObj.checked == false){ | |
| alert('Please accept '+fldLangVal[i]); | |
| fieldObj.focus(); | |
| return false; | |
| } | |
| } | |
| try { | |
| if(fieldObj.name == 'Last Name') { | |
| name = fieldObj.value; | |
| } | |
| } catch (e) {} | |
| } | |
| } | |
| trackVisitor4863239000000576019(); | |
| if(!validateEmail4863239000000576019()){return false;} | |
| document.querySelector('.crmWebToEntityForm .formsubmit').setAttribute('disabled', true); | |
| } | |
| function tooltipShow4863239000000576019(el){ | |
| var tooltip = el.nextElementSibling; | |
| var tooltipDisplay = tooltip.style.display; | |
| if(tooltipDisplay == 'none'){ | |
| var allTooltip = document.getElementsByClassName('zcwf_tooltip_over'); | |
| for(i=0; i<allTooltip.length; i++){ | |
| allTooltip[i].style.display='none'; | |
| } | |
| tooltip.style.display = 'block'; | |
| }else{ | |
| tooltip.style.display='none'; | |
| } | |
| } | |
| </script><script type='text/javascript' id='VisitorTracking'>var $zoho= $zoho || {};$zoho.salesiq = $zoho.salesiq || {widgetcode:'2dd14bf3ccb37ac33bbd4619b6358a3a89dfad921e3ab6c0df91cfd25661a60d', values:{},ready:function(){}};var d=document;s=d.createElement('script');s.type='text/javascript';s.id='zsiqscript';s.defer=true;s.src='https://salesiq.zoho.com/widget';t=d.getElementsByTagName('script')[0];t.parentNode.insertBefore(s,t);function trackVisitor4863239000000576019(){try{if($zoho){var LDTuvidObj = document.forms['WebToLeads4863239000000576019']['LDTuvid'];if(LDTuvidObj){LDTuvidObj.value = $zoho.salesiq.visitor.uniqueid();}var firstnameObj = document.forms['WebToLeads4863239000000576019']['First Name'];if(firstnameObj){name = firstnameObj.value +' '+name;}$zoho.salesiq.visitor.name(name);var emailObj = document.forms['WebToLeads4863239000000576019']['Email'];if(emailObj){email = emailObj.value;$zoho.salesiq.visitor.email(email);}}} catch(e){}}</script> | |
| <!-- Do not remove this --- Analytics Tracking code starts --><script id='wf_anal' src='https://crm.zohopublic.com/crm/WebFormAnalyticsServeServlet?rid=01e01491045c2f2add9de17dc202d6e1d4b24fe4c31aa071de51c1bf3932f2adgid5ee1dee6d6364d8d7fad94f4555993b5a97c604f78afe42210a7390b99f48dd4gid885e3c1045bd9bdcc91bdf30f82b5696gid14f4ec16431e0686150daa43f3210513&tw=61690b96c1d0471b638f31426f38e68aa67fb7ed6da86f32dc10ad817fe55a0a'></script><!-- Do not remove this --- Analytics Tracking code ends. --></form> | |
| </div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment