> For the complete documentation index, see [llms.txt](https://docs.openli.com/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.openli.com/docs/cookie-consent-management/cookie-widget/use-custom-link-button-instead-of-cookie-shield.md).

# Use custom link/button instead of Cookie Shield

{% hint style="info" %}
This feature is only available for customers on Cookie Business.&#x20;
{% endhint %}

## Step 1: Choose "using a custom link/button"

In the Widget Builder, select the "using a custom link/button" option, as shown:&#x20;

![](/files/-MYiHdxcYSlqtCkpgsiv)

Press save and exit.

## Step 2: Create a custom link/button on your webpage

To enable the custom link/button, you must add the  `data-openli="show-cookie-settings"` attribute to your chosen HTML element. For example, to use a `button` element, you would add the following:&#x20;

```markup
<button data-legalmonster="show-cookie-settings">Access your cookie settings</button>
```

When the user clicks or taps an element with that attribute, the cookie widget will show the settings page.

{% hint style="info" %}
If the `data-legalmonster="show-cookie-settings"` attribute is not present on at least one element on the page, the cookie widget will revert to showing the shield, and log a warning in the browser console.
{% endhint %}

## Example

Below is an example of how you could use this functionality on your page:&#x20;

![](/files/Adpov0MUvSlSZb0HuDKp)

![](/files/GYYmceGmptnPGOhHYHS5)

The updated link would look something like this:

```markup
<a data-legalmonster="show-cookie-settings">Access your cookie settings</a>
```
