Lead Generator v1

Basic Configuration

First start by inserting this snippet of code in your web page:

<iframe id="fisher-widget"></iframe>

<script src="https://fisher.pricehubble.com/widget.js"></script>
<script type="text/javascript">
  FisherWidget.init({
    apiKey: 'apiKeyValue',
    iframe: '#fisher-widget',
    textColor: '222222',
    activeColor: 'aabbcc'
  });
</script>
<style>
  iframe#fisher-widget {
    width: 100%;
  }
</style>

Info

replace apiKeyValue by your own API provided by Pricehubble

Parameters documentation

The Lead Generator 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: 'apiKeyValue'
iframe	CSS selector or DOM element	iframe: '#fisher-widget' or iframe: document.getElementById('fisher-widget')
activeColor	Color to be applied to all active elements (hex without #)	activeColor: 'aabbcc'
buttonColor	Color to be applied to buttons (hex without #)	buttonColor: '332211'
textColor	Color to be applied to text,e.g. labels (hex without #)	textColor: '222222'
lang	Enforces static language to one of (cs, de, en, fr, it, jp, nl, nl-BE, sk)	lang: 'de'
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	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.pricehubble.com/widget.js"></script>
<script type="text/javascript">
  var widget = FisherWidget.init({
    apiKey: 'apiKeyValue',
    iframe: '#fisher-widget',
    textColor: '222222',
    activeColor: 'aabbcc',
    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.