Zoho CRM Web Forms for Google Sites

Zoho CRM Web Forms for Google Sites

Web forms simplify the process of capturing visitors' or users' information from the website into your CRM system. They are designed to automate importing of data from website into Zoho CRM and to enable non-technical users to design and publish their own web forms. Zoho CRM web forms for Google Sites helps G Suite users to use web forms in Google sites to capture visitor information.

Before setting the web form, ensure the following check-list:

  • Create a default Email template to send automated replies to website visitors upon submission of their details.
  • Create an Assignment rule if you wish to assign the incoming records to specific users. By default, all incoming records are assigned to the Administrator.
  • Customize the fields to be added in the web form.

Availability

Profile Permission Required: All G Suite users with the Web to [Module] permission.

 

 Create Web Forms and Publish in Google Sites

To generate web forms for Leads, Contacts, Cases, and custom modules

  1. Go to Setup > Developer Space > Webforms.
  2. In the Web Forms page, choose the Module from the drop-down list.
    The existing web forms for the selected module will be listed.
  3. Click Create Web Form.
  4. In the web form builder, do the following:
    • Build a form 
      • Drag and drop the fields that you need in the web form.
      • Insert captcha.
      • Add the option to upload files.
      • Mark fields as mandatory.
      • Make fields hidden in the form.
      • Provide hint or help links for fields.
      • Set font and layout of the form.
      • Change button names.
    • Specify form details and other options
      • Add form details such as, form name, landing page URL, form location URL.
      • Set record assignment rule.
      • Set notification options
    • Copy web form code and embed options 
      • Get code to embed in Google sites.
        The code is available in three different formats - HTML source code, Embed code and iFrame code.

 Step 1: Build a Form

Drag & drop fields in the WYSIWYG editor, which also provides various other options to build a form. See Also Generate Web Forms 

 Add Fields

Drag & drop the fields you need in the form and change the font style and size, background color, alignment of the fields, etc.

To add fields and set font and layout of the form

  1. Under the Fields List tab, click on a field and drag & drop it in the form builder.
  2. Make changes to the font, background color, field label alignment and form width.

 Mark Fields as Mandatory

Collect important information such as name, email address, mobile number, etc. from the visitors who fill up the web form by marking fields as mandatory.

To mark fields as mandatory

  1. Move your mouse pointer to the field that you want to mark as mandatory.
  2. Click on the Settings icon.
  3. In the Field Properties pop-up, select the Mark as required field checkbox.
  4. Click Done.

 Mark Fields as Hidden

Add a hidden field and its value in the form. These hidden values are submitted along with the web form but are hidden to the visitors who fill the form.For example, if you have hosted the same form in various web pages, the hidden field will help you identify which record is generated form a web form hosted in a specific web page.

To make fields hidden in the form

  1. Move your mouse pointer to the field that you want to hide in the form.
  2. Click on the Settings icon.
  3. In the Field Properties pop-up, select the Mark as hidden field checkbox.
  4. Specify the value for the field and click Done.

 Step 2: Specify Form Details

  1. Enter a Form Name (Example: Feedback, Contact Us, etc.).
  2. Specify a Landing page URL. The visitor who submits the form will be redirected to the URL specified here. It should start with "http:// or https://".
    The length of Return URL should not exceed 255 characters. (Example: https://www.zillum.com/thank-you.html)
  3. Specify a Form Location URL. This should be the webpage where the web form will be hosted. It should start with "http:// or https://". (Example: https://www.zillum.com/contact-us.html)
    If you plan to host the web form in multiple websites or you are not sure where the web form will be hosted, enter * in this field. This prevents spam and allows only forms submitted through the particular domain to be captured as valid information.
  4. Choose one of the following options to assign ownership to the records that are submitted via web form.
  • Choose a User - Select from the drop-down list. All the records generated through the form will be assigned to the selected user.
  • Create/Choose Lead/Contact/Case Assignment rule to assign ownership - Select an existing assignment rule or create a new one. Based on the rule, records will be assigned to the users. With assignment rules you can implement the Round Robin method to assign records to the users. See Also Assignment Rules 
  • Choose one of the following checkboxes:
  • Notify record owner when form is submitted - Select an email template that will be sent to the record owner.
  • Notify visitors when details are submitted - Use one of the existing autoresponse rules  or use an email template to send emails.
    When details gathered through the web form does not satisfy the Auto Response Rule criteria, then the email template selected here will be sent as an acknowledgment email.
  • Select the RequestApproval checkbox if you want to submit the records for approval. See Also Approve Records 
    Note that users with the Approve Web-to-[Module] permission in the profile can approve the records.
  • Click Save.

Note:

  • The RequestApproval option will help you validate the generated records manually, and then add them to the corresponding module in Zoho CRM. If this option is not selected, all the records generated through the web form are added directly to the corresponding modules.
  • If the domain name in the Location URL 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 landing URL field to capture from other / multiple domains.

 Step 3: Use Web Form Code to Embed

The code for the web form is available in 3 formats: Source Code, code to Embed, iFrame code. The code is also readily available for some third-party sites - WordPress, Facebook, Google Sites and Joomla. Please note that the Script and iFrame code is available only in the Paid Editions.

  1. Click on GoogleSites to get the respective code. 
  2. Copy the code and paste it in the website where you want the web form.
  3. Click Done.

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 your web form code:
    <input type="hidden" name="xnQsjsdp" value="" /> <input type="hidden" name="xmIwtLD" value="" /> <input type="hidden" name="actionType" value="" /

 Step 4: Test the web form

Once the form is published, it is recommended that you test the web form in all browsers before deploying for real-time usage. Please note that if your web form has more that 7 fields:

  • You will not be able to view the full form in the Internet Explorer browsers.
  • You need to use the TAB key to navigate through the form.
  1. Specify the details in the published web form.
  2. Submit the form details. The details will be available in your Zoho CRM account.
    • Related Articles

    • Setting up Web Forms

      ZOHO   CRM Features Pricing Customers Resources Developers Resources CRM Setup Using Zoho CRM Integrations Developer Guide Set up Web Form Creating a web form involves three steps Building the form - Drag and drop fields to build a form and format it ...
    • Web Forms

      Web forms simplify the process of capturing visitors or users information from your website into your CRM system. They are designed to automate the importing of data from websites into Zoho CRM. Non-technical users find it easy to design and publish ...
    • Web Apps Development - An Overview

      Although a CRM provides a platform to run your business online, there are a lot of other avenues where your business might have to tread on. Some of them would be building a custom mobile or web application. Upon integration, the functionality of ...
    • Create a Web App

      Using Web apps, you can create client based web-applications that use data from CRM and can be used to perform specific tasks. Building a web app Once the Zoho CLI is installed, you can start creating your own web app. Step 1 Once the CLI is ...
    • Including Opt-in Checkbox in Web Forms for Consent

      ZOHO   CRM Features Pricing Customers Resources Developers Resources CRM Setup Using Zoho CRM Integrations Developer Guide Consent checkbox - webform   You may already have some Zoho CRM web forms in use that are published in your website. You need ...