Head to the Lead Capture Library and click to set up a Driftrock Website Banner Lead Form
Click the ‘follow these instructions’ link to show the code you’ll need to install onto your website.
Copy and paste the script shown into the footer of your website. Where it says ‘YOUR_API_KEY’ be sure to paste in your chosen Driftrock API key. If you’ve not yet got an API key, follow the instructions to set one up.
Head to the Setup page to set up your banner form.
Options
Set where you’d like your banner form to appear on the page, and give it a title, subtitle and call to action text.
Display Rules
Add a page
Specify which page(s) you’d like your banner form to be displayed on in the Display Rules section. Click to add a page.
Copy and paste the URL you’d like the banner form to appear on in the URL box, or alternatively use a wildcard to show the banner form on multiple pages.
For example:
Trigger
Select when you’d like your banner form to trigger on your page(s).
On page load - trigger your banner form as soon as the page loads
Tip: Triggering a modal form upon page load is not advised as your page may be penalised in terms of SEO for loading a form too quickly.
On click - trigger your banner form when an element is clicked
To trigger your banner form upon clicking, first create a HTML element with a unique ID or Class (the CSS selector you will use to trigger the banner form) e.g. a button, text or div.
Here’s an example of a button element:
<a id="modal-button-trigger1" href="#" class="modal-trigger-button">Click here!</a>
Tip: We recommend using classes, as you can then have multiple banner forms on a page.
Copy and paste your class or id into the box.
Style
Optionally set the colours you’d like your banner form to be in this section using HTML colour codes
Fields & Consent
Add all of the questions you’d like to ask in your form in this section, as well as any custom consent text/checkboxes you’d like to display to the customer.
Tip: We’d recommend keeping your consent text as short as possible to reduce dropoff rate.
Banner form Activation
When you’re ready, head back to the Setup page to switch your banner form on.