..  include:: /Includes.rst.txt

============
Introduction
===========

What does it do?
================

This TYPO3 extension provides a functionally complete and :ref:`feature <features>` 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
===========

..  youtube:: Kimcr5qjFtk

..  warning::

    Please note that the content of this video represents an older version. I will re-record it in due course. See the screenshots below for a current image of the status.

..  _screenshots:

Screenshots
===========

Frontend
--------

..  figure:: /Images/Frontend-Modal.png

    Front-end view of the initial modal

..  figure:: /Images/Frontend-LetMeChoose.png

    Front-end view of the "Let me choose" dialog

Backend
-------

Site Configuration
~~~~~~~~~~~~~~~~~~

..  figure:: /Images/SiteConfiguration.png

    Reference of the Klaro setting as well as the linking of the pages for the data protection declaration and the imprint

General Klaro Configuration
~~~~~~~~~~~~~~~~~~~~~~~~~~~

..  figure:: /Images/Configuration-General.png

    Klaro Configuration - General Tab

..  figure:: /Images/Configuration-Layout.png

    Klaro Configuration - Layout Tab

..  figure:: /Images/Configuration-Content.png

    Klaro Configuration - Content Tab

..  figure:: /Images/Configuration-Cookie.png

    Klaro Configuration - Cookie Tab

..  figure:: /Images/Configuration-Advanced.png

    Klaro Configuration - Advanced Tab

Klaro Service Configuration
~~~~~~~~~~~~~~~~~~~~~~~~~~~

..  figure:: /Images/Service-General.png

    Service Configuration - General Tab

..  figure:: /Images/Service-Cookie.png

    Service Configuration - Cookie Tab

..  figure:: /Images/Service-Toggles.png

    Service Configuration - Toggles Tab

..  figure:: /Images/Service-Advanced.png

    Service Configuration - Advanced Tab

Contextual Consent
~~~~~~~~~~~~~~~~~~

..  figure:: /Images/Content-ContextualConsent.png

    Backend configuration of the content element

..  figure:: /Images/Frontend-ContextualConsent.png

    Frontend display