---
title: "Introduction"
manual: "Klaro! Consent Manager"
version: "3.0"
permalink: "https://docs.typo3.org/permalink/erhaweb/klaro-consent-manager:introduction@3.0"
source: "Introduction/Index.rst"
rendered: "2026-09-24T10:59:28+00:00"
---

# Introduction {#introduction}

## What does it do? {#what-does-it-do}

This TYPO3 extension provides a functionally complete and [feature](https://docs.typo3.org/permalink/erhaweb/klaro-consent-manager:features@3.0) rich, flexible TYPO3 integration of [Klaro! Consent Management](https://klaro.org/) (hereinafter referred to as "Klaro") by [KIProtect GmbH](https://kiprotect.com/), a powerful tool that protects your visitors' privacy and data and helps you run a GDPR compliant website.

Klaro itself is fully self-hosted and does not rely on the use of resources from external sources. It gives you full control over services requiring consent, including the cookies associated with them and the purposes they belong to. The styling can be influenced either via supplied (also colour-neutral) schemes or your own CSS.

If you have already worked with Klaro in TYPO3, you will love this extension because it is much more intuitive to use due to the use of the backend GUI. If not, this extension will make it particularly easy for you to familiarise yourself with Klaro's range of functions.

## Video {#video}

[Watch this video on YouTube](https://www.youtube.com/watch?v=Kimcr5qjFtk)

> [!WARNING]
> The video shows an older extension version. Use the written documentation
> and the screenshots below as the current reference.

## Screenshots {#screenshots}

### Frontend {#frontend}

![Klaro frontend consent notice shown as the initial modal](../Images/Frontend-Modal.png)

![Klaro frontend consent modal opened through the Let me choose action](../Images/Frontend-LetMeChoose.png)

### Backend {#backend}

#### Site Configuration {#site-configuration}

See [Site Configuration](https://docs.typo3.org/permalink/erhaweb/klaro-consent-manager:for-editors-site-configuration@3.0) for the documented fields.

![Klaro tab in the TYPO3 site configuration](../Images/SiteConfiguration.png)

#### General Klaro Configuration {#general-klaro-configuration}

See [Configuration](https://docs.typo3.org/permalink/erhaweb/klaro-consent-manager:for-editors-configuration@3.0) for the complete Klaro configuration
record reference.

![General tab of a Klaro configuration record](../Images/Configuration-General.png)

![Layout tab of a Klaro configuration record](../Images/Configuration-Layout.png)

![Content tab of a Klaro configuration record](../Images/Configuration-Content.png)

![Cookie tab of a Klaro configuration record](../Images/Configuration-Cookie.png)

![Advanced tab of a Klaro configuration record](../Images/Configuration-Advanced.png)

#### Klaro Service Configuration {#klaro-service-configuration}

See [Service](https://docs.typo3.org/permalink/erhaweb/klaro-consent-manager:for-editors-service@3.0) for the complete service record reference.

![General tab of a Klaro service record](../Images/Service-General.png)

![Cookies tab of a Klaro service record](../Images/Service-Cookie.png)

![Toggles tab of a Klaro service record](../Images/Service-Toggles.png)

![Advanced tab of a Klaro service record](../Images/Service-Advanced.png)

#### Contextual Consent {#contextual-consent}

See [Contextual Consent](https://docs.typo3.org/permalink/erhaweb/klaro-consent-manager:for-editors-contextual-consent@3.0) for the content element field and
workflow.

![TYPO3 content element configured for Klaro contextual consent](../Images/Content-ContextualConsent.png)

![Frontend contextual consent placeholder before external content is loaded](../Images/Frontend-ContextualConsent.png)