If you generally like one of the existing templates available, you can simply style that template using the built-in customization features (colors and logo) available in the premium subscription as well as additional CSS styling that you add. See Can I style the cookie consent banner? /hc/en-us/articles/360003942753-Can-I-style-the-cookie-consent-banner-
If you do decide to build your own banner using the ‘custom’ template, there is a guide here: /hc/en-us/articles/360003921454-Can-I-build-my-own-fully-customized-cookie-consent-banner
Last updated: 5 May 2018
Comments
5 comments
I don't believe that the current answer really resolves the original question and since 0 out of 5 people found the article helpful it appears that others agree.
What we're looking for is the freedom of customizing the HTML, CSS and Javascript directly in the cookiebot settings but being able to base this on the existing templates that you have made instead of the one that is displayed when you first select the "custom"-template.
I believe that this would save time for many of your users
thanks to philip leung, i agree with you,
i have the same needy !!
same here - any movement / news ??
Hi guys,
We get this question a lot, and the reason we don't just have a template available for you, is that there is none. The banner gets built by the cc.js file, which in turn gets inserted by the Cookiebot script. The way the banner looks and behaves is based on your setting in the manager.
That being said, nothing's impossible. And if you're willing to invest some time and effort into it, here is a way to remodel a standard banner:
First, build a banner that approximates the banner you want.
When you're done, inspect the banner. You'll want to copy the <div> with id="CybotCookiebotDialog" and all its child nodes.
Next, you'll want to copy the <style> with id="CookiebotDialogStyle" and it's contents.
This will give you the "look" of the banner.
To make the content dynamic, you'll need to replace some of the fixed values with placeholders. You can find these in the Manager by clicking the "?" icon in the Custom banner interface.
Lastly, you'll want to add event listeners to the buttons to make them behave the way you want. You can find the available event listeners and Cookiebot commands here: https://www.cookiebot.com/en/developer/
It took me quite a while to find this information (I am referring to Richards comment - the article itself is not really helpful)
There is quite a lot of mostly outdated 2 year old information regarding the custom templates scattered all over the support pages, but no ultimate (and current) article covering this topic. So I assume the answer to Geralds question would be that there is no news regarding this issue.
The comment is at least a helpful pointer, but if it is so easy, then why don't you supply us with such a clean template to have a working starting point? Or with a concise step-by-step walkthrough article in the support knowledge base.
Given that the custom template feature is for paying customers, I would appreciate this kind of help. I think most of the users asking for this kind of solution have only small modifications in mind that can not be done via CSS.
Regards
Ulrich
Please sign in to leave a comment.