Webform Preview
Purpose
To fetch the Webform source code along with the available embed options such as source, embed, iframe, link, and QR code for a given webform in your Zoho CRM organization.
- GET /settings/webforms/{webform_ID}/actions/preview
Request Details
Request URL
{api-domain}/crm/{version}/settings/webforms/{webform_ID}/actions/preview
Header
Authorization: Zoho-oauthtoken d92d4xxxxxxxxxxxxx15f52
Scope
ZohoCRM.settings.webforms.ALL
(or)
ZohoCRM.settings.webforms.READ
Parameters
- modulestring, mandatory
Specify the module of the webform.
Note
- This API supports both standard Webforms and Portal Forms. The response varies based on the form type.
- Webforms in any status (active or inactive) can be previewed using this API.
\
Sample Request
Copiedcurl "https://www.zohoapis.com/crm/v8/settings/webforms/4794410000000762179/actions/preview?module=Leads"
-X GET
-H "Authorization: Zoho-oauthtoken 1000.xxxxxxxxxxxxxxxxx"
Response JSON
- embed_codestring
Represents the JavaScript embed code that can be directly added to a webpage.
- activeBoolean
Indicates whether the webform is active.
Possible values:
true: The webform is active and accepts submissions.
false: The webform is inactive and does not accept submissions. - moduleJSON object
Represents the API name and ID of the module for which the webform is created.
- namestring
Represents the name of the webform.
- idstring
Represents the unique identifier of the webform.
- source_codestring
Represents the complete HTML source code of the webform.
- iframe_codestring
Represents the Iframe-based embed code for rendering the webform.
- code_formatsJSON Array
Represents the supported embed formats.
For webforms, the possible values are source, embed, iframe, link, and qr_code.
For portal forms, the possible values are form_url, link, and qr_code. - form_urlstring
Represents the public URL of the webform, applicable for portal forms.
- smart_urlstring
Represents the smart URL of the Webform. Smart URLs are shareable, tracked links to a hosted Webform and are typically used when the form is distributed through email campaigns or external channels.
- typestring
Represents the type of the form.
Possible values: webform, portalform
Sample Response (Webform)
Copied{
"webforms": [
{
"embed_code": "<script id='formScript4794410000000762179' src='https://crm.zoho.com/crm/WebFormServeServlet?rid=15f33f4a4081751&script=$sYG'></script>",
"code_formats": [
"source",
"embed",
"iframe",
"link",
"qr_code"
],
"module": {
"api_name": "Leads",
"id": "4794410000000000125"
},
"name": "newwebform",
"active": true,
"id": "4794410000000762179",
"smart_url": "https://crm-forms1.tu.com/ci9uz",
"type": "webform",
"source_code": "<!-- Note :\n - You can modify the font style and form style to suit your website. \n - 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. \n - The Mandatory check script can modified as to suit your business needs. \n - It is important that you test the modified form before going live.\n - Do not remove captcha and other form elements that are necessary for the form to work. -->\n<div id='crmWebToEntityForm' class='zcwf_lblLeft crmWebToEntityForm' style='background-color: white;color: black;max-width: 600px;'>\n <meta name='viewport' content='width=device-width, initial-scale=1.0'>\n <META HTTP-EQUIV ='content-type' CONTENT='text/html;charset=UTF-8'>\n \n<form id='webform4794410000000762179' action='https://crm.zoho.com/crm/WebToLeadForm' name=WebToLeads4794410000000762179 method='POST' enctype='multipart/form-data' onSubmit='javascript:document.charset=\"UTF-8\"; return checkMandatory4794410000000762179()' accept-charset='UTF-8'>\n <input type='text' style='display:none;' name='xnQsjsdp' value='06998e95b14c999c36189d9be55eb812270adaf597eb787f55225c587e411697'></input> \n <input type='hidden' name='zc_gad' id='zc_gad' value=''></input>\n <input type='text' style='display:none;' name='xmIwtLD' value='5c5a40dbf71c916b18387e5afde06ae4dc1af0af20a95d9de79b2a300ae446e641da8143ec9f2c215768575c0f918cbe'></input> \n <input type='text' style='display:none;' name='actionType' value='TGVhZHM='></input>\n <input type='text' style='display:none;' name='returnURL' value='null' > </input>\n\t <!-- Do not remove this code. -->\n\t <input type='text' style='display:none;' id='ldeskuid' name='ldeskuid'></input>\n\t <input type='text' style='display:none;' id='LDTuvid' name='LDTuvid'></input>\n\t <!-- Do not remove this code. -->\n<style>\nhtml,body{\n\tmargin: 0px;\n}\n\n.formsubmit.zcwf_button{\n\tcolor: white !important;\n\tbackground: transparent linear-gradient(0deg, #0279FF 0%, #00A3F3 100%);\n}\n#crmWebToEntityForm.zcwf_lblLeft {\n\twidth:100%;\n\tpadding: 25px;\n\tmargin: 0 auto;\n\tbox-sizing: border-box;\n}\n#crmWebToEntityForm.zcwf_lblLeft * {\n\tbox-sizing: border-box;\n}\n#crmWebToEntityForm{text-align: left;}\n#crmWebToEntityForm * {\n\tdirection: ltr;\n}\n.zcwf_lblLeft .zcwf_title {\n\tword-wrap: break-word;\n\tpadding: 0px 6px 10px;\n\tfont-weight:bold }.zcwf_lblLeft.cpT_primaryBtn:hover{\n\tbackground: linear-gradient(#02acff 0,#006be4 100%) no-repeat padding-box !important;\n\tbox-shadow: 0 -2px 0 0 #0159b9 inset !important;\n\tborder: 0 !important;\n\tcolor: #fff !important;\n\toutline: 0 !important;\n}.zcwf_lblLeft .zcwf_col_fld input[type=text], input[type=password], .zcwf_lblLeft .zcwf_col_fld textarea {\n\twidth: 60%;\n\tborder: 1px solid #c0c6cc !important;\n\tresize: vertical;\n\tborder-radius: 2px;\n\tfloat: left;\n}\n.zcwf_lblLeft .zcwf_col_lab {\n\twidth: 30%;\n\tword-break: break-word;\n\tpadding: 0px 6px 0px;\n\tmargin-right: 10px;\n\tmargin-top: 5px;\n\tfloat: left;\n\tmin-height: 1px;\n}\n.zcwf_lblLeft .zcwf_col_fld {\n\tfloat: left;\n\twidth: 68%;\n\tpadding: 0px 6px 0px;\n\tposition: relative;\n\tmargin-top: 5px;\n}\n.zcwf_lblLeft .zcwf_privacy{padding: 6px;}\n.zcwf_lblLeft .wfrm_fld_dpNn{display: none;}\n.dIB{display: inline-block;}\n.zcwf_lblLeft .zcwf_col_fld_slt {\n\twidth: 60%;\n\tborder: 1px solid #ccc;\n\tbackground: #fff;\n\tborder-radius: 4px;\n\tfont-size: 12px;\n\tfloat: left;\n\tresize: vertical;\n\tpadding: 2px 5px;\n}\n.zcwf_lblLeft .zcwf_row:after, .zcwf_lblLeft .zcwf_col_fld:after {\n\tcontent: '';\n\tdisplay: table;\n\tclear: both;\n}\n.zcwf_lblLeft .zcwf_col_help {\n\tfloat: left;\n\tmargin-left: 7px;\n\tfont-size: 12px;\n\tmax-width: 35%;\n\tword-break: break-word;\n}\n.zcwf_lblLeft .zcwf_help_icon {\n\tcursor: pointer;\n\twidth: 16px;\n\theight: 16px;\n\tdisplay: inline-block;\n\tbackground: #fff;\n\tborder: 1px solid #c0c6cc;\n\tcolor: #c1c1c1;\n\ttext-align: center;\n\tfont-size: 11px;\n\tline-height: 16px;\n\tfont-weight: bold;\n\tborder-radius: 50%;\n}\n.zcwf_lblLeft .zcwf_row {margin: 15px 0px;}\n.zcwf_lblLeft .formsubmit {\n\tmargin-right: 5px;\n\tcursor: pointer;\n\tcolor: #313949;\n\tfont-size: 12px;\n}\n.zcwf_lblLeft .zcwf_privacy_txt {\n\twidth: 90%;\n\tcolor: rgb(0, 0, 0);\n\tfont-size: 12px;\n\tfont-family: Arial;\n\tdisplay: inline-block;\n\tvertical-align: top;\n\tcolor: #313949;\n\tpadding-top: 2px;\n\tmargin-left: 6px;\n}\n.zcwf_lblLeft .zcwf_button {\n\tfont-size: 12px;\n\tcolor: #313949; \n\tborder: 1px solid #c0c6cc;\n\tpadding: 3px 9px;\n\tborder-radius: 4px;\n\tcursor: pointer;\n\tmax-width: 120px;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n}\n.zcwf_lblLeft .zcwf_tooltip_over{\n\tposition: relative;\n}\n.zcwf_lblLeft .zcwf_tooltip_ctn{\n\tposition: absolute;\n\tbackground: #dedede;\n\tpadding: 3px 6px;\n\ttop: 3px;\n\tborder-radius: 4px;word-break: break-word;\n\tmin-width: 100px;\n\tmax-width: 150px;\n\tcolor: #313949;\n\tz-index: 100;\n}\n.zcwf_lblLeft .zcwf_ckbox{\n\tfloat: left;\n}\n.zcwf_lblLeft .zcwf_file{\n\twidth: 55%;\n\tbox-sizing: border-box;\n\tfloat: left;\n}\n.cBoth:after{\n\tcontent:'';\n\tdisplay: block;\n\tclear: both;\n}\n@media all and (max-width: 600px) {\n\t.zcwf_lblLeft .zcwf_col_lab, .zcwf_lblLeft .zcwf_col_fld {\n\t\twidth: auto;\n\t\tfloat: none !important;\n\t}\n\t.zcwf_lblLeft .zcwf_col_help {width: 40%;}\n}\n</style>\n<div class='zcwf_title' style='max-width: 600px;color: black; font-family:Arial;'>newwebform</div><div class='zcwf_row'><div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'><label for='Company'>Company<span style='color:red;'>*</span></label></div><div class='zcwf_col_fld'><input type='text' id='Company' aria-required='true' aria-label='Company' name='Company' aria-valuemax='200' maxlength='200'></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' aria-required='true' aria-label='Last Name' name='Last Name' aria-valuemax='80' 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' autocomplete='false' id='Email' aria-required='true' aria-label='Email' name='Email' aria-valuemax='100' crmlabel='' 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='LEADCF116'>Date 1</label></div><div class='zcwf_col_fld'><input type='text' id='LEADCF116' aria-required='false' aria-label='LEADCF116' name='LEADCF116' aria-valuemax='20' maxlength='20' ftype='date' placeholder='DD/MM/YYYY' aria-placeholder='DD/MM/YYYY' tplid='4794410000000762179LEADCF116' onfocus='formCalender.stEv(event);formCalender.createCalendar(this);' autocomplete='off'></input><div id='template4794410000000762179LEADCF116' onclick='formCalender.stEv(event);' class='tempCalDiv'></div><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='LEADCF1'>Single Line 1</label></div><div class='zcwf_col_fld'><input type='text' id='LEADCF1' aria-required='false' aria-label='LEADCF1' name='LEADCF1' aria-valuemax='255' maxlength='255' value='hidden'></input><div class='zcwf_col_help'></div></div></div><div class='zcwf_row'><div class='zcwf_col_lab' id='reCaptchaField' style='font-size:12px; font-family: Arial;'>Enter the Captcha</div>\n\t <div class='zcwf_col_fld'><input type='text' id='captchaField4794410000000762179' aria-labelledby='reCaptchaField' aria-valuemax='10' maxlength='10' name='enterdigest' /></div>\n\t\n\n\t </div>\n\t<!-- Do not remove this code. -->\n\t <div class='zcwf_row'><div class='zcwf_col_lab'></div><div class='zcwf_col_fld'><img id='imgid4794410000000762179' src='https://crm.zoho.com/crm/CaptchaServlet?formId=5c5a40dbf71c916b18387e5afde06ae4dc1af0af20a95d9de79b2a300ae446e641da8143ec9f2c215768575c0f918cbe&grpid=06998e95b14c999c36189d9be55eb812270adaf597eb787f55225c587e411697'>\n\t <a href='javascript:;' onclick='reloadImg4794410000000762179();'>Reload</a></div><div class=''></div>\n\t</div><div class='zcwf_row'><div class='zcwf_col_lab' id='imageUploadField' style='font-size:12px; font-family: Arial;'>Upload a File</div>\n\t<div class='zcwf_col_fld'><div class='cBoth'><input type='file' class='zcwf_file' name='theFile' aria-multiselectable='true' aria-labelledby='imageUploadField' id='theFile4794410000000762179' multiple /><div class='zcwf_col_help'></div></div><p style='color:black;font-size:11px;padding-left:3px;'>File(s) size limit is 20MB.</p>\n\t</div></div><div class='zcwf_row'><div class='zcwf_privacy'><div class='dIB vaT' align='left'><div class='displayPurpose crm-small-font-size'><label class='newCustomchkbox-md dIB w100_per'><input autocomplete='off' id='privacyTool4794410000000762179' type='checkbox' aria-checked='false' name='' aria-errormessage='privacyErr4794410000000762179' aria-label='privacyTool' onclick='disableErr4794410000000762179()'></label></div></div><div class='dIB zcwf_privacy_txt' style='font-size: 12px;font-family:Arial;color: black;'><div style='font-family:Verdana, arial, Helvetica, sans-serif'>I agree to the Privacy Policy and Terms of Service</div></div> <div id='privacyErr4794410000000762179' aria-live='polite' style='font-size:12px;color:red;padding-left: 5px;visibility:hidden;'>Please accept this</div></div></div><input type='text' type='hidden' style='display: none;' name='aG9uZXlwb3Q' value=''/><div class='zcwf_row'><div class='zcwf_col_lab'></div><div class='zcwf_col_fld'><input type='submit' id='formsubmit' role='button' class='formsubmit zcwf_button' value='Submit' aria-label='Submit' title='Submit'><input type='reset' class='zcwf_button' role='button' name='reset' value='Reset' aria-label='Reset' title='Reset'></div></div>\n<script type='text/javascript'>var formCalender={userPattern:'YYYY-MM-DD',currDateObj:void 0,currMonth:void 0,currYear:void 0,currDate:void 0,currMonthEnd:[31,28,31,30,31,30,31,31,30,31,30,31],monthName:void 0,days:void 0,displayPanel:void 0,isHideToday:void 0,calDefColor:'#515CCB',weekdays:{1:'Sunday',2:'Monday',3:'Tuesday',4:'Wednesday',5:'Thursday',6:'Friday',7:'Saturday'},months:{1:'January',2:'February',3:'March',4:'April',5:'May',6:'June',7:'July',8:'August',9:'September',10:'October',11:'November',12:'December'},init:function(){this.monthName=[{html:'January',value:0},{html:'February',value:1},{html:'March',value:2},{html:'April',value:3},{html:'May',value:4},{html:'June',value:5},{html:'July',value:6},{html:'August',value:7},{html:'September',value:8},{html:'October',value:9},{html:'November',value:10},{html:'December',value:11}],this.days=['ssunday','smonday','stuesday','swednesday','sthursday','sfriday','ssaturday'],this.dayNamesShort=['Sun','Mon','Tue','Wed','Thu','Fri','Sat'],this.daysBasedOnPrefernce=['ssunday','smonday','stuesday','swednesday','sthursday','sfriday','ssaturday'];var e=this.daysBasedOnPrefernce[0];this.daysBasedOnPrefernce.shift(1),this.daysBasedOnPrefernce.push(e);var t=this.dayNamesShort[0];this.dayNamesShort.shift(1),this.dayNamesShort.push(t),this.currDateObj=new Date,this.currMonth=this.currDateObj.getMonth(),this.currYear=this.currDateObj.getFullYear(),this.currYear<1e3&&(this.currYear+=1900),this.currDate=this.currDateObj.getDate()},getTitle:function(){return this.monthName[this.currMonth].html+' '+this.currYear},createCalendar:function(e){for(var t=document.getElementsByClassName('tempCalDiv'),a=t.length,r=0;r<a;r++){var n=t[r].style;'block'===n.display&&(n.display='none')}this.calendarNode=e,this.userPattern=this.calendarNode.placeholder;var s=this.calendarNode.value,i=!1;if(s){var l=dateFormatConvert.validate(s,this.userPattern);l&&(this.currDate=l.getDate(),this.currMonth=l.getMonth(),this.currYear=l.getFullYear(),this.currYear<1e3&&(this.currYear=Number(this.currYear)+1900))}else i=!0,formCalender.init();this.monthName||formCalender.init(),this.createDatePicker(this.currDate,this.currMonth,this.currYear,i,!1)},createDatePicker:function(e,t,a,r,n){1===this.currMonth&&(this.currMonthEnd[1]=this.currYear%400==0||this.currYear%4==0&&this.currYear%100!=0?29:28);var s=new Date(a,t,1),i=6,l=this.daysBasedOnPrefernce.indexOf(this.days[s.getDay()])+1;i=31===this.currMonthEnd[t]&&l>=6||30===this.currMonthEnd[t]&&7===l?7:28===this.currMonthEnd[t]&&1===l?5:6;var d=this.getTitle(e,a,t),o=this.dayNamesShort,h='<div id=\\'calenDiv\\'><i id=\\'calArrow\\' style=\\'display:none;\\' class=\\'dIB SocialArrow\\'></i><div><div>';h+='<div class=\\'aligncenter\\'><span class=\\'calNav dIB vaM yearNavLft\\' onclick=\\'formCalender.updateDatePicker(event,undefined, -1)\\'><i class=\\'arrow left mRMinus2\\'></i><i class=\\'arrow left\\'></i></span><span class=\\'calNav dLft dIB vaM\\' onClick=\\'formCalender.updateDatePicker(event,-1)\\' id=\\'pm\\'><i class=\\'arrow left\\'></i></span><span class=\\'sCalMon\\'>'+d+'</span><span class=\\'calNav dRgt vaM\\' onClick =\\'formCalender.updateDatePicker(event,1)\\' id=\\'nm\\'><i class=\\'arrow right\\'></i></span><span class=\\'calNav dIB vaM yearNavRgt\\' onclick=\\'formCalender.updateDatePicker(event,undefined, 1)\\'><i class=\\'arrow right\\'></i><i class=\\'arrow right mLMinus2\\'></i></span></div>',h+='<table class=\\'calDay\\' id =\\'weekDays\\' style=\\'color:#8b9ab9; font-size:8px; margin-left:0\\'><tr> <th>'+o[0]+'</th> <th>'+o[1]+'</th><th>'+o[2]+'</th><th>'+o[3]+'</th> <th>'+o[4]+'</th> <th>'+o[5]+'</th> <th>'+o[6]+'</th></tr></table>',h+='</div>',h+='<table id=\\'calHeader\\' class=\\'calDay\\' style=\\'margin-left:0; margin-top:-5px;\\' width=\\'100%\\' cellspacing=\\'0\\' cellpadding=\\'0\\' border=\\'0\\' >';var c='',u=new Date,y=a||u.getFullYear(),v=e||u.getDate(),g=void 0===t?u.getMonth():t,m=u.getMonth(),p=u.getFullYear();u.getDate();m===t&&a===p&&(c=' style=\\'display:none\\'');for(var f,D,M,b=s.getDay();1!==b;)s.setDate(s.getDate()-1),b=s.getDay();for(var x=1;x<=i;x++){h+='<tr>';for(var Y=1;Y<8;Y++){f=s.getMonth(),D=s.getFullYear(),M=s.getDate(),D+'-'+(parseInt(f)+1)+'-'+M;var F='cdate lt-gray';if(M===v&&D===y&&f===g&&(F='cdate lt-gray'),f===g&&(F='cdate'),(r&&M===v&&m===g&&p===y||!n&&M===v&&f===g&&D===y)&&(F='sel'),n){var k=dateFormatConvert.validate(this.calendarNode.value,formCalender.userPattern);k&&M===k.getDate()&&f===k.getMonth()&&D===k.getFullYear()&&(F='sel')}h+='<td class=\\''+F+'\\' onClick=\\'formCalender.displaySelectedDate(\\\"'+M+' '+f+' '+D+'\\\")\\'>'+M+'</td>',s.setDate(s.getDate()+1)}h+='</tr>'}h+='</table>',h+='<div>',this.isHideToday||(h+='<div id=\\'calBtns\\' class=\\'pT15 pB15 fL\\'><a'+c+' class=\\'cP fL\\' href=\\'javascript:;\\' id=\\'todayBtn\\' onclick=\\'formCalender.displaySelectedDate(\\\"today\\\")\\'>Today</a>'),h+='</div>',h+='</div>',h+='</div></div>';var C=document.getElementById('template'+this.calendarNode.getAttribute('tplid'));C.innerHTML=h,C.style.display='block'},displaySelectedDate:function(e,t){if(!t)t=this.calendarNode;if('today'===e){var a=new Date;e=a.getDate()+' '+a.getMonth()+' '+a.getFullYear()}e=e.split(' ');var r=dateFormatConvert.convertFormat(new Date(e[2],e[1],e[0]),this.userPattern);t.value=r,t.focus(),t.placeholder=this.userPattern,formCalender.closeDatePicker(),t.addEventListener('keyup',function(e){formCalender.calendarNode=this;var t=this.value,a=dateFormatConvert.validate(t,formCalender.userPattern);if(a){var r={};r.date=a.getDate(),r.month=a.getMonth(),r.year=a.getFullYear(),formCalender.updateDatePicker(e,void 0,void 0,r)}}),t.blur()},closeDatePicker:function(){document.getElementById('template'+this.calendarNode.getAttribute('tplid')).style.display='none'},updateDatePicker:function(e,t,a,r){var n=document.getElementById('template'+this.calendarNode.getAttribute('tplid'));r&&(this.currDate=r.date,this.currMonth=r.month,this.currYear=r.year),void 0!==t?1===t?11===this.currMonth?(this.currMonth=0,this.currYear++):this.currMonth++:0===this.currMonth?(this.currMonth=11,this.currYear--):this.currMonth--:void 0!==a&&(this.currYear=parseInt(this.currYear)+a),this.createDatePicker(this.currDate,this.currMonth,this.currYear,!1,!0),n.style.display='block'},stEv:function(e){e||(e=window.event),e&&(e.cancelBubble=!0,e.stopPropagation&&e.stopPropagation())}};window.onclick=function(){for(var e=document.getElementsByClassName('tempCalDiv'),t=e.length,a=0;a<t;a++){var r=e[a];if(document.activeElement===document.querySelector('input[tplid=\\''+r.id.replace('template','')+'\\']'))return;var n=e[a].style;'block'===n.display&&(n.display='none')}};var dateFormatConvert={shortMon:['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'],longMon:['January','February','March','April','May','June','July','August','September','October','November','December'],dayArr:[31,28,31,30,31,30,31,31,30,31,30,31],wod:1,lm:'userdate',_dateObj:void 0,lLimit:80,formats:[{val:'YYYY',type:'year',regex:/\\d{4}/,len:4},{val:'GGGG',type:'year',regex:/\\d{4}/,len:4,isWEG:!0},{val:'gggg',type:'year',regex:/\\d{4}/,len:4,isWEG:!0},{val:'YY',type:'year',regex:/\\d{2}/,len:2},{val:'GG',type:'year',regex:/\\d{2}/,len:2,isWEG:!0},{val:'gg',type:'year',regex:/\\d{2}/,len:2,isWEG:!0},{val:'MMMM',type:'month',regex:/[A-z]{3,}/,long:!0,str:!0,array:['January','February','March','April','May','June','July','August','September','October','November','December']},{val:'MMM',str:!0,type:'month',regex:/[A-z]{3,}/,array:['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec']},{val:'Mo',suff:!0,type:'month',regex:/\\d{1,2}(?=st|nd|rd|th)/,max:12},{val:'MM',type:'month',regex:/\\d{2}/,len:2,max:12,alt:!0},{val:'M',type:'month',regex:/\\d{1,2}/,max:12},{val:'DDDD',type:'date',regex:/\\d{3}/,len:3,year:!0},{val:'DDDo',type:'date',suff:!0,regex:/\\d{1,3}(?=st|nd|rd|th)/,len:3,year:!0,ignore:/\\d{3}(?=st|nd|rd|th)/},{val:'DDD',type:'date',regex:/\\d{1,3}/,year:!0,ignore:/\\d{3}/},{val:'Do',type:'date',suff:!0,regex:/\\d{1,2}(?=st|nd|rd|th)/},{val:'DD',type:'date',regex:/\\d{2}/,len:2,alt:!0},{val:'D',type:'date',regex:/\\d{1,2}/},{val:'dddd',type:'longdate',regex:/[A-z]{3,}/,long:!0,str:!0,array:['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday']},{val:'ddd',type:'longdate',regex:/[A-z]{3}/,str:!0,array:['Sun','Mon','Tue','Wed','Thu','Fri','Sat']},{val:'dd',type:'longdate',regex:/[A-z]{2}/,str:!0,array:['Su','Mo','Tu','We','Th','Fr','Sa']},{val:'do',type:'longdate',regex:/\\d{1}(?=st|nd|rd|th)/,suff:!0},{val:'d',type:'longdate',regex:/\\d{1}/}],parseFormat:function(e,t){for(var a,r=this.formats,n=[],s=r.length,i=0;i<s;i++){var l=r[i];if(!e.length)break;if(e.indexOf(l.val)>-1){if(t&&l.alt){a=!0;continue}a&&(l.val=r[i-1].val,l=r[i-1]),a=!1,n.push({format:l,index:e.indexOf(l.val)}),e=e.replace(l.val,Math.pow(10,l.val.length-1)),i--}else;}return n.sort(function(e,t){return e.index-t.index})},convertFormat:function(e,t){this._dateObj=e;var a=this._dateObj,r=this.parseFormat(t,!0),n={},s={date:a.getDate(),month:a.getMonth(),year:a.getFullYear(),day:a.getDay()};t=this.fmReplace(t.replace(/{{|}}/g,''),r);for(var i=r.length,l=0;l<i;l++){var d=r[l].format;switch(d.type){case'date':t=t.replace(d.val+this.lm,this.crctLength(d.year?this.totdate(s.month,this.isLeap(s.year),s.date):s.date,d.len,d.suff));break;case'month':t=d.str?t.replace(d.val+this.lm,d.array[s.month]):t.replace(d.val+this.lm,this.crctLength(s.month+1,d.len,d.suff));break;case'year':t=t.replace(d.val+this.lm,2===d.len?this.crctLength(s.year%100,2):4===(s.year+'').length?s.year:this.crctLength(s.year,4)),n.year=n.year||[],n.year.push(d);break;case'day':case'week':n.flag=!0,n[d.type]=n[d.type]||[],n[d.type].push(d);break;case'longdate':t=d.str?t.replace(d.val+this.lm,d.array[s.day]):t.replace(d.val+this.lm,this.crctLength(s.day,null,d.suff))}}return t.replace(/{{|}}/g,'')},fmReplace:function(e,t){for(var a=0,r=t.length,n=0;n<r;n++)e=e.slice(0,t[n].index+a)+t[n].format.val+this.lm+e.slice(t[n].index+a+t[n].format.val.length),a+=8;return e},totdate:function(e,t,a){for(var r=0,n=0;n<e;n++)r+=this.dayArr[n],t&&1===n&&(r+=1);return r+(a||0)},crctLength:function(e,t,a){var r='';if(a&&(r=this.nthconv(e)),t){e=e.toString();for(var n=1;n<t;n++)e.length<=n&&(e='0'+e)}return e+r},nthconv:function(e){if(e>3&&e<21)return'th';switch(e%10){case 1:return'st';case 2:return'nd';case 3:return'rd';default:return'th'}},isLeap:function(e){return 2===(e+='').length&&(e=this.getCorrectYear(parseInt(e))),(e=parseInt(e))%4==0&&e%100!=0||e%400==0},getCorrectYear:function(e){var t=e+'';if(e=parseInt(e),2===t.length){var a=(new Date).getFullYear(),r=parseInt(a/100),n=a%100,s=(n-this.lLimit+100)%100;e=n>s?e<s?r+1+''+this.crctLength(e,2):r+''+this.crctLength(e,2):e<s?r+''+this.crctLength(e,2):r-1+''+this.crctLength(e,2)}return e},valFormat:function(e,t){for(var a={},r=new Date((new Date).getFullYear(),0),n=this.parseFormat(t,!0),s=e,i=t=t.replace(/{{|}}/g,''),l=n.length,d=0;d<l;d++){var o,h=n[d].format;switch(h.type){case'date':case'year':case'week':case'day':h.regex.test(e)?(o='year'===h.type?e.match(h.regex)[h.match||0]:parseInt(e.match(h.regex)[h.match||0]),a[h.type]=o,e=this.replaceVal(e,h.regex,h.suff),s=this.replaceVal(s,h.regex,h.suff,h.val),h.year&&(a.date=getDay(a.date).day)):a.year&&a.week?(a[h.type]=this.wod,t=t.replace(h.val,''),i=i.replace(h.val,'')):a[h.type]='Invalid',/date/i.test(h.type)&&0===a[h.type]&&(a[h.type]='Invalid');break;case'month':h.regex.test(e)?(o=this.getMonth(e.match(h.regex)[0],h.suff,h.str,h.long),a.month=o.val,e=this.replaceVal(e,o.mon||h.regex,h.suff),s=this.replaceVal(s,o.mon||h.regex,h.suff,h.val)):a.month='Invalid',a.month<0&&(a.month='Invalid');break;case'longdate':h.regex.test(e)&&(o=h.str?this.findVal(h.array,e.match(h.regex)[0]):parseInt(e.match(h.regex)[0]),a.longdate=this.isDef(o.index)?o.index:o,e=this.replaceVal(e,o.mon||o,h.suff),s=this.replaceVal(s,o.mon||o,h.suff,h.val))}t=t.replace(h.valForm||h.val,'')}if(this.isDef(a.longdate)&&a.day&&a.day!==a.longdate?r.setFullYear('Invalid'):this.isDef(a.year)&&r.setFullYear(this.getCorrectYear(a.year)),this.isDef(a.month)&&r.setMonth(a.month),this.isDef(a.date)&&r.setDate(a.date<=this.dayArr[r.getMonth()]+(1===r.getMonth()&&this.isLeap(r.getFullYear())?1:0)?a.date:'Invalid'),this._isCorrectFormat=e.length===t.length&&i===s&&this.validate(r))return r},validate:function(e,t){var a=e.constructor;if(a===Date)return this._dateObj=e,'Invalid Date'!==e.toString();if(a===String&&t){var r=this.valFormat(e,t);return r&&this._isCorrectFormat&&(this._format=t),r}},replaceVal:function(e,t,a,r){return e=e.replace(t,r||''),a&&(e=e.replace(/st|nd|rd|th/,'')),e},getMonth:function(e,t,a,r){var n;if(a){var s=this.findVal(r?this.longMon:this.shortMon,e);n=s.mon,e=s.index,(!n||e>11)&&(e='Invalid')}else(e=parseInt(e)-1)>11&&(e='Invalid');return{val:e,mon:n}},findVal:function(e,t){var a,r,n=e.length;for(r=0;r<n;r++)if(new RegExp(e[r]).test(t)){a=e[r];break}return{mon:a,index:r}},isDef:function(e){return void 0!==e}};</script>\n<style>\n#calenDiv{padding:10px;display:table; width: 195px;font-family: helvetica,sans-serif !important;}\n.calNav{width:20px; height:15px; display:inline-block;position:relative; top:4px; cursor:pointer}\n#calenDiv .calNav {width:15px;}\n#calenDiv .yearNavLft {right:10px;}\n#calenDiv .yearNavRgt {left:10px;}\n#calenDiv .dLft {right:5px; }\n#calenDiv .dRgt {left:5px;}\n.dLft{right:10px;opacity:0.8; }\n.dRgt{left:10px;opacity:0.8;}\n.yearNavLft{right:15px; }\n.yearNavRgt{left:15px;opacity:0.6;}\n#calenDiv table.calDay {border-spacing:6px; margin-top:0}\n#calenDiv table.calDay td{ padding:3px 4px; font-size:11px}\n#calenDiv table.calDay th {padding: 0 3px;font-size: 11px;padding-right: 0;padding-left: 1px;color: #888;width: 22px;cursor: default;border-radius: 3px;text-align: center;font-weight: normal;}\n#calenDiv #weekDays{margin-top: 10px;margin-bottom: 5px;border-top: 1px solid #c0c6cc;border-bottom: 1px solid #c0c6cc;border-spacing: 5px;margin-left: 0;color: #8b9ab9;}\n#calenDiv .sCalMon {cursor: default;display: inline-block;color: #888;width: 110px;font-size: 12px;}\ntable.calDay td:hover{background-color:#e8e8e8;}\ntable.calDay{ color:#222; margin-left:-10px; border-spacing:12px;}\ntable.calDay td, table.calDay th{ font-size: var(--crm-extra-medium-font-size); cursor:default;border-radius:3px; text-align:center; padding:3px 5px; font-family: helvetica,sans-serif !important; }\ntable.calDay td.sel,table.calDay td.sel:hover{color:#fff; background:#b3b3b3; border-radius:3px;}\ntable.calDay td.noNum,table.calDay td.lt-gray{color:#c1c1c1;}\n.aligncenter {text-align: center;}\n#calBtns a, .lyteCalBtns .lyteCalCurrentDate a {color: var(--linkColor);font-size: 14px;text-decoration: none;}\n#calenDiv #calBtns {width: 183px;margin-left: 10px;border-top: 0;font-size: 11px;padding: 3px 0 12px!important;}\n.arrow {border: solid #666;border-width: 0 1px 1px 0;display: inline-block;height: 6px;width: 6px;}\n#calenDiv .right {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}\n#calenDiv .left {transform: rotate(135deg); -webkit-transform: rotate(135deg);}\n.mLMinus2{margin-left: -2px;}\n.mRMinus2{margin-right: -2px;}\n.vaM{vertical-align: middle;}\n.tempCalDiv{display: none;margin: 0;position: absolute;z-index: 1000;background-color: #fff; border: 1px solid #c0c6cc; -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.3);box-shadow: 0 2px 10px rgba(0,0,0,0.3); border-top: 0;top: 20px;}</style>\n\t<script>\n\t\tfunction privacyAlert4794410000000762179()\n\t\t{\n\t\t\tvar privacyTool = document.getElementById('privacyTool4794410000000762179');\n\t\t\tvar privacyErr = document.getElementById('privacyErr4794410000000762179');\n\t\t\tif(privacyTool !=undefined && !privacyTool.checked )\n\t\t\t{\n\t\t\t\tprivacyErr.style.visibility='visible';\n\t\t\t\tprivacyTool.ariaInvalid='true';\n\t\t\t\tprivacyTool.focus();\n\t\t\t\treturn false;\n\t\t\t}\n\t\t\treturn true;\n\t\t}\n\t\tfunction disableErr4794410000000762179()\n\t\t{\n\t\t\tvar privacyTool = document.getElementById('privacyTool4794410000000762179');\n\t\t\tvar privacyErr = document.getElementById('privacyErr4794410000000762179');\n\t\t\tif(privacyTool !=undefined && privacyTool.checked && privacyErr !=undefined )\n\t\t\t{\n\t\t\t\tprivacyErr.style.visibility='hidden';\n\t\t\t\tprivacyTool.ariaInvalid='false';\n\t\t\t}\n\t\t}\n\n\t /* Do not remove this code. */\n\tfunction reloadImg4794410000000762179() {\n\t\tvar captcha = document.getElementById('imgid4794410000000762179');\n\t\tif(captcha.src.indexOf('&d') !== -1 ) {\n\t\t\tcaptcha.src = captcha.src.substring(0, captcha.src.indexOf('&d'))+'&d'+new Date().getTime();\n\t\t}else{\n\t\t\tcaptcha.src = captcha.src+'&d'+new Date().getTime();\n\t\t}\n\t}\n\tfunction historyBack4794410000000762179(){\n\t\tdocument.querySelector('.crmWebToEntityForm .formsubmit').removeAttribute('disabled');\n\t\treloadImg4794410000000762179();\n\t\twindow.removeEventListener('focus', historyBack4794410000000762179);\n\t}\n\tfunction validateEmail4794410000000762179()\n\t{\n\t\tvar form = document.forms['WebToLeads4794410000000762179'];\n\t\tvar emailFld = form.querySelectorAll('[ftype=email]');\n\t\tvar i;\n\t\tfor (i = 0; i < emailFld.length; i++)\n\t\t{\n\t\t\tvar emailVal = emailFld[i].value;\n\t\t\tif((emailVal.replace(/^\\s+|\\s+$/g, '')).length!=0 )\n\t\t\t{\n\t\t\t\tvar atpos=emailVal.indexOf('@');\n\t\t\t\tvar dotpos=emailVal.lastIndexOf('.');\n\t\t\t\tif (atpos<1 || dotpos<atpos+2 || dotpos+2>=emailVal.length)\n\t\t\t\t{\n\t\t\t\t\talert('Please enter a valid email address. ');\n\t\t\t\t\temailFld[i].focus();\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn true;\n\t}\n\tfunction validateDateFormat4794410000000762179()\n\t{\n\t\tvar form = document.forms['WebToLeads4794410000000762179'];\n\t\tvar dateFlds = form.querySelectorAll('[ftype=date]');\n\t\tvar i;\n\t\tfor (i = 0; i < dateFlds.length; i++)\n\t\t{\n\t\t\tvar dateFld = dateFlds[i];\n\t\t\tvar usrPtrn = dateFld.placeholder;\n\t\t\tvar dateVal = dateFld.value;\n\t\t\tif(dateVal.trim() != ''){\n\t\t\t\tvar vald = dateFormatConvert.validate(dateVal,usrPtrn);\n\t\t\t\tif(!vald){\n\t\t\t\t\talert('Please enter a valid date ');\n\t\t\t\t\tdateFld.focus();\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn true;\n\t}\n\n\tfunction checkMandatory4794410000000762179() {\n\t\tvar mndFileds = new Array('Company','Last Name','Email');\n\t\tvar fldLangVal = new Array('Company','Last\\x20Name','Email');\n\t\tfor(i=0;i<mndFileds.length;i++) {\n\t\t var fieldObj=document.forms['WebToLeads4794410000000762179'][mndFileds[i]];\n\t\t if(fieldObj) {\n\t\t\tif (((fieldObj.value).replace(/^\\s+|\\s+$/g, '')).length==0) {\n\t\t\t if(fieldObj.type =='file')\n\t\t\t\t{ \n\t\t\t\t alert('Please select a file to upload.'); \n\t\t\t\t fieldObj.focus(); \n\t\t\t\t return false;\n\t\t\t\t} \n\t\t\talert(fldLangVal[i] +' cannot be empty.'); \n \t \t \t fieldObj.focus();\n \t \t \t return false;\n\t\t\t} else if(fieldObj.nodeName=='SELECT') {\n \t \t \t if(fieldObj.options[fieldObj.selectedIndex].value=='-None-') {\n\t\t\t\talert(fldLangVal[i] +' cannot be none.'); \n\t\t\t\tfieldObj.focus();\n\t\t\t\treturn false;\n\t\t\t }\n\t\t\t} else if(fieldObj.type =='checkbox'){\n \t \t \t if(fieldObj.checked == false){\n\t\t\t\talert('Please accept '+fldLangVal[i]);\n\t\t\t\tfieldObj.focus();\n\t\t\t\treturn false;\n\t\t\t } \n\t\t\t } \n\t\t\t try {\n\t\t\t if(fieldObj.name == 'Last Name') {\n\t\t\t\tname = fieldObj.value;\n \t \t \t }\n\t\t\t} catch (e) {}\n\t\t }\n\t\t}\n\t\tif(!validateFileUpload4794410000000762179()){return false;}\n\n\t\ttrackVisitor4794410000000762179();\n\t\tif(!validateEmail4794410000000762179()){return false;}\n\t\t\n\t\tif(!privacyAlert4794410000000762179()){return false;}\n\t\t\n\t\tif(!validateDateFormat4794410000000762179()){return false;}\n\t\t\n\tvar urlparams = new URLSearchParams( window.location.search);\n\tif(urlparams.has('service') && (urlparams.get('service')==='smarturl')){\n\t\tvar webform = document.getElementById('webform4794410000000762179');\n\t\t var service = urlparams.get('service'); \n\t\tvar smarturlfield = document.createElement('input');\n\t\tsmarturlfield.setAttribute('type','hidden');\n\t\tsmarturlfield.setAttribute('value',service);\n\t\tsmarturlfield.setAttribute('name','service');\n\t\twebform.appendChild(smarturlfield); \n\t}\n\n\t\tdocument.querySelector('.crmWebToEntityForm .formsubmit').setAttribute('disabled', true);\n\t\twindow.addEventListener('focus', historyBack4794410000000762179);\n\t}\n\n\tfunction validateFileUpload4794410000000762179(){\n\t\t var uploadedFiles = document.getElementById('theFile4794410000000762179'); \n\t\t var totalFileSize =0; \n\t\t if(uploadedFiles.files.length >3){ \n\t\t\t alert('You can upload a maximum of three files at a time.'); \n\t\t\t return false; \n\t\t } \n\t\t if ('files' in uploadedFiles) { \n\t\t\t if (uploadedFiles.files.length != 0) { \n\t\t\t\t for (var i = 0; i < uploadedFiles.files.length; i++) { \n\t\t\t\t\t var file = uploadedFiles.files[i]; \n\t\t\t\t\t if ('size' in file) { \n\t\t\t\t\t\t totalFileSize = totalFileSize + file.size; \n\t\t\t\t\t } \n\t\t\t\t } \n\t\t\t\t if(totalFileSize > 20971520){ \n\t\t\t\t\t alert('Total file(s) size should not exceed 20MB.'); \n\t\t\t\t\t return false; \n\t\t\t\t } \n\t\t\t } \n\t\t } \n\t\t return true; \n\t }\nfunction tooltipShow4794410000000762179(el){\n\tvar tooltip = el.nextElementSibling;\n\tvar tooltipDisplay = tooltip.style.display;\n\tif(tooltipDisplay == 'none'){\n\t\tvar allTooltip = document.getElementsByClassName('zcwf_tooltip_over');\n\t\tfor(i=0; i<allTooltip.length; i++){\n\t\t\tallTooltip[i].style.display='none';\n\t\t}\n\t\ttooltip.style.display = 'block';\n\t}else{\n\t\ttooltip.style.display='none';\n\t}\n}\n</script><script type='text/javascript' id='VisitorTracking'>var $zoho= $zoho || {salesiq:{values:{},ready:function(){}}};var d=document;s=d.createElement('script');s.type='text/javascript';s.defer=true;s.src='https://salesiq.zoho.com/newportalweb/float.ls?embedname=newportalweb';t=d.getElementsByTagName('script')[0];t.parentNode.insertBefore(s,t);function trackVisitor4794410000000762179(){try{if($zoho){var LDTuvidObj = document.forms['WebToLeads4794410000000762179']['LDTuvid'];if(LDTuvidObj){LDTuvidObj.value = $zoho.salesiq.visitor.uniqueid();}var firstnameObj = document.forms['WebToLeads4794410000000762179']['First Name'];if(firstnameObj){name = firstnameObj.value +' '+name;}$zoho.salesiq.visitor.name(name);var emailObj = document.forms['WebToLeads4794410000000762179']['Email'];if(emailObj){email = emailObj.value;$zoho.salesiq.visitor.email(email);}}} catch(e){}}</script>\n\t<!-- Do not remove this --- Analytics Tracking code starts --><script id='wf_anal' src='https://crm.zoho.com/crm/WebFormAnalyticsServeServlet?rid=c1a490c9c69cffec69681055ec00f149254755e47558dfc70fc5f7ed0cfedf7fed2386cb8fe210343c949557f2bd53f0gid6f85e8fbc0d504b2e1d6258deffea2e1261b58580b087776437961cc2090274dgidb2d775b26389d73c2c409a021818590235097cf3303e5a575c91a078a6a2624dgidb158585f247e70f3a11c071d3e9124787060cb9a8ea67c3da48303e770c0025b&tw=77149bf364742576cdc1ef9bfc66da95a1ee3afec8b687075ae7463a2df926bb'></script><!-- Do not remove this --- Analytics Tracking code ends. --></form>\n <!-- Do not remove this code. -->\n <iframe name='captchaFrame' style='display:none;'></iframe>\n</div>",
"iframe_code": "<script>function wfa_pstMesgFrmFom (evt){if(evt.origin === 'https://crm.zoho.com'){var loc_obj=JSON.stringify({ origin:window.location.origin, pathname:window.location.pathname, search:window.location.search, hash:window.location.hash}); evt.source.postMessage(('prnt_wnd_pg_lc_rc_frm_prwindow_'+loc_obj), evt.origin);}}window.addEventListener('message', wfa_pstMesgFrmFom, false);</script>\n\n<iframe width='610px' height='760px' src='https://crm.zoho.com/crm/WebFormServeServlet?rid=15f33f4a408175'></iframe>"
}
]
}Possible Errors
- INVALID_DATAHTTP 400
The given module is invalid.
Resolution: Specify a valid module API name. - INVALID_DATAHTTP 400
The id given seems to be invalid.
Resolution: Specify a valid webform ID. - REQUIRED_PARAM_MISSINGHTTP 400
Required parameter is missing.
Resolution: Ensure the module parameter is provided. - OAUTH_SCOPE_MISMATCHHTTP 401
Unauthorized access.
Resolution: Generate a new access token with the required scope. - NO_PERMISSIONHTTP 403
Permission denied.
Resolution: Ensure the user has required webform permissions.
Sample Response (Portal form)
Copied{
"webforms": [
{
"code_formats": [
"form_url",
"link",
"qr_code"
],
"form_url": "https://crm.zoho.co.in/crm/WebFormServeServlet?rid=3c02f4c025d24376065a91e752d780017b5908fc527679281ff2a4f7ba1d3ec957bcc3e38b44e3b4c5000a093bb1be84gid2e8f90e9e55ed193b49f6c5de5cd8d87857e60e12ed646405220842da3c2739e",
"module": {
"api_name": "Contacts",
"id": "4794410000000000129"
},
"name": "newportalwebfor",
"active": true,
"id": "4794410000000765193",
"smart_url": "https://crm-forms1.tu.com/EemzN",
"type": "portalform",
"source_code": "<!-- Note :\n - You can modify the font style and form style to suit your website. \n - 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. \n - The Mandatory check script can modified as to suit your business needs. \n - It is important that you test the modified form before going live.\n - Do not remove captcha and other form elements that are necessary for the form to work. -->\n<div id='crmWebToEntityForm' class='zcwf_lblLeft main crmWebToEntityForm' style='background-color: white;color: black;max-width: 600px;'>\n <meta name='viewport' content='width=device-width, initial-scale=1.0'>\n <META HTTP-EQUIV ='content-type' CONTENT='text/html;charset=UTF-8'>\n \n <input type='text' style='display:none;' name='c_Zm9ybVR5cGU=' value='4667b0ab4e2c537cd3385336ac1f0e0feeb56dc5c3f889fb086658e31fe3944e'></input>\n <input type='text' style='display:none;' name='c_dXNlclR5cGVJZA==' value='5db926053ad19c279b7392da168b567b328be3a6ff11f1f7b2fc3b14dd621104b406338bac2333574f4acf34bc2d1153'></input><form id='signupform' name=signupform method='POST' onSubmit='javascript:document.charset=\"UTF-8\"'>\n <input type='text' style='display:none;' name='c_xnQsjsdp' value='fe72ca7d661e03c8507a33b74f9158c6cc784228e79ff48a76904c4bedc5a77a'></input> \n <input type='hidden' name='c_zc_gad' id='zc_gad' value=''></input>\n <input type='text' style='display:none;' name='c_xmIwtLD' value='90426b26fc840f221ad7c481e3793877670bfc4c781dc54cf82d9d74d82dbf5972f468def0bbc948d3b0069874c16405'></input> \n <input type='text' style='display:none;' name='c_actionType' value='Q29udGFjdHM='></input>\n <input type='text' style='display:none;' name='c_returnURL' value='https://crm.zoho.co.in/portal/mm/crm/Index.do?type=activation' > </input>\n\t <!-- Do not remove this code. -->\n<style>\nhtml,body{\n\tmargin: 0px;\n}\n\n.formsubmit.zcwf_button{\n\tcolor: white !important;\n\tbackground: transparent linear-gradient(0deg, #0279FF 0%, #00A3F3 100%);\n}\n#crmWebToEntityForm.zcwf_lblLeft {\n\twidth:100%;\n\tpadding: 25px;\n\tmargin: 0 auto;\n\tbox-sizing: border-box;\n}\n#crmWebToEntityForm.zcwf_lblLeft * {\n\tbox-sizing: border-box;\n}\n#crmWebToEntityForm{text-align: left;}\n#crmWebToEntityForm * {\n\tdirection: ltr;\n}\n.zcwf_lblLeft .zcwf_title {\n\tword-wrap: break-word;\n\tpadding: 0px 6px 10px;\n\tfont-weight: 600;\n\tfont-size: 22px;\n\tcolor: #444;\n\tfont-family: helvetica, sans-serif;\n}\n.zcwf_lblLeft.cpT_primaryBtn:hover{\n\tbackground: linear-gradient(#02acff 0,#006be4 100%) no-repeat padding-box !important;\n\tbox-shadow: 0 -2px 0 0 #0159b9 inset !important;\n\tborder: 0 !important;\n\tcolor: #fff !important;\n\toutline: 0 !important;\n}.cPT_input:focus{\n\t\tborder-color: #3c9df7!important;\n\t\tbox-shadow: 0 0 6px #8dc4ff;\n}.cPT_input{\n\tborder: 1px solid #c3c6ca;\n\twidth: 36px;\n\theight: 38px;\n\tborder-radius: 4px;\n\tpadding:3px;\n\tfont-size: 20px;\n\ttext-align: center;\n\tcolor: #555555;\n\tmargin-right: 2px;\n\toutline: none;\n}.zcwf_otp-input-ctn{\n\ttext-align: center;\n\tmargin: 0px;}.zcwf_otp_wrapper{\n\tbox-shadow: 0px 0px 8px 2px #e4e7eb;\n\twidth: 100%;\n\tpadding: 40px 50px; \n\tbox-sizing: border-box; \n\tbackground: #fff;\n\tline-height: 1.6;\n\tborder-radius: 10px;\n}.zcwf_head{\n\tpadding-bottom: 5px;\n\tmargin: 0px;\n\tfont-size: 24px;\n\ttext-align: center;\n\tfont-weight: 400;\n\tcolor: #555555;\n}\n.zcwf_verifytxt{\n\tpadding-bottom: 20px;\n\tmargin: 0px;\n\tfont-size: 15px;\n\tcolor: #4e5563;\n\tword-break: break-all;\n}\n.zcwf_otplink{\n\tcolor: #3f86d4;\n\ttext-decoration:none;\n\tdisplay: inline-block;\n}\n.zcwf_verifybtn{\n\tcolor: #fff;\n\tborder-radius: 6px;\n\tfont-family: LatoMedium,sans-serif;\n\tbox-sizing: border-box;\n\tpadding: 7px 20px 8px;\n\tbox-shadow: 0 -2px 0 0 #0061ca inset;\n\tbackground-image: linear-gradient(to top,#0279ff,#00a3f3);\n\tfont-size: 15px;\n\tposition: relative;\n\tborder: 0;\n\toutline: 0;\n\tcursor: pointer;\n\ttext-align: center;\n}\n.zcwf_verifybtn:hover{\n\tbox-shadow: 0 -2px 0 0 #0159b9 inset;\n\tbackground: transparent linear-gradient(#02ACFF 0, #006BE4 100%) 0 0 no-repeat padding-box;\n\tcolor: #fff;\n\tborder: 0px;\n\t}\n.zcwf_acWrapper{\n\tbox-shadow: 0px 3px 6px 0px rgb(0 0 0 / 5%);\n\twidth: 100%;\n\tpadding: 40px 50px;\n\tbox-sizing: border-box;\n\tbackground: #fff;\n\tline-height: 1.6;\n\tborder-radius: 10px;\n\t}.zcwf_otpfooter{\n\ttext-align: center;\n\tpadding-top: 15px;\n}\n.resend_timer {\n\tcolor: #858585;\n\ttext-decoration:none;\n\tfont-size: 14px;\n\toutline: none;\n}.zcwf_lblLeft .zcwf_col_fld input[type=text], input[type=password], .zcwf_lblLeft .zcwf_col_fld textarea {\n\twidth: 60%;\n\tborder: 1px solid #c0c6cc !important;\n\tresize: vertical;\n\tborder-radius: 2px;\n\tfloat: left;\n}\n.zcwf_lblLeft .zcwf_col_lab {\n\twidth: 30%;\n\tword-break: break-word;\n\tpadding: 0px 6px 0px;\n\tmargin-right: 10px;\n\tmargin-top: 5px;\n\tfloat: left;\n\tmin-height: 1px;\n}\n.zcwf_lblLeft .zcwf_col_fld {\n\tfloat: left;\n\twidth: 68%;\n\tpadding: 0px 6px 0px;\n\tposition: relative;\n\tmargin-top: 5px;\n}\n.zcwf_lblLeft .zcwf_privacy{padding: 6px;}\n.zcwf_lblLeft .wfrm_fld_dpNn{display: none;}\n.dIB{display: inline-block;}\n.zcwf_lblLeft .zcwf_col_fld_slt {\n\twidth: 60%;\n\tborder: 1px solid #ccc;\n\tbackground: #fff;\n\tborder-radius: 4px;\n\tfont-size: 12px;\n\tfloat: left;\n\tresize: vertical;\n\tpadding: 2px 5px;\n}\n.zcwf_lblLeft .zcwf_row:after, .zcwf_lblLeft .zcwf_col_fld:after {\n\tcontent: '';\n\tdisplay: table;\n\tclear: both;\n}\n.zcwf_lblLeft .zcwf_col_help {\n\tfloat: left;\n\tmargin-left: 7px;\n\tfont-size: 12px;\n\tmax-width: 35%;\n\tword-break: break-word;\n}\n.zcwf_lblLeft .zcwf_help_icon {\n\tcursor: pointer;\n\twidth: 16px;\n\theight: 16px;\n\tdisplay: inline-block;\n\tbackground: #fff;\n\tborder: 1px solid #c0c6cc;\n\tcolor: #c1c1c1;\n\ttext-align: center;\n\tfont-size: 11px;\n\tline-height: 16px;\n\tfont-weight: bold;\n\tborder-radius: 50%;\n}\n.zcwf_lblLeft .zcwf_row {margin: 15px 0px;}\n.zcwf_lblLeft .formsubmit {\n\tmargin-right: 5px;\n\tcursor: pointer;\n\tcolor: #313949;\n\tfont-size: 12px;\n}\n.zcwf_lblLeft .zcwf_privacy_txt {\n\twidth: 90%;\n\tcolor: rgb(0, 0, 0);\n\tfont-size: 12px;\n\tfont-family: Arial;\n\tdisplay: inline-block;\n\tvertical-align: top;\n\tcolor: #313949;\n\tpadding-top: 2px;\n\tmargin-left: 6px;\n}\n.zcwf_lblLeft .zcwf_button {\n\tfont-size: 12px;\n\tcolor: #313949; \n\tborder: 1px solid #c0c6cc;\n\tpadding: 3px 9px;\n\tborder-radius: 4px;\n\tcursor: pointer;\n\tmax-width: 120px;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n}\n.zcwf_lblLeft .zcwf_tooltip_over{\n\tposition: relative;\n}\n.zcwf_lblLeft .zcwf_tooltip_ctn{\n\tposition: absolute;\n\tbackground: #dedede;\n\tpadding: 3px 6px;\n\ttop: 3px;\n\tborder-radius: 4px;word-break: break-word;\n\tmin-width: 100px;\n\tmax-width: 150px;\n\tcolor: #313949;\n\tz-index: 100;\n}\n.zcwf_lblLeft .zcwf_ckbox{\n\tfloat: left;\n}\n.zcwf_lblLeft .zcwf_file{\n\twidth: 55%;\n\tbox-sizing: border-box;\n\tfloat: left;\n}\n.cBoth:after{\n\tcontent:'';\n\tdisplay: block;\n\tclear: both;\n}\n.zcwf_lblLeft .error, .jqval-error, .pwderror{\n\tcolor: #E92B2B;\n\tfont-size: 14px;\n\tmargin-top: 20px;\n\t display: block; \n}\n.field-msg {position: absolute;\n\ttop: inherit;\nbottom: -17px;}.zcwf_policyCont{\n\t display: flex;\n\tjustify-content: flex-end;\n\tflex-direction: row-reverse;\n\t width: 100%;}.field-error{\n\tmargin-bottom: 15px;\n}.field-msg .error{\n\tmargin-top: 2px;\n\twhite-space: nowrap;\n}.za-otp-container .field-msg{\n\tposition: static;\n\ttop: auto;\n}.zcwf_lblLeft .zcwf_eye{\n\twidth: 11px;\n\theight: 11px;\n\tborder: solid 1px #333;\n\tborder-radius: 10px 2px;\n\tposition: absolute;\n\tdisplay: inline-block;\n\tvertical-align: middle;\n\ttransform: rotate(45deg);\n\topacity: 0.8;\n\tright: 5px;\n\ttop: 4px; \ncursor: pointer;\n}\n.zcwf_lblLeft .zcwf_eye:before{\n\tcontent: '';\n\tdisplay: block;\n\tposition: absolute;\n\twidth: 3px;\n\theight: 3px;\n\tborder: solid 1px #333;\n\tborder-radius: 50%;\n\tleft: 2px;\n\ttop: 2px;\n\tbackground: #333;\n}\n.zcwf_lblLeft .hiddenMode:before{\n\tcontent: '';\n\tdisplay: block;\n\tborder-left: 2px solid #333;\n\theight: 11px !important;\n\tposition: absolute;\n\twidth: 0px;\n\tleft: 3px;\n\ttop: -2px;\n}\n.zcwf_lblLeft .zcwf_password_div{\n\tposition: relative;\n\tdisplay:inline-block;\n\twidth: 60%;\n}\n.zcwf_lblLeft .zcwf_password_div input[type=text], input[type=password]{\n\twidth: 100% !important;\n\tpadding-right: 20px;\n}\n.za-otp-container{margin-bottom: 0px;}\n.za-otp-container .field-error{\n\ttext-align: center;\n\tmargin: 20px 0px 0px;\n}\n.zcwf_otp-input-ctn .field-msg{\n\tposition: absolute;\n}.zcwf_otp-input-ctn .error{\n\tmargin: 0px;\n}.zcwf_otp_table{\n\ttransform: translateY(50%);\n\twidth: 100%;\n\tbackground: #edf0f4; \n\tmargin: 0;\n\tfont-family: Helvetica, sans-serif, arial; \n\tcolor: #444444;\n\tfont-size: 16px;\n\tpadding: 20px 0;\n }.signupcontainer dd, .signupcontainer dl{margin: 0px;}\n.za-captcha{\n\tborder: 1px solid #ccc;\n}\n.za-refresh-captcha{\n\tdisplay: block;\n}\n.resend_timer {\n\tcolor: #3f86d4;\n}\n.resendotp{\n\tcolor: #3f86d4;\ncursor: pointer;}\n.resendotp span{\n\tcolor:#666;\n}\n.resendotp.nonclickelem {\n\tcolor: #858585;\n\tpointer-events:none;\n}.zcwf_lblLeft#crmWebToEntityForm #compLogo{\n\tborder: none;\n\tmin-height: auto;\n\ttext-align: left;\n}\n.pf_ctn{\n\tfont-family: helvetica, sans-serif;\n\tpadding-top: 5px;\n\tfont-size: 15px;\n}\n.pf_loaderWrap{\n\tbackground: rgba(239,246,255,0.8);\n\talign-items: center;\n\tjustify-content: center;\n\ttop: 0;\n\tbottom:28px;\n\tleft: 0;\n\tright: 0;\n\tz-index: 300;\n\tposition:fixed;\n\toverflow: auto;\n\tdisplay:none;\n}\n.pf_loaderCtn{\n\tborder: 1px solid #d9e0eb;\n\tpadding: 35px 25px;\n\tborder-radius: 6px;\n\ttext-align: center;\n\tcolor: #333;\n\tbackground: #fff;\n\tbox-shadow: 0px 4px 3px 0px #d9e0eb;\n}\n.zcwf_form_err{\n\t border: 1px solid #f84c4a;\n\tpadding: 7px 15px;\n\tborder-radius: 5px;\n\tbackground: #fff0f0;\n\talign-items: center;\n\tcolor: #f84c4a;\n\tdisplay: flex;\n\tfont-family: helvetica,sans-serif;\n\tdisplay: inline-flex;\n\t}\n.zcwf_disableIcon{\n\twidth: 16px;\n\theight: 16px;\n\tborder: 1px solid #f84c4a;\n\tmargin-right: 7px;\n\tborder-radius: 10px;\n\tdisplay: inline-flex;\n\tposition: relative;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\t}\n.zcwf_disableIcon::before {\n\tcontent: '';\n\tborder-left: 1px solid #f84c4a;\n\twidth: 1px;\n\theight: 16px;\n\tposition: absolute;\n\ttransform: rotate(140deg);\n\tbox-sizing: border-box;\n}\n\t.za_tos_checkbox{\n\talign-self: flex-start;\n\tmargin-right: 10px;\n}@media all and (max-width: 600px) {\n\t.zcwf_lblLeft .zcwf_col_lab, .zcwf_lblLeft .zcwf_col_fld {\n\t\twidth: auto;\n\t\tfloat: none !important;\n\t}\n\t.zcwf_lblLeft .zcwf_col_help {width: 40%;}\n}\n</style>\n\n<section class='signupcontainer'><div class='zcwf_title' style='max-width: 600px;color: black; font-family:Arial;'>newportalwebfor</div>\n<dl ><dd><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' aria-required='true' aria-label='c_Last_Name' name='c_Last_Name' aria-valuemax='80' maxlength='80'></input><div class='zcwf_col_help'></div></div></div></dd></dl>\n<dl class='za-email-container'><dd><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' autocomplete='false' id='Email' aria-required='true' aria-label='email' name='email' aria-valuemax='100' crmlabel='c_Email' maxlength='100'></input><div class='zcwf_col_help'></div></div></div></dd></dl>\n<dl class='za-password-container'><dd><div class='zcwf_row'><div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'><label for='Password'>Password<span style='color:red;'>*</span></label></div>\n\t <div class='zcwf_col_fld'><div class='zcwf_password_div'><div class='zcwf_eye hiddenMode' id='show-hide-password' onclick='showHidePassword()'></div><input type='password' id='password' name='password'/></div></div>\n\t\n\n\t </div>\n\t</dd></dl><dl class='za-repassword-container'><dd><div class='zcwf_row'><div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'><label for='Confirm Password'>Confirm Password<span style='color:red;'>*</span></label></div>\n\t <div class='zcwf_col_fld'><div class='zcwf_password_div'><input type='password' name='repassword'/></div>\n\t\n\n\t </div>\n\t</div>\n\t</dd></dl>\n\t <dl class='za-captcha-container'style='position:relative;'>\n\t\t<dd>\n\t\t\t<div class='zcwf_row'>\n\t\t\t\t<div class='zcwf_col_lab' style='font-size:12px; font-family: Arial;'>\n\t\t\t\t\t<label for='Captcha'>Enter the Captcha<span style='color:red;'>*</span></label>\n\t\t\t\t</div>\n\t\t\t\t<div class='zcwf_col_fld'><input type='text' name='captcha' maxlength='10' class='form-input' id='captchafield' autocomplete='off'> </div>\n\t\t\t</div>\n\t\t<div class='zcwf_row'>\n\t<div class='zcwf_col_lab'></div>\n\t<div class='zcwf_col_fld'>\n\n\t\t\t\t<div class='form-input' style='text-align:left'>\n\t\t\t\t<div class='captcha_container'>\n\t\t\t\t\t<img class='za-captcha'><input type='hidden' name='cdigest' value=''>\n\t\t\t\t\t<a class='za-refresh-captcha' href='javascript:;' onclick='changeHip(document.signupform)'>Reload</a></div>\n\t\t\t\t</div>\n</div>\n</div></dd>\n\t</dl><div class='zcwf_row'><div class='zcwf_col_lab'></div><div class='zcwf_col_fld'><input type='submit' id='formsubmit' role='button' class='formsubmit zcwf_button' value='Submit' aria-label='Submit' title='Submit'><input type='reset' class='zcwf_button' role='button' name='reset' value='Reset' aria-label='Reset' title='Reset'></div></div><div class='zcwf_row' id='form_sub_err' style='display:none;'><div class='zcwf_col_lab'></div><div class='zcwf_col_fld'><div class='zcwf_form_err'><span class='zcwf_disableIcon'></span><span>Form Submission Failed!</span></div></div></div></section><section class='signupotpcontainer' style='display:none'>\n<table class='zcwf_otp_table' cellpadding='0' cellspacing='0' border='0' width='100%'>\n \t<tr>\n <td>\n\n\t<table cellpadding='0' cellspacing='0' border='0' class='aligncenter' width='600' style='width: 525px;'>\n\t\t<!--tr>\n <td style='padding: 10px 15px;'>\n\t\t\t\t\n\t\t\t</td>\n </tr-->\n \n \t<tr>\n\t\t\t<td>\n\t\t\t\t<div class='zcwf_acWrapper'>\n \n <table cellpadding='0' cellspacing='0' border='0' width='100%' style='padding-bottom: 10px;'>\n <tr>\n <td class='aligncenter'>\n\n</td>\n</tr>\n</table>\n\n<p class='zcwf_head' data-zcqa='account_confirmation'>Account Confirmation</p>\n \n <p class='zcwf_verifytxt' data-zcqa='confirmation_text'>To verify your Signup, we have sent you an one-time password (OTP) to your email <b id='mobileotp'></b> \n <a href='#' class='zcwf_otplink' data-zcqa='change_email' onclick='gobacktosignup();changeBackground(\"#ffff\");'> Change Email</a></p>\n \n \n <p class='zcwf_otp-input-ctn'>\n <input type='text' class='cPT_input' data-zcqa='otp_box1' oninput='nextField(this);' maxlength='1'>\n <input type='text' class='cPT_input' data-zcqa='otp_box2' oninput='nextField(this);' maxlength='1'>\n <input type='text' class='cPT_input' data-zcqa='otp_box3' oninput='nextField(this);' maxlength='1'>\n<input type='text' class='cPT_input' oninput='nextField(this);' data-zcqa='otp_box4' maxlength='1'>\n<input type='text' class='cPT_input' data-zcqa='otp_box5' oninput='nextField(this);' maxlength='1'>\n <input type='text' data-zcqa='otp_box6' class='cPT_input' oninput='nextField(this);' maxlength='1'>\n \t\t <input type='text' class='cPT_input' data-zcqa='otp_box7' oninput='nextField(this);' maxlength='1'>\n \t</p>\n\t\t <dl class='za-otp-container'>\n\t\t\t\t\t\t<dd class='field-error'>\n\t\t\t\t\t\t\t<input type='hidden' class='form-input' name='otp' id='otpfield' placeholder='Enter OTP'><span onclick='removeResendClass(); resendOTP()' id='resendotp' data-zcqa='resendotp' class='resendotp resend_timer'>Resend OTP</span>\n\t\t\t\t\t\t</dd>\n\t\t\t\t\t</dl> <div class='zcwf_otpfooter'> \t<input type='button' value='Verify and Signup' onclick='populateOtpValue();' name='otpfield' data-zcqa='verifybtn' class='zcwf_verifybtn'/></div></div>\n </td>\n </tr>\n </table>\n </td>\n </tr>\n </table> \n </section>\n<div class='pf_loaderWrap' id='signup-loader'>\n<div class='pf_loaderCtn'>\n<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' class='lds-spin' width='76px' height='76px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid' style='background: none;'><g transform='translate(70,50)'>\n<g transform='rotate(0)'>\n<circle cx='0' cy='0' r='5' fill='#000000' fill-opacity='1' transform='scale(1 1)'>\n<animateTransform attributeName='transform' type='scale' begin='-0.875s' values='1 1;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'/>\n<animate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.875s'/>\n</circle>\n</g>\n</g><g transform='translate(64.14213562373095,64.14213562373095)'>\n<g transform='rotate(45)'>\n<circle cx='0' cy='0' r='5' fill='#000000' fill-opacity='0.875' transform='scale(1 1)'>\n<animateTransform attributeName='transform' type='scale' begin='-0.75s' values='1 1;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'/>\n<animate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.75s'/>\n</circle>\n</g>\n</g><g transform='translate(50,70)'><g transform='rotate(90)'>\n<circle cx='0' cy='0' r='5' fill='#000000' fill-opacity='0.75' transform='scale(1 1)'>\n<animateTransform attributeName='transform' type='scale' begin='-0.625s' values='1 1;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'/>\n<animate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.625s'/>\n</circle></g></g><g transform='translate(35.85786437626905,64.14213562373095)'>\n<g transform='rotate(135)'><circle cx='0' cy='0' r='5' fill='#000000' fill-opacity='0.625' transform='scale(1 1)'>\n<animateTransform attributeName='transform' type='scale' begin='-0.5s' values='1 1;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'/>\n<animate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.5s'/>\n</circle></g></g><g transform='translate(30,50)'><g transform='rotate(180)'>\n<circle cx='0' cy='0' r='5' fill='#000000' fill-opacity='0.5' transform='scale(1 1)'>\n<animateTransform attributeName='transform' type='scale' begin='-0.375s' values='1 1;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'/>\n<animate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.375s'/>\n</circle></g></g><g transform='translate(35.85786437626905,35.85786437626905)'><g transform='rotate(225)'>\n<circle cx='0' cy='0' r='5' fill='#000000' fill-opacity='0.375' transform='scale(1 1)'>\n<animateTransform attributeName='transform' type='scale' begin='-0.25s' values='1 1;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'/>\n<animate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.25s'/>\n</circle></g></g><g transform='translate(49.99999999999999,30)'><g transform='rotate(270)'>\n<circle cx='0' cy='0' r='5' fill='#000000' fill-opacity='0.25' transform='scale(1 1)'>\n<animateTransform attributeName='transform' type='scale' begin='-0.125s' values='1 1;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'/>\n<animate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='-0.125s'/>\n</circle></g></g><g transform='translate(64.14213562373095,35.85786437626905)'><g transform='rotate(315)'>\n<circle cx='0' cy='0' r='5' fill='#000000' fill-opacity='0.125' transform='scale(1 1)'>\n<animateTransform attributeName='transform' type='scale' begin='0s' values='1 1;1 1' keyTimes='0;1' dur='1s' repeatCount='indefinite'/>\n<animate attributeName='fill-opacity' keyTimes='0;1' dur='1s' repeatCount='indefinite' values='1;0' begin='0s'/></circle></g></g></svg><div class='pf_ctn' data-zcqa='verification_text'>Verification is in progress</div>\n</div>\n</div>\n\t<script>\nfunction tooltipShow4794410000000765193(el){\n\tvar tooltip = el.nextElementSibling;\n\tvar tooltipDisplay = tooltip.style.display;\n\tif(tooltipDisplay == 'none'){\n\t\tvar allTooltip = document.getElementsByClassName('zcwf_tooltip_over');\n\t\tfor(i=0; i<allTooltip.length; i++){\n\t\t\tallTooltip[i].style.display='none';\n\t\t}\n\t\ttooltip.style.display = 'block';\n\t}else{\n\t\ttooltip.style.display='none';\n\t}\n}\n</script>\n\t<!-- Do not remove this --- Analytics Tracking code starts --><script id='wf_anal' src='https://crm.zoho.co.in/crm/WebFormAnalyticsServeServlet?rid=b621b4407ce4c69328d490f4g'></script><!-- Do not remove this --- Analytics Tracking code ends. --></form>\n <!-- Do not remove this code. -->\n <iframe name='captchaFrame' style='display:none;'></iframe>\n</div>\n<script type='text/javascript'>\nfunction onSignupReady() {\n\n\t$.validator.addMethod('required', function(g, e) {\n\t\tif(e.value==='') {\n\t\t\treturn false;\n\t\t}\n\t\t return true\n\t});\n\t \n\t\t $('#signupform').zaSignUp({\n\t\t\tx_signup : {\t\t\t\t captcha_required : true\n\t\t\t},\n\t\t\tvalidator : {\n\t\t\t\trules : {\n\t\t\t\t\tc_Last_Name: {\n\t\t\t\t\t\trequired: true \n\t\t\t\t\t},\n\n\t\t\t\t},\n\t\t\t\tmessages: {\n\t\t\t\t\tc_Last_Name: {\n\t\t\t\t\t\trequired: 'Please enter the Last\\x20Name'\n\t\t\t\t\t},\n\t\t\t\t}\n\t\t\t},\n\t\tonsubmit : function() {return validateFormData();\n\t\t},\n\t\thandleSignuptracking: function(data) {\n\t\t\tvar csrf = \"\";\nvar cookieArray = document.cookie.split(\";\");\n for(var i=0;i<cookieArray.length;i++) {\n if(cookieArray[i].includes(\"crmcsr\")) {\n csrf = cookieArray[i].split(\"=\")[1]\t\t\n }\n}var formData = getAllFormInputJson();\n\t\t\tformData['form_data'][0]['enVpZA=='] = data.zuid;\n\t\t\t$.ajax({\n\t\t\t\t'type':'POST',\n\t\t\t\t'url':'client_portal.portaldomainurlcrm/v6/settings/portals/mm/actions/submit_form_data',\n\t\t\t\t'data':JSON.stringify(formData),\n\t\t\t\t 'headers': {\n\"X-ZCSRF-TOKEN\":\"crmcsrfparam=\"+csrf,\n \"X-CRMPORTAL\":'mm',\"X-CRM-ORG\":'114519212','X-ZOHO-SERVICE':'crm'\n},\n\t\t\t\t'async': false});},\n\toncomplete: function(state) {\n\t\tif(state==$.fn.zaSignUp.SIGNUP_STATE.ACCOUNT_CREATED) {\n\t\t\tshowLoader();\n\t\t}\n\t\tif(state==$.fn.zaSignUp.SIGNUP_STATE.OTP_ERROR) {\n\t\thideLoader();\n\t\t}\n\t\tif(state==$.fn.zaSignUp.SIGNUP_STATE.OTP_INITIATED) {\n\t\t\tvar otpElements = document.getElementsByClassName('cPT_input');\n\t\t\tfor(var i=0;i<otpElements.length;i++) {\n\t\t\t\totpElements[i].value = '';\n\t\t\t}\n\t\t\tchangeBackground(\"#edf0f4\");\n\t}\n\t\tif(state==$.fn.zaSignUp.SIGNUP_STATE.OTP_ERROR || state==$.fn.zaSignUp.SIGNUP_STATE.ERROR) {\n\t\t\tdocument.getElementsByName('otpfield')[0].disabled = false;\n\t\t}}\n\t\t});\n\t}\n\n\tfunction showHidePassword() {\n\t\tvar element = document.getElementById('password'); \n\t\tvar type = document.getElementById('password').type;\n\t\tif(type==='password') {\n\t\t\telement.type = 'text';\n\t\t\tdocument.getElementById('show-hide-password').classList.remove('hiddenMode');\n\t\t} else {\n\t\t\telement.type = 'password';\n\t\t\tdocument.getElementById('show-hide-password').classList.add('hiddenMode');\n\t\t}\n\t}function changeBackground(color) {\n\tdocument.body.style.backgroundColor = color;\n\tdocument.getElementById('crmWebToEntityForm').style.background = color;\t\n}function populateOtpValue() {\n\t\t\n\t\tshowLoader();\n\t\t\t\tdocument.getElementsByName('otpfield')[0].disabled = true;var otpInputList = document.getElementsByClassName('cPT_input');\n\t\tvar otpValue = \"\"\n\t\tfor(var i=0;i<otpInputList.length;i++) {\n\t\t\totpValue+=otpInputList[i].value;\n\t\t}\n\t\tdocument.getElementById('otpfield').value = otpValue;\n\tvar isValid = validateFormData();if(isValid===true) {validateOTP();}\n\t}function removeResendClass() {\n\t\tdocument.getElementById('resendotp').classList.remove('resend_timer');\n\t}function getAllFormInputJson() {\n\tvar inputs = document.querySelectorAll('input,select,textarea');\n\tvar paramsJson = {}, formData = {};\n\tfor(i=0;i<inputs.length;i++) {\n\t\t\t var fieldlabel = ''; \n\t\t\t if(inputs[i].name!==\"\" && !inputs[i].name.includes(\"password\")) {fieldlabel = inputs[i].getAttribute('crmlabel')!==null ? inputs[i].getAttribute('crmlabel') : inputs[i].name;\nif(fieldlabel.startsWith(\"c_\")) {\nfieldlabel = fieldlabel.replace(/c_/i,\"\");\n\n}\n\n\t\t\t\t\tif(inputs[i].tagName==='SELECT') {\n\t\t\t\t\tvar selected = ''\n\t\t\t\t\tfor (var option of inputs[i].options){\n\t\t\t\t\tif (option.selected) {\n\t\t\t\t\tselected += option.value+';';}}\n\t\t\t\t\tselected = selected.replace(/;([^;]*)$/, '$1')\n\t\t\t\t\tparamsJson[fieldlabel] = selected\n\t\t\t\t\t} else if(inputs[i].type==='checkbox' && inputs[i].checked==false){paramsJson[fieldlabel] = '';} else {\n\t\t\t\t\tparamsJson[fieldlabel] = inputs[i].value}}}\n\t\treturn {'form_data':[paramsJson]}\t}\n\t\tfunction nextField(current){\n\t\t\tif(current.value!==undefined && current.value.trim()!=='') {\n\t\t\tcurrent.nextElementSibling.focus();\t\n\t\t\t}}function showLoader() {document.getElementById('signup-loader').style.display = 'flex';}function hideLoader() {document.getElementById('signup-loader').style.display = 'none';}\n\tfunction handlePaste (e) {\n\t\tvar clipboardData, pastedData;\n\t\te.stopPropagation();\n\t\te.preventDefault();\n\t\tclipboardData = e.clipboardData || window.clipboardData;\n\t\tpastedData = clipboardData.getData('Text');\n\t\tfor(var i=0;i<otpArr.length;i++) {\n\t\t otpArr[i].value = pastedData.substr(i,1);\n\t\t}\n\t\tvar focusIdx = pastedData.length>=7 ? 6 : pastedData.length\n\t\totpArr[focusIdx].focus();\n\t}\n\tfunction handlekeyPress(e) {\n\t\tif(e.keyCode == '8'|| e.keyCode == '46'){\n\t\te.preventDefault();\n\t\tthis.value=\"\";\n\t\tthis.previousElementSibling.focus()}}function validateFormData() {\n\t\t\tvar valid = true, errorMsg = {};\n\t\t\tvar formData = getAllFormInputJson();\n\t\t\tvar formErrorDom = document.getElementById('form_sub_err');\n\t\t\tif(formErrorDom.style.display=='block') {\n\t\t\t\tformErrorDom.style.display = 'none';\n\t\t\t}\n\t\t\t$.ajax({\n\t\t\t\t'type'\t\t:\t'POST',\n\t\t\t\t'url'\t\t:'client_portal.portaldomainurlcrm/v6/settings/portals/mm/actions/validate_form_data',\n\t\t\t\t'dataType' : 'json',\n\t\t\t\t'async':false,\n\t\t\t\t\"data\"\t\t:\tJSON.stringify(formData), \n\t\t\t\t 'headers': {'X-CRM-ORG':'114519212','X-ZOHO-SERVICE':'crm'}, \n\t\t\t\t'error':function(resp){valid = false;\n\t\t\t\t if(resp.responseJSON.code==='FEATURE_NOT_ENABLED' || resp.responseJSON.code==='CANNOT_PROCESS' || resp.responseJSON.code==='WAITING_STATE_LIMIT_EXCEEDED') { \n\t\t\t\t var portalStatus = resp.responseJSON.code==='CANNOT_PROCESS' ? 'portalFormAvailable' : 'portalFormStatus'; \n\t\t\t\twindow.location.replace(window.location.origin+\"/portal/mm/crm/PortalErrorPage.sas?\"+portalStatus+\"=false&rid=90426b26fc840f221ad7c481e3793877670bfc4c781dc54cf82d9d74d82dbf5972f468def0bbc948d3b0069874c16405gidfe72ca7d661e03c8507a33b74f9158c6cc784228e79ff48a76904c4bedc5a77a\");\n\t\t\t\t}\n\t\t\t\telse if(resp.responseJSON.code==='MANDATORY_NOT_FOUND') {\n\t\t\t\t\tdocument.getElementById('form_sub_err').style.display = 'block';}\n\t\t\t\t else {\n\t\t\t\tvar errorArr = [];\n\t\t\t\terrorArr = resp.responseJSON.details.errors;\n\t\t\t\tfor(var i=0;i<errorArr.length;i++) {\n\t\t\t\tvar fieldlabel = errorArr[i].details.api_name;\n\t\t\t\tif(!fieldlabel.includes('email')) {\n\t\t\t\tfieldlabel = 'x_'+fieldlabel;\n\t\t\t\terrorMsg[fieldlabel] = errorArr[i].message;\n\t\t\t\t} else {\n\t\t\t\tForm.Message.error(\"email\", errorArr[i].message);\n\t\t\t\terrorArr.splice(i,i+1);\n\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t\tif (!$.isEmptyObject(errorMsg)) {\n\t\t\t\tthis.showErrors(errorMsg);}\n\t\t\treturn valid;}\nvar otpArr = document.getElementsByClassName('cPT_input');\nfor(var i=0;i<otpArr.length;i++) {\n\t otpArr[i].addEventListener('paste', handlePaste);\n\totpArr[i].addEventListener('keydown', handlekeyPress);}</script>\n<script src='client_portal.portaldomainurlaccounts/p/1039310218/register/script?mode=21&servicename=ZohoCRM&serviceurl=https://mm.crm.co.in/portal/mm/crm/Index.do?type=activation'></script>\n"
}
]
}