# 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;

![](https://1919043541-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LRMQvUsiQMLNstTU-cS%2F-MYiHKZorIJ8e_vEv2SD%2F-MYiHdxcYSlqtCkpgsiv%2FSk%C3%A6rmbillede%202021-04-20%20kl.%2009.58.45.png?alt=media\&token=44c35fa4-0dad-4962-8aca-a3f8d102f275)

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;

![](https://1919043541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LRMQvUsiQMLNstTU-cS%2Fuploads%2FB6XKFQ6LjYcWqNoFiqsn%2FScreenshot%202021-11-22%20at%2010.25.02.png?alt=media\&token=8ab9fe7b-f790-490e-827f-b35ac6b778e3)

![](https://1919043541-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LRMQvUsiQMLNstTU-cS%2Fuploads%2FONJ8EzBoo85MDc8XWRue%2FScreenshot%202021-11-22%20at%2010.25.18.png?alt=media\&token=f788eb63-ad8a-40c4-aac4-3b305c083a78)

The updated link would look something like this:

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