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:
-
Submit the form with no data entered.
-
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.
Tracking Leads with External Analytics
Band Pencil's Lead Capture Form supports integration with external analytics platforms, including Google Analytics, Google Tag Manager and other conversion tracking tools. This allows you to track successful enquiries, measure marketing performance and understand which campaigns are generating leads.
How It Works
When someone successfully submits an embedded Lead Capture Form, Band Pencil automatically sends a JavaScript postMessage event to the website hosting the form. This notification can be used to trigger conversion tracking without redirecting customers to a separate confirmation page.
Submission Event Details
The following information is sent to the parent website when a submission is successful:
| Property | Value |
|---|---|
| Event name | LeadCaptureFormSubmitted |
| Source | bandpencil.com |
| Response ID | responseId |
| Message origin | https://management.bandpencil.com |
The notification contains three properties:
- source: Identifies Band Pencil as the source of the notification.
- event: Identifies the action as a successful Lead Capture Form submission.
- responseId: The identifier returned by Band Pencil's submission endpoint, or
nullif unavailable.
What Can Be Tracked?
Using this notification, your website developer can configure external analytics platforms to:
- Record successful enquiries as conversions.
- Track leads generated through Google Ads and other advertising campaigns.
- Measure which marketing channels generate the most enquiries.
-
Analyse website visitor journeys leading to an enquiry.
Setting Up Tracking
The submission notification is automatically supported by Band Pencil's embedded Lead Capture Form. No additional configuration is required within Band Pencil. Your website developer or analytics provider will need to configure your chosen analytics platform to listen for the LeadCaptureFormSubmitted event and record it as a conversion.
Please note: Band Pencil provides the submission notification but does not configure or manage third-party analytics integrations. Tracking should comply with applicable privacy and cookie consent requirements.