Applicable plans
Sprout Blossom Garden EstateForest



Plan wise limits :


Plan

Sprout

Blossom

Garden

Estate

Forest

Limit

1

5

10

25

50



For any business, capturing their website traffic and converting visitors into leads is an activity of great importance. Setting up a form can help you capture all your website visitors and convert them into leads with ease. Web forms by Freshsales is a sincere attempt at streamlining the activity of lead generation and bringing it onboard your CRM. Follow these steps to set up Web forms on your website:


    TOTAL STEPS: 14


    QUICK STEPS: 


    On Freshsales:
    Freshsales > Admin Settings > Integrations > Web forms > Create and view form >  Create Web form > Save > Copy link


    On WordPress:

    My Site(s) > WP Admin > Site Pages > Edit > Paste HTML > Update  


    MINIMUM TIME REQUIRED: ~ 12 Min



DETAILED STEPS:


There are two major steps to set up Web forms  successfully:

  • Creating and customizing the form and obtaining the link

  • Integrating the form link on your website


Setting up Web forms:


  1. Login as an Admin on your Freshsales platform. (Note: Only Admins and Account Admins have access to edit and set up Web forms)

  1. Click on to the Gear icon. This is the Admin settings button and opens the Admin settings page.



  2. On the Admin settings page, head on to the Integrations row and click on the Web forms button. This opens up the Web forms page that comprises of a list of all the forms created hitherto.



  3. Clicking on the Web forms button opens access to creating two different types of forms:
    i) Classic Forms 
    ii) Smart forms

     

  4. As you are looking to set up a Classic form, click on the Create and view form button to access the page dedicated for this purpose.  
  5. Clicking on the Create and View form, gives you access the Classic forms page where you can view all forms created previously.


  6. For creating a new web form, find the Create Web form button on the top right of the page and click on the same. This leads you to the page where you can create Web forms.


  7. On the Create Web form page, you will be presented with a host of options to set up and customize your web form. Read the table below to understand the different form fields.

S.No

Form fields

What they mean?

1.

Form name

This field requires you to give a name to your form. To ease with identification, maintain a naming convention that helps you identify the form as this is only for internal purposes and will not be visible on the form.

Example: Sign up form, Request a demo or Submit your queries,etc.


2. 

Email address to notify when the form is submitted and record is created

Feed the email address to which all notifications will be sent. Whenever a form is submitted, a lead will be created on Freshsales and the notification will be sent to this email.


3.

After form is submitted

After the form is submitted, you can either:
- display a success message

- direct them to another webpage

Based on your preference, add the exact message or the web page’s link here.


4.

Form type

Choose if you want your web visitors to be added as Leads or Contacts. You can also choose to create a deal with the contact.



5.

Update existing record overwriting values

Checking this option prevents duplication of records. As soon as the form is submitted, the platform looks for existing records and matches them by email address. If a lead/contact already exists in Freshsales, the records gets updated and prevents creation of a new one.



6.

Title

Enter what the heading of your form should read in this field. This will appear on the top of the form.


7.

Choose a field to add to the form

This option allows you to add new fields to your form.
Click on the “” button. This brings opens a drop down list from which you can choose a variety of lead fields to add to your form.

8.

Lead Fields

Your form comprises of lead fields that allows you ask relevant questions to your customers and get back responses for the same. For any lead field, there are two options that are available. 

  • Required: Checking this box makes it a mandatory field for your lead to fill. Until all required fields are filled the form cannot be submitted.

      

  • Hidden: Hidden fields are invisible to the customer and can be prefilled with default values when new Leads or Contacts are created upon submission of the form.
    For example, you can add a Campaign field to the form but mark it hidden to your prospect. This makes it easy for internal reference and segregation.

9.

Header text

Enter a brief message that you want to convey to your web visitors before they fill the form.



10.

Customize the look and feel your form



Note: When you choose “Inherit” on any of your options, the form automatically inherits the properties that are present on your web page.

11.

Preview

Clicking on the Preview button allows you to check how your form might appear and use the same to refine its appearance to your specifications.



12.

Link

Clicking on the Link button saves your form and creates the code snippet and a custom URL for your form.

  • If you wish to embed the form on your website, you can use the code snippet and add it to the body of your website’s HTML.

  • If you want to share it via emails or social media, use the URL instead. The URL works universally and can be shared across medium.


       

13.

Save

Clicking on the save button after making changes on your Web form allows you to publish the changes in real-time. Alternatively, clicking on the Link button after making changes autosaves your form.




  1. Your form is now ready and can be integrated on your website. Here's how the code will appear like:


Web forms Integration on WordPress:

Note: To integrate Web forms on WordPress, you require a Business Plan. Please ensure that your current WordPress plan is upgraded to the Business plan for you to embed Web forms on your site.
  

  1. When it comes to setting up Web forms, it is important to understand that the script is embedded on the codebase of your website’s frontend. Hence, all edits should be carried out on the website’s themes for it to work effectively.

  2. On your WordPress website, find the My Site button on the top left corner of your page and click it. This opens the Site Customizerand gives you access to a dashboard.  

  3. The Site Customizer dashboard gives you access to a host of functionalities and allows you to carry out customizations on your website.

  4. Go to the Site Pages menu and click on the same. This gives you access to the various pages that are present on your website.


  5. On the Site Pages, find the "Contact Us" page of your website (or any other page where you wish to embed Web forms). Click on the button associated with the page. This gives you options to carry out various actions pertaining to that page.


  1. Click on the Edit button to gain access to the Page editor. Here, choose to edit your page in HTML. This will allow you to embed JavaScript code on your website.



  2. Paste your Web forms code here. If you intend to customize your web forms, follow these instructions and modify the UI of your web forms. Upon pasting the relevant codes, hit on the Update button for the script to run and apply the desired changes.


    Your form will look like this:



Accessing Leads/Contacts generated through Web forms:

  1. Whenever a website visitor fills your form, He/She will have to fill all the fields provided in order make a submission. Here's how a completely filled form appears:
  2. Clicking on the Submit button creates a Lead/Contact on your Freshsales depending on how you have configured your form to be.

  3. When you have leads that are from several sources, you can filter the leads from your web forms by simply going to filters and applying the filter for Source.


  4. Under Source, choose Web forms. This brings up all leads that were created through web forms.


  5. Here's how your Leads/Contacts will appear on Freshsales:
     

FAQs:


Q: Can I delete my form?

A: Yes. You can use the delete icon to delete a form. The existing Leads from the form will still have the source and other fields with the values mapped from the form submission. But, no more new Leads or Contacts will be created from the submission.


Note: Make sure to remove the code snippet from your website before you delete the form in Freshsales.

 

Q: Can I share the form with my team?

A: All forms are visible to every Admin of an account. 


Q: Can I clone or duplicate a form?

A: No. You can’t clone a form. You can edit an existing one or create one from scratch.