Zoho CRM web form integration in Adobe Muse
hi everyone,
i'm trying integrate web form comes zoho crm inside muse's page doesn't work: mean browser doesn't display form bunch of text without input fields. form works fine if build html page. i'm looking idea....
this code:
<!-- note :
- can modify font style , form style suit website.
- code lines comments “do not remove code” required form work properly, make sure not remove these lines of code.
- mandatory check script can modified suit business needs.
- important test modified form before going live.-->
<div id='crmwebtoentityform' style='width:600px;margin:auto;'>
<meta http-equiv ='content-type' content='text/html;charset=utf-8'>
<form action='https://crm.zoho.com/crm/webtoleadform' name=webtoleads20 method='post' onsubmit='javascript:document.charset="utf-8"; return checkmandatory()' accept-charset='utf-8'>
<!-- not remove code. -->
<input type='text' style='display:none;' name='xnqsjsdp' value='79ac'/>
<input type='hidden' name='zc_gad' id='zc_gad' value=''/>
<input type='text' style='display:none;' name='xmiwtld' value='8833'/>
<input type='text' style='display:none;' name='actiontype' value='m='/>
<input type='text' style='display:none;' name='returnurl' value='http://contact.html' />
<!-- not remove code. -->
<style>
tr , td {
padding:6px;
border-spacing:0px;
border-width:0px;
}
</style>
<table style='width:600px;background-color:white;color:black'>
<tr><td colspan='2' style='text-align:left;color:black;font-family:times new roman;font-size:14px;'><strong>contact form</strong></td></tr>
<tr><td style='nowrap:nowrap;text-align:left;font-size:12px;font-family:times new roman;width:200px;'>company<span style='color:red;'>*</span></td><td style='width:250px;' ><input type='text' style='width:250px;' maxlength='100' name='company' /></td></tr>
<tr><td style='nowrap:nowrap;text-align:left;font-size:12px;font-family:times new roman;width:200px;'>first name<span style='color:red;'>*</span></td><td style='width:250px;' ><input type='text' style='width:250px;' maxlength='40' name='first name' /></td></tr>
<tr><td style='nowrap:nowrap;text-align:left;font-size:12px;font-family:times new roman;width:200px;'>last name<span style='color:red;'>*</span></td><td style='width:250px;' ><input type='text' style='width:250px;' maxlength='80' name='last name' /></td></tr>
<tr><td style='nowrap:nowrap;text-align:left;font-size:12px;font-family:times new roman;width:200px;'>email<span style='color:red;'>*</span></td><td style='width:250px;' ><input type='text' style='width:250px;' maxlength='100' name='email' /></td></tr>
<tr><td style='nowrap:nowrap;text-align:left;font-size:12px;font-family:times new roman;width:200px;'>city<span style='color:red;'>*</span></td><td style='width:250px;' ><input type='text' style='width:250px;' maxlength='30' name='city' /></td></tr>
<tr><td style='nowrap:nowrap;text-align:left;font-size:12px;font-family:times new roman;width:200px;'>state<span style='color:red;'>*</span></td><td style='width:250px;' ><input type='text' style='width:250px;' maxlength='30' name='state' /></td></tr>
<tr><td style='nowrap:nowrap;text-align:left;font-size:12px;font-family:times new roman;width:200px;'>country<span style='color:red;'>*</span></td><td style='width:250px;' ><input type='text' style='width:250px;' maxlength='30' name='country' /></td></tr>
<tr><td style='nowrap:nowrap;text-align:left;font-size:12px;font-family:times new roman;width:200px;'>request<span style='color:red;'>*</span> </td><td> <textarea name='description' maxlength='1000' style='width:250px;'> </textarea></td></tr>
<tr><td colspan='2' style='text-align:center; padding-top:15px;'>
<input style='font-size:12px;color:#131307' type='submit' value='submit' />
<input type='reset' style='font-size:12px;color:#131307' value='reset' />
</td>
</tr>
</table>
<script>
var mndfileds=new array('company','first name','last name','email','city','state','country','description');
var fldlangval=new array('company','first name','last name','email','city','state','country','request');
var name='';
var email='';
function checkmandatory() {
for(i=0;i<mndfileds.length;i++) {
var fieldobj=document.forms['webtoleads20'][mndfileds[i]];
if(fieldobj) {
if (((fieldobj.value).replace(/^\s+|\s+$/g, '')).length==0) {
if(fieldobj.type =='file')
{
alert('please select file upload.');
fieldobj.focus();
return false;
}
alert(fldlangval[i] +' cannot empty.');
fieldobj.focus();
return false;
} else if(fieldobj.nodename=='select') {
if(fieldobj.options[fieldobj.selectedindex].value=='-none-') {
alert(fldlangval[i] +' cannot 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) {}
}
}
}
</script>
</form>
</div>
thanks,
vince
no ideas?
More discussions in Help with using Adobe Muse CC
adobe
Great guide! Integrating Zoho CRM web forms in Adobe Muse makes lead capture seamless and ensures data flows directly into your CRM. Working with a Zoho CRM consulting partner can help optimize the setup for better efficiency and tracking.
ReplyDelete