. The
Unfortunately, salesforce provides some unnecessary additional code. This is the definition of comment lines and character sets already defined by word press. Therefore, you can delete everything before (but not including) the next line. {code type =php} you can also delete the annotative part, as shown below: {code type=php} this is optional code to help developers debug forms, but it is not required here. On the WordPress page, what is left of the web to lead form view is the clean form code of HTML. After you finish editing the page, you can publish and view it. The
The web to lead format form input box without style is located on the right side of the form label. Because these two field columns are too close to each other, we will make some changes to the CSS to make the form more beautiful. However, first add several classes to the web to lead form code to make styling easier and ensure that the changes you make here do not affect other forms that may exist on the site. Return to salesforce web to lead form code add class WordPress page HTML tab. We will add several classes to these form elements. The
Navigate to the first line of the form code. The following shall be displayed: {code type =php} ‹ the word id= \
Note on pasting code: sometimes, when you copy code from the browser to the editor and paste it, the straight double quotation marks are copied to the brackets. This will lead to errors, so rather than copy and paste from the document, enter id= \
You must use a custom code editor or edit the theme file directly in the word press code editor (not recommended). After you open the file, you can create a new section at the bottom of the file and enter the following code: {code type =php}\/*salesforce web to lead styling*\/\sfwtlform label {width: 150px; display: inline block;}# Sfwtlform input {width: 200px;}# Sfwtlform\sfwtlbutton{width: 100px;} Don’t worry. We will decompose it line by line for you. The
The first line of code is a comment. This is not really needed, but it helps clean up the code. {code type =php}\/*salesforce web to lead styling*\/ the second line is id=sfwtlform.
