Installing your Lead Capture Form

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.

WordPress

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.

Developer Options for Lead Capture Forms

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.


Adjusting the iframe

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:

  1. Submit the form with no data entered.

  2. Check that both the error message and send button are visible at the bottom of the form.


URL Parameters

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).

Supported fonts

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.


Examples

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.


Ready to start with Band Pencil?

14-day free trial and no card needed to sign up.