How to create a persistent Cookie Preference icon

A persistent cookie preference icon is a small, always-visible button on your website that allows visitors to reopen the cookie banner or adjust their consent preferences at any time — even after they’ve made an initial choice.

This helps improve transparency, enhances user control over their data, and supports compliance with privacy regulations like the GDPR and CCPA.

To implement this feature on your site, use the following HTML snippet:

<div
  class="termly-display-preferences"
  style="
    height: 45px;
    width: 45px;
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 9999;
    cursor: pointer;
  "
>
  <button style="
    background-color: transparent; 
    border: none; 
    height: 100%; 
    cursor: pointer;
   "
>
    <img
      src="Insert Logo's Source code"
      style="height: 100%; width: auto"
      alt="Termly Cookie Preference Logo"
    />
  </button>
</div>

The termly-display-preferences class is required for the icon to function, as it enables Termly’s cookie preference modal to open when clicked. 

You can replace the default image with your own icon and apply additional styles using custom CSS. The icon’s positioning, size, and appearance are fully customizable, allowing you to match it seamlessly with your website’s design.