Salesforce Web-To-Lead Form With reCaptcha in WordPress.com Hosted Site

Salesforce Web-To-Lead Form With reCaptcha in WordPress.com Hosted Site

Blogs Left Sidebar Form

This is the form that is on the left side of the blogs.

First Name(Required)
Last Name(Required)
This field is for validation purposes and should be left unchanged.

Salesforce Web-To-Lead Form With reCaptcha in WordPress.com Hosted Site

Salesforce Web-To-Lead

Setup the form.

.myForm
.myForm input, textarea {
border: 1px solid #ccc;
idth: 100%;
font-size: 14px;
margin: 0 -5px -5px 0;
padding: 8px 10px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 2px 2px #ddd;
-moz-box-shadow: 0 2px 2px #ddd;
-webkit-box-shadow: 0 2px 2px #ddd;
margin-top: 20px;
}

.myForm label {
    display: block;
}
}

div.myForm {
max-width: 30em;
margin-left: auto;
margin-right: auto;
background: #ffffff;
margin-top: 100px;
margin-bottom: 30px;
padding: 25px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 2px 2px #ddd;
-moz-box-shadow: 0 2px 2px #ddd;
-webkit-box-shadow: 0 2px 2px #ddd
}

#6
Add final code to WordPress using raw html element

#7
Add a workflow rule that sends a visualforce email template to alert you when the form is submitted

You just got a contact form submission from:  {!relatedTo.Name}  

Email: {!relatedTo.Email}
Phone: {!relatedTo.Phone}
Company: {!relatedTo.Company}

Message:
{!relatedTo.Comments__c}