> 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/touchpoints.md).

# Touchpoints

Simple version of 8.SET Compose with limited user interaction - for example for a cart layer

You can use any widget on any kind of page in your shop. In order to identify which page the widget is on you need to add another data attribute - `data-touchpoint`.

Eligible values are `product`, `cart-layer`, `cart`, `content`, `category`, `search`.

{% code overflow="wrap" %}

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

{% endcode %}

<table data-view="cards"><thead><tr><th></th><th></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Product Page</strong></td><td>Classic touchpoint - the product page.</td><td><a href="https://2912494604-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LHKqRZhVzu1H_Op1cBA%2Fuploads%2FOym92UnKc3cAbHZ1nSb5%2FScreenshot%202023-10-09%20at%2015.13.44.png?alt=media&amp;token=7fb27f82-74e5-4384-a1e5-1564550a9619">Screenshot 2023-10-09 at 15.13.44.png</a></td><td><a href="/widgets/touchpoints/product-page.md">Product Page</a></td></tr><tr><td><strong>Cart Layer</strong></td><td>Show complementary products for the product that was added to the cart.</td><td><a href="https://2912494604-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LHKqRZhVzu1H_Op1cBA%2Fuploads%2F57vSVQz5lwvnaedlS9Ui%2FScreenshot%202023-10-09%20at%2015.08.13.png?alt=media&amp;token=1a87965f-14df-4992-a5d3-8c4e3e47059d">Screenshot 2023-10-09 at 15.08.13.png</a></td><td><a href="/widgets/touchpoints/cart-layer.md">Cart Layer</a></td></tr><tr><td><strong>Cart</strong></td><td>Show complementary products for the cart's content.</td><td><a href="https://2912494604-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LHKqRZhVzu1H_Op1cBA%2Fuploads%2FUCr6ZPwZP4jeUC7gjdKC%2FScreenshot%202023-10-09%20at%2015.08.52.png?alt=media&amp;token=9b3a7b5a-7442-44c6-a106-b6b12310f3e6">Screenshot 2023-10-09 at 15.08.52.png</a></td><td><a href="/widgets/touchpoints/cart.md">Cart</a></td></tr><tr><td><strong>Content Page</strong></td><td>Show custom sets with automatic alternatives.</td><td><a href="https://2912494604-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LHKqRZhVzu1H_Op1cBA%2Fuploads%2FXkEuadmRRzwxiGUpHP3d%2FScreenshot%202023-11-02%20at%2013.34.58.png?alt=media&amp;token=f8eb8e9b-40c5-4c71-b87f-030ef8e640a0">Screenshot 2023-11-02 at 13.34.58.png</a></td><td><a href="/widgets/touchpoints/content-page.md">Content Page</a></td></tr><tr><td><strong>Category Page</strong></td><td>Show content on category listing</td><td></td><td></td></tr><tr><td><strong>Search result</strong></td><td>Show content on search result page</td><td></td><td></td></tr></tbody></table>