CRM Help

Setting up Web Forms

Generating Web Forms

To generate web forms for Leads, Contacts, and Cases

  1. Click Setup > Website Integration > Web-to-Leads/Contacts/Cases Form.
  2. In the Web to Lead/Contact/Case page, click Create Form.
  3. 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

  1. Enter a Form Name (eg. Feedback form, Data form, etc.).
  2. 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.
  3. 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

  1. 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.

  1. Select the check box to enable manual approval of records generated through the web form. 
  2. Click to select a user as owner of the records.
  3. Select the Lead/Contact/Case Assignment Rule from the list.
  4. 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.

  1. 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


  1. 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
  2. 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

  1. 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.

Note

  • In order to avoid spam, the generated Web Form (HTML file) must be published in an active web server (Apache, Microsoft, IIS, etc.).
  • The web form will not work if you submit the form values from your desktop.
  • When the HTML code is generated for the web form, certain entities are hidden by default. If you remove those hidden entities, the web form will not work. Here is the code snippet that should not be removed from you web form code:
    <input type="hidden" name="xnQsjsdp" value="" /> <input type="hidden" name="xmIwtLD" value="" /> <input type="hidden" name="actionType" value="" />

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 /> &nbsp; &nbsp; <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">&nbsp;<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?

2. How do I implement multiple currencies in my web forms?

3. Can I use any type of fields in the web form?

4. Can I reorder the fields in the web forms?

5. How can I activate or deactivate my web form?

Top