Distributed Source offers a simple lead capture URL which you can integrate with your website's existing contact form. When your prospects or customers submit the contact form, their details will be saved in your Distributed Source CRM account as a new "Lead"
1. Get your unique Distributed source web to lead URL.
2. Integrate the web to lead
in your contact form and send it as an HTTP Post request.
3. Ensure parameter names of your contact form
with Distributed Source's naming convention.
1.
Login to your Distributed Source account. If you don't have a Distributed Source account yet,
sign up here. It's free!
2. Once you're logged in, go to "Settings" page.
3. On the left sidebar, click on "Capture leads".
4.
In this page, you will see different lead capture tools Distributed Source provides.
Copy the web address under "Use this URL in your form to capture leads in Distributed Source". You will have to use this URL in the contact form
of your website.
Step 2 - Add the Web to lead URL in your Website's contact form
Now you will have to include Distributed Source's lead capture URL in your website's contact form.
Here is the HTML code of a typical contact form which uses the <form> HTML tag:
<form action="" method="POST"><br>
<label>Name :</label>
<input type="text"name="name" /><br>
<label>Company Name :</label>
<input type="text"name="companyname" /><br>
<label>Phone :</label>
<input type="text" name="phone" /><br>
<label>Email :</label>
<input type="text" name="email" /><br>
<label>Address :</label>
<input type="text" name="address" /><br>
<label>City :</label>
<input type="text" name="city" /><br>
<label>State :</label>
<input type="text" name="state" /><br>
<label>Country :</label>
<input type="text" name="country" /><br>
<label>ZIP :</label>
<input type="text" name="zip" /><br>
<input type="submit" name="submit">
</form>
Remember the URL you copied from the "Settings" page of your Distributed Source account? Now paste the same URL under the opening <form> tag, enclosed within the action parameter. An example is shown below:
<form action="https://my.distributedsource.com/webToLead/XXXXXX" method="POST"><br>
<label>Name :</label>
<input type="text"name="name" /><br>
<label>Company Name :</label>
<input type="text"name="companyname" /><br>
<label>Phone :</label>
<input type="text" name="phone" /><br>
<label>Email :</label>
<input type="text" name="email" /><br>
<label>Address :</label>
<input type="text" name="address" /><br>
<label>City :</label>
<input type="text" name="city" /><br>
<label>State :</label>
<input type="text" name="state" /><br>
<label>Country :</label>
<input type="text" name="country" /><br>
<label>ZIP :</label>
<input type="text" name="zip" /><br>
<input type="submit" name="submit">
</form>
Please note: The request should be a HTTP POST request.
Step 3 - Ensure parameter names in your contact form matches with Distributed Source's naming convention.
Every text field of your contact form has a "name" attribute. For example, the following code represents a text field with the name field "address"
<label>Name :</label>
<input type="text"name="address" />
For Distributed Source to understand the data and map it with the corresponding fields of Distributed Source's web application, you need to use the following name tags within your contact form:
Text field type
Name tags
Name
name
First Name
first_name
Las
t Name last_name
Phone
phone
Email
email
Address
address
City
city
State
state
Country
country
Zip
zip
Return URL returnURL
Note: It is not mandatory to use all of the above text fields in your contact form. Use only those text fields you need.
For example, if you want the contact form to have a field for "phone number", use a text field in the contact form with the name attribute equal to "phone" (without quotes). If you name it to something else e.g "phone_number", Distributed Source won't be able to recognize the data and map it to existing fields of Distributed Source's web application.
The following example shows the correct and false implementations of Distributed Source's web to lead form. The one in the left is correct; the form action URL points to Distributed Source's web to lead form and all the name fields match our field naming convention.
But the implementation on the right has got two label names wrong - "company" and "city". The form action URL points to Distributed Source, so Distributed Source will be able to map rest of the data into the CRM. However, any data entered in the field "Company name" and "City" will not be saved.
How will the new contact form work?
When the name fields of your website's contact form is in the correct format and the form action URL points to your Distributed Source lead capture URL, you're ready to roll. Let your website's contact form be the bee- hive of leads.
Got questions? Tell us in the comments or write to us at support@distributedsource.com