How do I customise the colors, fonts, font sizes of the Opt-out form so it matches my website design and styles?

As part of respecting your users privacy, we recommend to include the Matomo Opt-out form in your website. This lets your users easily opt-out of being tracked in your Matomo instance. When you include the opt-out form in your website, by default the opt-out feature will use the default HTML style for your website. In most cases this should integrate nicely with your website style.

If not then luckily it is possible to customise the look and feel of the opt-out form on your website. To customise the opt-out form, go to Matomo > Administration > Privacy > Users opt-out. You are able to customise the font-color, the background color, the font size and the font family. To customise the opt-out form you can use the following URL parameters:

• backgroundColor, a hexadecimal color string for example ffffff or ddd
• fontColor, a hexadecimal color string for example ffffff or ddd
• fontSize, a valid CSS font size for example 1.2em, 15pt, 15px or 50%
• fontFamily, a string containing only letters, space, or hyphen eg. Lucida, Courier new
• language, the language of the opt-out text, a two letter code eg. en or de (see the list of all languages or get involved)

In cases where you need to customise even more aspects of the opt-out form (for example change the opt-out text itself) you can implement a custom visitor opt-out form using JavaScript.