<!– 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/WebToContactForm’ name=WebToContacts2899152000007703036 method=’POST’ onSubmit=’javascript:document.charset=”UTF-8″; return checkMandatory2899152000007703036()’ accept-charset=’UTF-8′>
<input type=’text’ style=’display:none;’ name=’xnQsjsdp’ value=’ce00cd232417c5921aa12cd9082920c1f1e484b416670261527dbde71af77249′></input>
<input type=’hidden’ name=’zc_gad’ id=’zc_gad’ value=”></input>
<input type=’text’ style=’display:none;’ name=’xmIwtLD’ value=’ffc682d5707ab84979dc16f5ffe77c690f557e69b68350350a69e74cb91de3fd’></input>
<input type=’text’ style=’display:none;’ name=’actionType’ value=’Q29udGFjdHM=’></input>
<input type=’text’ style=’display:none;’ name=’returnURL’ value=’https://www.harmonhayofi.com/zohocrm/’ > </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;
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;
}
.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 {
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: 50px;
max-width: 150px;
color: #333;
}
.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;’>Client info</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=’Mobile’>Mobile<span style=’color:red;’>*</span></label></div><div class=’zcwf_col_fld’><input type=’text’ id=’Mobile’ name=’Mobile’ 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=’Lead_Source’>Lead Source<span style=’color:red;’>*</span></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=’פייסבוק’>פייסבוק</option>
<option value=’אינסטגרם’>אינסטגרם</option>
<option value=’עיתונות’>עיתונות</option>
<option value=’חנות מקוונת’>חנות מקוונת</option>
<option value=’חבר מביא חבר’>חבר מביא חבר</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 checkMandatory2899152000007703036() {
var mndFileds = new Array(‘Lead Source’,’First Name’,’Last Name’,’Mobile’);
var fldLangVal = new Array(‘Lead Source’,’First Name’,’Last Name’,’Mobile’);
for(i=0;i<mndFileds.length;i++) {
var fieldObj=document.forms[‘WebToContacts2899152000007703036’][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) {}
}
}document.querySelector(‘.crmWebToEntityForm .formsubmit’).setAttribute(‘disabled’, true);
}
function tooltipShow2899152000007703036(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>
<!– Do not remove this — Analytics Tracking code starts –><script id=’wf_anal’ src=’https://crm.zohopublic.com/crm/WebFormAnalyticsServeServlet?rid=ffc682d5707ab84979dc16f5ffe77c690f557e69b68350350a69e74cb91de3fdgidce00cd232417c5921aa12cd9082920c1f1e484b416670261527dbde71af77249gid5cf99212d7958dbcd176c761c6ce0a4d7e43e277bdc5d8b9c12010015418942cgid14f4ec16431e0686150daa43f3210513′></script><!– Do not remove this — Analytics Tracking code ends. –></form>
</div>
