Lead Generator v2#
This new version 2 includes a full redesign of our existing Lead Generator v1 and a better user experience in both mobile and desktop. The installation is very similar to Lead Generator v1. Only a few parameters change in the configuration.
Easy installation - Semi-manual#
LG constructor is available for you to generate easily the snippet that you will need to copy and paste on your website. In fisher constructor, you will be aware of all the different parameters available. Also, you will be able to see a preview of the widget during the process.
For more information, please visit Lead generator v2 constructor
Basic Manual Configuration#
First start by inserting this snippet of code in your web page:
<iframe id="fisher-widget"></iframe>
<script src="https://fisher-v2.pricehubble.com/constructor/widget.js"></script>
<script type="text/javascript">
FisherWidget.init({
apiKey: 'apiKeyValue',
iframe: '#fisher-widget',
titleSettings: {
status: 'default'
},
primaryColor: 'rgbValue',
});
</script>
<style>
iframe#fisher-widget {
width: 100%;
}
</style>
Info
replace apiKeyValue
by your own API provided by Pricehubble and primaryColor
by the color that better match the design of your website. The color needs to be in RGB Format, e.g : 0-255, 0-255, 0-255.
Parameters documentation#
The new Lead Generator v2 widget offers quite a few parameters. The one in bold are mandatory parameters. Your configuration should look like the one in the Example column.
Parameter | Definition | Example |
---|---|---|
apiKey | String that uniquely identifies your account | apiKey: '2384dcbde7d342b58836a9900aa717f1' |
iframe | CSS selector or DOM element | iframe: '#fisher-widget' or iframe: document.getElementById('fisher-widget') |
titleSettings.status | Settings of welcome title on first step above address field. One of default , hidden or custom |
status: 'custom' |
titleSettings.title | Custom title string which will be applied for titleSettings.status: 'custom' . Max length is 100 characters |
title: 'Get an instant estimated valuation' |
titleSettings.subtitle | Custom subtitle string which will be applied for titleSettings.status: 'custom' . Max length 255 characters |
subtitle: 'Discover the value of your property in a few clicks, and 100% free!' |
primaryColor | Color to be applied to all primary elements (buttons, progress bar, etc.) The color needs to be in RGB Format | primaryColor: '0,125,255' |
lang | Enforces static language to one of (cs, de, en, fr, it, jp, nl, nl-BE, sk) | lang: 'fr' |
gaTrackingId | Google Analytics Tracking ID (track impact of Google campaigns in the Lead Generator widget with UTM params) | gaTrackingId: 'UA-000000-2' |
gtmId | Google Tag Manager ID (make use of advanced analytics by adding custom marketing tags & snippets of code) | gtmId: 'GTM-0000000' |
custom | Any value passed in this parameter will be included in the resulting lead email - this will add an extra field | custom: 'www.example.com' |
resizable | Enables automatic resizing of iframe height and width to fit its container | resizable: false (default - true) |
scrollTopOffset | Scroll top offset value, to be used with sticky navbars | scrollTopOffset: 50 |
consentGranted | Controls whether widget can send analytics (see details below) | consentGranted: false (default - true) |
GDPR Configuration#
<iframe id="fisher-widget"></iframe>
<script src="https://fisher-v2.pricehubble.com/constructor/widget.js"></script>
<script type="text/javascript">
var widget = FisherWidget.init({
apiKey: 'apiKeyValue',
iframe: '#fisher-widget',
titleSettings: {
status: 'default'
},
primaryColor: 'rgbValue',
consentGranted: false
});
// Call this method later when user has accepted terms
FisherWidget.grantConsent();
</script>
<style>
iframe#fisher-widget {
width: 100%;
}
</style>
To be GDPR compliant we can send data to 3rd party services (Google Analytics or Google Tag Manager) only after user accepted terms.
consentGranted
parameter controls whether widget can send analytics during its initialization.
If you have got user consent already add consentGranted: true
.
If not, then add consentGranted: false
and call FisherWidget.grantConsent()
when user accepted terms to enable Google Tag Manager or Google Analytics tracking.