Applicable plans
Sprout Blossom Garden EstateForest


 
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:


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


Plan

Sprout

Blossom

Garden

Estate

Forest

Limit

1

5

10

25

50


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

  • 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. On your WordPress site, head to the  button and click the same. This opens a sidebar that allows you to customize your WordPress site.


  2. On the sidebar, scroll down to the Personalize section and click on the  button. This opens the Theme customizer.
     

  3. On the Theme customizer bar, scroll down to Widgets and click the same. This opens the Widget customizer bar.


    Note: The default Sidebar is an entity inherent to this specific theme. The availability of customizable widget areas differs from theme to theme.


  4. Click the Widget area that you wish to customize. This opens a bar that allows you to add a Widget of your choice.  


  5. Click the  dropdown and select the  option.  


  6. Paste the code snippet in the content section of the Widget and click on Done. This will run the code and web forms will be embedded on your WordPress website.


  7. Proceed to hit the  button on top of your WordPress page to save the changes. This is how your Web form will look like:


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.