> For the complete documentation index, see [llms.txt](https://docs.8select.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.8select.io/widgets/8.set-custom.md).

# 8.SET Custom

<div><figure><img src="/files/UgqUOOs2t1hR12CP4Hls" alt=""><figcaption></figcaption></figure> <figure><img src="/files/jj3OLStZDBMeZ9peb2f1" alt=""><figcaption></figcaption></figure></div>

## Widget-Element

### Content for a given SKU or Main-SKU

{% code overflow="wrap" %}

```html
<div data-8select-widget-id="8.SET-Custom" data-touchpoint="content" data-sku="insert-sku-of-currently-viewed-product"></div>
```

{% endcode %}

* `data-touchpoint` is a static attribute - find more about it under [touchpoints](/widgets/touchpoints.md)
* `data-sku` is a dynamic attribute
  * its value is the [SKU](/product-export/base-data/details.md#sku-sku) or [Main-SKU](/product-export/base-data/details.md#main-sku-main-sku) of the product variant the customer is viewing in the shop
  * the [SKU](/product-export/base-data/details.md#sku-sku) or [Main-SKU](/product-export/base-data/details.md#main-sku-main-sku) has to be the same value that is used in the [product export](/integration/produkt-export.md)
  * in case the viewed variant is changed, for example via a color drop-down the value has to be updated via `_8select.updateWidgetSku()`

### Show specific set

{% code overflow="wrap" %}

```html
<div data-8select-widget-id="8.SET-Custom" data-touchpoint="content" data-set-id="insert-id-of-your-set"></div>
```

{% endcode %}

* `data-touchpoint` is a static attribute - find more about it under [touchpoints](/widgets/touchpoints.md)
* `data-set-id` is a static or dynamic value
  * its value is the id of the custom set you created