Using the reopen consent pop-up icon
This article will let you know how to use, remove and customize the reopen consent pop-up functionality
Anna Madsen avatar
Written by Anna Madsen
Updated over a week ago
Cookie Information re-open icon

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).

  • 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:

Did this answer your question?