Salesforce Web to Lead:- Salesforce Web to Lead is used to capture the leads from the company website and store information in the Salesforce System itself. This functionality doesn’t require any integration this can be achieved from the standard Salesforce functionality
This salesforce out of box functionality allows users to create a lead from the company website itself but it can also lead to creating junk records in the system, So it certainly became a priority to prevent the junk records entering the system.
Spring’17 introduced the functionality to filter the records before entering the system using the Google reCaptcha.
Google Recaptcha is a free service that prevents spam or junk data from entering into the system.
Steps to create an API Key with Google Account:-
- Login to the google account, Once logged in to the account Register here for reCaptcha with google.
- While creating the new captcha key, enter the domain name where the webpage has to be hosted if the domain name is not entered precisely the captcha will throw an error.
- After registering you will get a Secret key and Site key, copy and save it for the later use.
Note: After clicking on the register, please wait for 30 minutes before testing the keys as Google will take some time to activate the keys.
Salesforce Setup:-
- Go to the Setup->Feature Settings->Marketing->Web-to-Lead.
- Click on the Create Web-to-Lead Form.
- Select the fields you want in the form, Return URL where the user will be redirected after saving the record.
- Check the include reCAPTCHA in HTML and create a new record from the lookup as entering the details for the
- Secret Key, Site Key which was generated earlier, and the API Pair key nickname to identify the name in future
- Click on generate to get the HTML version of the form.
- With the few modifications, the HTML code can be embedded into the webpage.
- If the leads are not getting generated comment the line.
- For Example:-<!– ———————————————————————- –><!– NOTE: Please add the following <META> element to your page <HEAD>. –><!– If necessary, please modify the charset parameter to specify the –><!– character set of your HTML page. –>
<!– ———————————————————————- –>
<META HTTP-EQUIV=”Content-type” CONTENT=”text/html; charset=UTF-8″>
<script src=”https://www.google.com/recaptcha/api.js”></script>
<script>
function timestamp() { var response = document.getElementById(“g-recaptcha-response”); if (response == null || response.value.trim() == “”) {var elems = JSON.parse(document.getElementsByName(“captcha_settings”)[0].value);elems[“ts”] = JSON.stringify(new Date().getTime());document.getElementsByName(“captcha_settings”)[0].value = JSON.stringify(elems); } } setInterval(timestamp, 500);
</script>
<!– ———————————————————————- –>
<!– NOTE: Please add the following <FORM> element to your page. –>
<!– ———————————————————————- –>
<form action=”https://test.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8″ method=”POST”>
<input type=hidden name=’captcha_settings’ value='{“keyname”:”Catpcha”,”fallback”:”true”,”orgId”:”00D0l000000Dif3″,”ts”:””}’>
<input type=hidden name=”oid” value=”00D0l000000Dif3″>
<input type=hidden name=”retURL” value=”http://absyz.com”>
<!– ———————————————————————- –>
<!– NOTE: These fields are optional debugging elements. Please uncomment –>
<!– these lines if you wish to test in debug mode. –>
<!– <input type=”hidden” name=”debug” value=1> –>
<!– <input type=”hidden” name=”debugEmail” –>
<!– value=”khushmeet.kaur@absyz.com”> –>
<!– ———————————————————————- –>
<label for=”first_name”>First Name</label><input id=”first_name” maxlength=”40″ name=”first_name” size=”20″ type=”text” /><br>
<label for=”last_name”>Last Name</label><input id=”last_name”
maxlength=”80″ name=”last_name” size=”20″ type=”text” /><br>
<label for=”email”>Email</label><input id=”email” maxlength=”80″ name=”email” size=”20″ type=”text” /><br>
<label for=”company”>Company</label><input id=”company” maxlength=”40″ name=”company” size=”20″ type=”text” /><br>
<label for=”city”>City</label><input id=”city” maxlength=”40″ name=”city” size=”20″ type=”text” /><br>
<label for=”state”>State/Province</label><input id=”state” maxlength=”20″ name=”state” size=”20″ type=”text” /><br>
<div class=”g-recaptcha” data-sitekey=”6LeMqVwUAAAAALo4KJEnZhC_iN1RLAzHIt-jbdZ5″></div><br>
<input type=”submit” name=”submit”>
</form>
<input type=hidden name=’captcha_settings’ value='{“keyname”:”Catpcha”,”fallback”:”true”,”orgId”:”00D0l000000Dif3″,”ts”:””}’>
And verify if the leads are getting generated or not.
Note:-The google Recaptcha will not work on the local system for the testing purpose but still you will be able to test the form by entering the required information in the form fields.
