Layout

Klaro Configuration - Layout Tab
Layout settings
Color Scheme
color_scheme
-
- type
-
select
- Default
-
'dark_neutral'
Default color scheme used for the display. The colors can also be overridden later via CSS variables.
Options:
- Dark (neutral)
[dark_
neutral] - Light (neutral)
[light_
neutral] - Dark
[dark]
- Light
[light]
Alignment
alignment
-
- type
-
string
- Default
-
''
Condition:
must_
consent == FALSE && notice_ as_ modal == FALSE Determines the alignment of the Consent box if
must
andConsent notice
are disabled.As Modal
Default consent status
Default
default
-
- type
-
boolean
- Default
-
false
Defines the default state for services in the consent modal (true=enabled by default). If this setting is set to "false", you can override it in any service.
Accept all
accept_all
-
- type
-
boolean
- Default
-
true
Setting
accept
toAll true
will show an "accept all" button in the notice and modal, which will enable all third-party services if the user clicks on it. If set to "false", there will be an "accept" button that will only enable the services that are enabled in the consent modal.
Behavior
Must consent
must_consent
-
- type
-
boolean
- Default
-
false
Condition:
notice_
as_ modal == FALSE If
must
is set to true, Klaro will directly display the consent manager modal and not allow the user to close it before having actively consented or declines the use of third-party services.Consent
Notice As Modal
notice_as_modal
-
- type
-
boolean
- Default
-
false
Condition:
must_
consent == FALSE Show cookie notice as modal
HTML Texts
html_texts
-
- type
-
boolean
- Default
-
true
If set to
true
, Klaro will render the texts given in theconsent
andModal. description consent
translations as HTML. This enables you to e.g. add custom links or interactive content. If you want to be able to output HTML tags via fluid-enriched labels (see "Content" → "Translations"), this option must be enabled.Notice. description
Embedded
embedded
-
- type
-
boolean
- Default
-
false
Setting "embedded" to true will render the Klaro modal and notice without the modal background, allowing you to e.g. embed them into a specific element of your website, such as your privacy notice.
Testing
testing
-
- type
-
boolean
- Default
-
false
Setting
testing
totrue
will cause Klaro to not show the consent notice or modal by default, except if a special hashtag is appended to the URL (#klaro-testing). This makes it possible to test Klaro on your live website without affecting normal visitors.
No Auto-Load
no_auto_load
-
- type
-
boolean
- Default
-
false
Setting this to true will keep Klaro from automatically loading itself when the page is being loaded.
Other display settings
Group by purpose
group_by_purpose
-
- type
-
boolean
- Default
-
true
You can group services by their purpose in the modal. This is advisable if you have a large number of services. Users can then enable or disable entire groups of services instead of having to enable or disable every service.
Disable Powered By
disable_powered_by
-
- type
-
boolean
- Default
-
false
You can also remove the "Realized with Klaro!" text in the consent modal. Please don't do this! We provide Klaro as a free open source tool. Placing a link to our website helps us spread the word about it, which ultimately enables us to make Klaro! better for everyone. So please be fair and keep the link enabled. Thanks :)