CRM Web Forms for Google Sites

CRM Web Forms for Google Sites

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 the CRM and to enable non-technical users to design and publish their own web forms. 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.
  • Customise the fields to be added in the web form.
Availability
Permission Required
All G Suite users with the Web to [Module] permission can access this feature.

 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. 

 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.
  • 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.
    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 the 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 Codecode to EmbediFrame 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 CRM account.


    • Related Articles

    • Setting up Web Forms

      Setting up Web Forms Creating a web form involves three steps  Building the form  - Drag and drop fields to build a form and format it easily with the WYSIWYG editor.  Specifying the form details  - Add details such as form name, landing page URL ...
    • Web Forms - An Introduction

      Web Forms - An Introduction 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 the CRM. Non-technical users find it ...
    • CRM for Google Ads

      CRM for Google Ads Google Ads is a powerful online advertising program designed to help you reach new customers and increase sales for your business through ads on Google Search and across Google's network of partner websites. By helping you drive ...
    • Configuring Google Ads Integration in the CRM

      Configuring Google Ads Integration in the CRM Set up Google Ads Integration Users with administrator profile need to enable the Google Ads Integration in the CRM. Setting up the CRM for Google Ads comprises of these steps: Step 1: Authentication - ...
    • Including Opt-in Checkbox in Web Forms for Consent

      Including Opt-in Checkbox in Web Forms for Consent You may already have some CRM web forms in use that are published in your website. You need to follow the steps given below to add a consent checkbox to those web form. The same steps can also be ...