# Customise your widget

## Video

{% embed url="<https://www.loom.com/share/a6f8e684149a429aa5f806e5497f45a1>" %}

## Widget settings

Depending on your Openli plan you'll have different styling options available in your Openli dashboard.&#x20;

Go to "Widgets" and select your cookie widget. Click on "Edit widget" to access the customisation options.&#x20;

![](/files/akOVEudVlOyH1lyEQzt8)

You'll have several options to style your widget to your liking in the side menu.

## Integration styling

### Setting the display language

The cookie widget currently supports these languages, in the given jurisdictions:

| Language       | Supported in jurisdiction | Option value     |
| -------------- | ------------------------- | ---------------- |
| English (EN)   | All jurisdictions         | None, or `en-us` |
| Danish (DA)    | Denmark (DK)              | `da-dk`          |
| Dutch (NL)     | Netherlands (NL)\*        | `nl-nl`          |
| German (DE)    | Germany (DE)\*            | `de-de`          |
| Norwegian (NO) | Norway (NO)\*             | `no-no`          |
| Spanish (ES)   | Spain (ES)\*              | `es-es`          |
| French (FR)    | France (FR)\*             | `fr-fr`          |

\**Our widget currently uses the rules from Denmark (DK) for this jurisdiction, with specific support for local rules planned for a future version.*

Additional jurisdictions and languages will be added over time.

{% hint style="info" %}
If you do not specify a language, or if the language you set is not supported by us **in the visitor's jurisdiction**, English will be used. The table above lists the supported combinations.
{% endhint %}

To set the display language, initialise your widget with the `locale` option set to the value for the language you desire. For example, to use Danish when the jurisdiction is Denmark, your widget's initialisation would look similar to this:

```javascript
legal.widget({
    type: "cookie",
    widgetPublicKey: "...",
    locale: "da-dk",
});
```

## Widget button colours

Most of the European data protection agencies, including the Danish and French, have issued cookie guidelines in which they mention that the “accept” vs “reject” buttons (*also referred to as "accept all" vs "accept necessary" or "yes" vs "no"*) should have the same colour.&#x20;

We therefore recommend that you take a look at your cookie pop-up and make sure that your cookie pop-up’s buttons have the same colours.<br>

If you are using Openli’s cookie solution, it's easy to change your buttons’ colour by following these steps:<br>

1. Log in to your [Openli Account](https://app.openli.com)
2. Go to “Widgets” (left side menu)
3. Click the “Customise your cookie widget” button for your cookie widget
4. In the design view, change the colours of the buttons so that they are the same, as shown here:<br>

![](/files/CunsM2pvA7jatmQ4YSLM)

If you choose to have different button colours, please note that this may be non-compliant and you should therefore consider this very carefully.

The default button colour setting in Openli is that the buttons have the same colour. If your cookie pop-up buttons have different colours, it's at your own risk and responsibility. &#x20;


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.openli.com/docs/cookie-consent-management/cookie-widget/customise-your-widget.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.