Skip to content

Fisher Widget

Our Fisher Widget can be embedded into your website using only a few lines of code.

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 Fisher Widget offer 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 (de,en,fr,it,jp,nl) lang: 'de'
gaTrackingId Google Analytics Tracking ID (track impact of Google campaigns in the Fisher Widget with UTM params) gaTrackingId: 'UA-000000-2'
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) only after user accepted terms.

consentGranted parameter controls whether widget can send analytics during its initialisation. 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 Analytics tracking.