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:
|
Plan | Sprout | Blossom | Garden | Estate | Forest |
Limit | 0 | 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:
Login as an Admin on your Freshsales platform. (Note: Only Admins and Account Admins have access to edit and set up Web forms)
Click on to the Gear
icon. This is the Admin settings button and opens the Admin settings page.
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.
- Clicking on the Web forms button opens access to creating two different types of forms:
i) Classic Forms
ii) Smart forms - 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.
- Clicking on the Create and View form, gives you access the Classic forms page where you can view all forms created previously.
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.
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: - 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. |
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.
|
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 |
|
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.
|
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. |
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.
On your WordPress site, head to the
button and click the same. This opens a sidebar that allows you to customize your WordPress site.
On the sidebar, scroll down to the Personalize section and click on the
button. This opens the Theme customizer.
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.
Click the Widget area that you wish to customize. This opens a bar that allows you to add a Widget of your choice.
Click the
dropdown and select the
option.
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.
- 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:
- 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:
- Clicking on the Submit button creates a Lead/Contact on your Freshsales depending on how you have configured your form to be.
- 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.
- Under Source, choose Web forms. This brings up all leads that were created through web forms.
- 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.