x

Styling a Salesforce web to lead form

We use Salesforce as our CRM and it has a feature called Web to Lead which basically takes the contents of a form ( Salesforce provides the code) and, upon submission, creates a lead in Salesforce.  The code is pretty straightforward and I successfully imbedded it in our weebly site (using the embed code widget) but it is very ugly (putting it mildly) - the code I am using is below.

<!--  ----------------------------------------------------------------------  -->
<!--  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">

<!--  ----------------------------------------------------------------------  -->
<!--  NOTE: Please add the following <FORM> element to your page.             -->
<!--  ----------------------------------------------------------------------  -->

<form action="https://www.salesforce.com/servlet/servlet.WebToCase?encoding=UTF-8" method="POST">

<input type=hidden name="orgid" value="00DA0000000gjWN">
<input type=hidden name="retURL" value="http://">

<!--  ----------------------------------------------------------------------  -->
<!--  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="sigv@nimbleuser.com">     -->
<!--  ----------------------------------------------------------------------  -->

<label for="name">Contact Name</label><input  id="name" maxlength="80" name="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="phone">Phone</label><input  id="phone" maxlength="40" name="phone" size="20" type="text" /><br>

<label for="subject">Subject</label><input  id="subject" maxlength="80" name="subject" size="20" type="text" /><br>

<label for="description">Description</label><textarea name="description"></textarea><br>

<input type="hidden"  id="external" name="external" value="1" /><br>

<input type="submit" name="submit">

</form>

Any help much appreciated!

2,374 Views
Message 1 of 4
Report
3 REPLIES 3

I had a similar issue with some other third party provider.  I had to work with them to change their ugly thing.

2,371 Views
Message 3 of 4
Report

Thanks for the info Brett! Will be trying this myself.


Dan

2,022 Views
Message 4 of 4
Report

Did you ever get styling to work? I'm playing around with CSS on a Salesforce Web to Lead form here

689 Views
Message 5 of 4
Report
This thread has been archived and locked. Please start a new thread if you would like to continue the conversation.