If you do not want to use the Cookie Information functionality (icon above) for re-opening the consent pop-up on all pages of your website, then you can apply the re-open function to any other function, button, or link with the script below.
Please remember that the user of your website should be able to change their consent at any time.
The reopen script
javascript:CookieConsent.renew();
Example for the button:
<button onClick="javascript:CookieConsent.renew();">Renew Consent</button>
Example for a hyperlink:
<a href="javascript:CookieConsent.renew()"><a/>
Removing the reopen icon
Keep in mind that if you remove this icon, then you need to provide this feature in another way that is of equal ease to the user (see above). You could also choose to change the icon to better suit your style (see how to do so below).
Navigate to the Cookie Information Platform
Go to the "Pop-up apperance" tab in your consent solution
Then fold out the code fields under "Advanced options"
Then scroll down to the last parts of the JavaScript code in the "Javascript functions" field
Navigate to the line of code illustrated below.
renewBtn.style.display = 'block';
Then change it from 'block'; to 'none';
Then press "Save and Publish"
*If you for some reason decide to enable the icon again, then you can just change this line back to 'block';
Changing the reopen icon
Navigate to go.cookieinformation.com - Consent Solutions - Pick the consent solution you want to change it in - Pop-up appearance - Advanced options
In the HTML settings, find the re-open button and find the code <svg version=..
Then, delete the code containing <svg version="1.1'... - shown in the red box below
<img src="https://yourWebsite.com/icons/Some-icon.png" alt="Renew cookie Pop-up button">
Insert the code above in its place and replace the https://yourWebsite.com/icons/Some-icon.png with an icon of your choice.
To resize the icon, look at the Cascading Style Sheet box and locate
#Coi-Renew {
Change the width to increase or decrease the icon size.
Related articles: