Installing your Lead Capture Forms is really easy. Band Pencil's Lead Capture Forms can be embedded on your website through the iFrame code provided in your Lead Capture Form page. Copy this code and insert it anywhere on your website you would like the form to display. The form's code is set to show the entire form.
If you're installing on WordPress you will need to add a HTML code block to allow you to add the form. You can only add custom code blocks on a self hosted Wordpress site, otherwise, Wordpress will block the iframe code. In this case your only option would be to provide a link to the form.
If you find that your Lead Capture Form is too long, or it doesn’t display as you’d like, you can override the default code using the options below.
⚠️ Note: We only recommend making these changes if you’re comfortable editing HTML code. Incorrect edits may cause your form to stop working.
You can modify the iframe embed code by:
Adding height="X"
(replace X with the number of pixels you want).
Ensuring the iframe includes scrolling="yes"
.
Once embedded, test your form in the location you want on your website:
Submit the form with no data entered.
Check that both the error message and send button are visible at the bottom of the form.
You can customise the form further by adding query parameters to the iframe URL.
Parameter | Default | Effect |
---|---|---|
labels=true | false |
Displays labels above fields (instead of using placeholders only). |
padding=false | true |
Removes the default padding around the form. |
rows=false | true |
Forces name, company, email, and phone fields into a single column on mobile. 👉 Depending on your embed size, the form may already display these in one column by default. |
font=arial | (none) | Changes the font used in the form to one of the supported web-safe fonts. If omitted or invalid, the form uses its default font stack (Nunito). |
Use the font
parameter with one of the following values (case-insensitive):
arial
verdana
tahoma
georgia
times
(Times New Roman)
courier
(Courier New)
If no font
parameter is supplied or the value doesn’t match one of the above, the form will display in its normal default font stack.
Basic usage:
https://example.com/form?labels=true&padding=false&token=reallylongstring
With custom font:
https://example.com/form?labels=true&padding=false&font=arial&token=reallylongstring
Because Band Pencil does not control how the form is displayed on your site or on mobile devices, you may need to contact your web provider or developer for support with additional styling specifics.