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
The consent layer usually consits of a
<div> element for the outer layer (CSS class
<div> element for the inner part of the layer (CSS class
cmpboxinner). If custom HTML code is used, the CMP will create another
<div> inside the outer layer and place both, inner layer and custom HTML-code in it.
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: