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.

Katarina Hansen avatar
Written by Katarina Hansen
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.

  1. Remember to remove the icon (see how to further below).

  2. The re-open functionality should be accessible on all pages of your website.

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();">Cookie Settings<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 further below).

  • Navigate to the platform

  • Go to the "Pop-up appearance" tab on the left-hand side

  • 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 & 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 app.cookieinformation.com - Consent Solutions - pick the consent solution you want to change it in - Pop-up - Advanced Settings

  • In the HTML definition of the consent pop-up box, press the small arrow next to <svg version=..
    Then, delete the line containing <svg version="1.1'....

<img src="https://yourWebsite.com/icons/Some-icon.png" alt="Renew cookie Pop-up button">

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