Generating Web Forms
To generate web forms for Leads, Contacts, and Cases
- Click Setup > Website Integration > Web-to-Leads/Contacts/Cases Form.
- In the Web to Lead/Contact/Case page, click Create Form.
- Specify the corresponding details in the following sections:
- Form Properties
- Field Selection
- Lead/Contact/Case Assignment
- Email Notification
- Generate Web Form
Part 1: Form Properties

- Enter a Form Name (eg. Feedback form, Data form, etc.).
- Enter the URL of the web page to which the visitor needs to be redirected once the web form is submitted. Specify a valid Return URL starting with "http:// or https://".
Note
- The length of Return URL should not exceed 255 characters.
- Enter the URL of the website where the web form is to be hosted in the Domain Name box. It should start with "http:// or https://".
This prevents spam and allows only forms submitted through the particular domain to be captured as valid information.
Note
- If the domain name does not match with the URL where the web form is hosted, then the information will not be captured.
- Alternatively, you can enter [*] in the domain name field to capture from other / multiple domains.
Part 2: Fields Selection

- Select the check boxes of the fields that are to be displayed in the web form.
Note
- The fields displayed here are those available in the particular module's (Leads/Contacts/Cases) Field list.
- To have custom fields, you need to first create them in the particular module. See Also Custom Fields
For Web to Contact form:- Account Name is available while creating Web to Contact forms. When this field is used in the web form, and contact details are submitted, an Account will automatically be created in CRM. There can be cases when the Account already exists in your CRM account. Only in such cases, a new Account will not be created.
Note
- An Account will be created, even if certain mandatory field details are not provided. Later, when the account is edited, you need to provide the other mandatory details before saving the record.
Part 3: Lead/Contact/Case Assignment
The option to select Assignment Rules to assign owners to the record, is available based on your Edition.

- Select the check box to enable manual approval of records generated through the web form.
- Click
to select a user as owner of the records. - Select the Lead/Contact/Case Assignment Rule from the list.
- Click Manage Assignment Rules link to create or modify the assignment rules.
Note
- Enabling the Manual record approval will help you to validate the generated records manually, and then add them to the corresponding module in Zoho CRM. If not enabled, then all the records generated through the website are added directly to the corresponding modules.
- You can setup Zoho CRM to automatically assign users for the records generated from the website by selecting the Select User option or by creating Assignment rules.
Part 4: Enable Contact Creation
(only for Web-To-Case Form)
In the web-to-case form, when a visitor also submits the Contact information, you have the option to capture that information and automatically create a contact record in CRM. This is only the case when a similar contact does not already exist in Zoho CRM.
- Select the Enable Contact Creation check box.
Once selected, contacts will be created in CRM when cases are submitted through the web form. The case record will also be automatically associated to the contact.
Part 5: Email Notification

- Select the email template from the list.
The template that you select will be used to send an auto-response email to the user who submits the form.
When details gathered through the web form do not satisfy the Auto Response Rule criteria, then the email template selected here will be sent as an acknowledgment email. See Also Auto Response Rule - Select the Notify Owner check box to send an email to the owner, when a record is generated through your Website.
Part 6: Generate Web Form
- Click Save & Next.
It generates the HTML code for the web form.

Embed the generated HTML code in your web page in the location you want the web form to be available.
Inserting Captcha
Captcha can be used in your web forms to prevent SPAM. You can add captcha by inserting specific code within the HTML code that is generated for the web form.
1. Add the following code to the web form's HTML code at the end of the HTML code.
(In the following HTML code, replace contactForm with leadForm or caseForm as required, based on the record type)
<script>
function randomgen()
{
var rannumber='';
for(ranNum=1; ranNum<=6; ranNum++){
rannumber+=Math.floor(Math.random()*10).toString();
}
document.getElementById('varifyNum').innerHTML=rannumber;
document.getElementById('varifyNumHidden').value=rannumber;
}
randomgen();
//Varification number genarate code End here
//Validation Start Here
function validateForm()
{
var thefrm=document. contactForm ;
if(thefrm.enterVerify.value=="")
{
alert("Enter your Verification Code");
thefrm.enterVerify.focus();
return false;
}
else if(thefrm.enterVerify.value!="")
{
if(thefrm.enterVerify.value!=thefrm.varifyNumHidden.value)
{
alert("please Enter Correct Verification Number");
randomgen();
thefrm.enterVerify.select();
thefrm.enterVerify.focus();
return false;
}
else
{
return true;
}
}
else
{
return true;
}
}
</script>
2. The Save and Reset button code will be shown as below:
<tr><td colspan=2 align=center style='background-color:#eaeaea'> <input type='submit' name='save' value=Save /> <input type='reset' name='reset' value=Reset /> </td></tr>
Use the following code before the Save and Reset button code:
<tr>
<td style="font-family: sans-serif; font-size: 12px;" class="feature-border" align="right" nowrap="nowrap" width="29%">Verification Code:</td>
<td class="feature-border" align="left" valign="middle" width="66%"><input name="varifyNumHidden" id="varifyNumHidden" value="701469" type="hidden">
<input name="enterVerify" id="enterVerify" type="text"> <div id="varifyNum" style="font-size: 14px; font-family: Arial,Helvetica,sans-serif; font-weight: bold;"></div></td>
</tr>
3. Replace:
<form action='https://crm.zoho.com/crm/WebToContact' method='POST' onSubmit='javascript:document.charset="UTF-8";' accept-charset='UTF-8'>
With
For Contacts: <form action='https://crm.zoho.com/crm/WebToContactForm' name="contactForm" method='POST' onSubmit='return validateForm()'>
For Leads: <form action='https://crm.zoho.com/crm/WebToLeadForm' name="leadForm" method='POST' onSubmit='return validateForm()'>
For Cases: <form action='https://crm.zoho.com/crm/WebToCaseForm' name="caseForm" method='POST' onSubmit='return validateForm()'>
FAQ
1. Can multiple web forms be created?
Yes. You can create multiple web forms and have them all active at the same time. However, the number of web forms available in each module depends on the CRM Edition that is being used:
- 20 per module for the Enterprise Edition
- 10 per module for the Professional Edition
- 1 per module for the Free Edition.
2. How do I implement multiple currencies in my web forms?
There are two cases where you can use currencies in your web forms.
- Currencies as a drop-down list in the web form. The visitor can select the required currency.
In this case, while generating the web form, you need to include the Currency field. Once you publish the form, the currency field will be available in the form as a drop-down list with all the active currencies added in your CRM account. - Currencies as a hidden field with a specified value in the web form.
In this case too, you need to include the currency field while generating the form. When the hidden value is specified, all the records generated via this web form will have the specified currency. In the generated HTML code, you need to replace the following code for the currency field
<select name='Currency'><option value='USD'>USD</option><option value='INR'>INR</option> </select>
with this code.
<input type="hidden" name="Currency" value="USD"/>
3. Can I use any type of fields in the web form?
In web forms, you can use the following type of fields:
Text, Integer, Percentage, Decimal, Currency, Data, DateTime, Email, Phone, Pick List, URL, Text Area, Check box, Multiselect Pick List.
Please note that Lookup, Auto Number and Formula fields cannot be used and will not be listed under the Field Selection section while creating a web form.
4. Can I reorder the fields in the web forms?
Yes. Your webmaster can reorder the fields in the web forms by editing the HTML code generated for the web form.
5. How can I activate or deactivate my web form?
You can activate or deactivate the web form by following the steps given below:
- Click Setup > Website Integration > Web-To-Lead/Contact/Case Form.
- In the Web to Lead/Contact/Case page, move the mouse pointer over the Form Name.
- Click the Active or Inactive icon, as required.