Custom HTML-code

For each design you can add custom HTML-code. The HTML-code can be used in order to further customize the design of the consent layer by adding new content to it. An common example of this is the split-view consent:

In the above example, the left side of the layer is the original consent layer. The right side of the layer is custom HTML code added to this design.

How HTML code is inserted into the consent layer

Placeing the content next to each other

In order to place the inner layer next to your custom HTML, you could use CSS display:flex on the <div> with CSS class cmpboxcontainer.  Here you can see a very simple configuration for a consent layer with left/right content:

Adding a custom accept button

If all you need is an accept/reject button that does not accept or reject all vendors, you can do so by using client side configuration variables:

  window.cmp_custombutton = true;
  window.cmp_custombutton_name = 'Accept recommended purposes';
  window.cmp_custombutton_pos = 1;
  window.cmp_custombutton_purposes = ['c53','c54'];
  window.cmp_custombutton_vendors = ['s1669','s26','s19'];

The above code example adds a button with text "Accept recommended purposes" on position 1 (second button in the row, first button is position 0) and when clicking the button, the purposes c53 + c54 (and all underlaying vendors) plus the vendors s1669, s26 and s19 will be enabled.

Back to top