Manual Banner Toggle

Customize the Popup

We want websites to be able to easily modify the default option for showing the Consent Manager Banner via the button deployed fixed to the bottom-left corner of your website. If you wish to change this, turn the "Default Consent Manager Button" to inactive when managing your Consent Manager.

Site visitors will see the Consent Manager Banner on their initial page load, and then again 30 days after. If they want to update or change settings, you can provide an alternative way to show the banner with a bit of customization.

Via Button Click

In the below case, add a button of your choice with the appropriate selector (below, this is a button like so: <button id='button'>Show Privacy Settings</button>). Add an event listener to the button to call our CMP display banner method:

HTML
# Full Version
​
<script>
  var button = document.querySelector('#button');
  button.addEventListener('click', function() {
    return window.__cmpLoginhood('displayConsentPopup');
  });
</script>
​
# Minified (copy & paste the below - be sure to update the element selector):
<script>var button=document.querySelector('<ELEMENT SELECTOR>'); button.addEventListener('click', function(){return window.__cmpLoginhood('displayConsentPopup');});</script>

Typescript / React
handlePopup = (e: React.ChangeEvent) => {
  e.preventDefault();
  return (<any>window).__cmpLoginhood('displayConsentPopup');
}

On Page Load

Some websites are also "re-showing" their banner whenever a user visits their Privacy Policy page (e.g. /privacy-policy). In this case, add a small snippet to the template/page you wish to re-show the Consent Manager banner on:

HTML
# Full Version
​
<script>
  window.addEventListener('__cmpLoginhoodReady', () => {
    window.__cmpLoginhood('displayConsentPopup');
  });
</script>
​
# Minified (copy & paste the below):
<script>window.addEventListener('__cmpLoginhoodReady', ()=>{window.__cmpLoginhood('displayConsentPopup');});</script>