8SELECT - Integration Documentation
8SELECTService Status
  • 8.HX PLATFORM
  • Shop Integration
    • 8.SDK Web (JavaScript SDK)
    • Widgets
      • βž•Add more elements, like custom headline
      • πŸ‘»Hide recommendation area in case there is no content
      • πŸ”ŽAdding widgets after 8.SDK was loaded
      • πŸ—ΊοΈInternationalization
    • Shopping Cart
    • Checkout Tracking
    • Product Export
    • A/B Testing
    • Single Page Application
    • Tag Manager
    • Data Privacy / Cookies / GDPR
  • Widgets
    • 8.SIMILAR
    • 8.SET
    • 8.SET Custom
    • Touchpoints
      • Product Page
      • Cart Layer
      • Cart
      • Content Page
  • Product Export
    • Data Transfer
    • File Format
    • Base Data
      • Details and examples
    • Fashion Content Pool
      • Details and examples
    • Image Bot
  • Sandbox
    • Demo-Integration
    • Demo-Mode
  • API
    • Changelog
      • 2.0.0
      • 1.0.1
    • General
      • Introduction
      • Authentication
      • Pagination
      • Exceptions
      • GraphQL Schema
    • Examples
      • 8.SIMILAR
      • 8.SET
      • 8.SET Custom
      • Product Page - All Content
  • API Tracking
    • Changelog
    • General
      • Introduction
      • Authentication
      • Context
      • User Identification
      • Event Validation
    • Events
      • view
        • How to evaluate if view event can be sent
        • User views 8.SET content
      • interact
        • User clicks on a product within 8.SET content
        • User adds a product to their card from within 8.SET content
        • Example what is not a product interaction
      • order
Powered by GitBook
On this page

Was this helpful?

  1. Widgets

Touchpoints

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

Previous8.SET CustomNextProduct Page

Last updated 7 months ago

Was this helpful?

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.

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

Category Page

Show content on category listing

Search result

Show content on search result page

Cover

Product Page

Classic touchpoint - the product page.

Cover

Cart Layer

Show complementary products for the product that was added to the cart.

Cover

Cart

Show complementary products for the cart's content.

Cover

Content Page

Show custom sets with automatic alternatives.