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
  • Add 8.SDK Web in demo mode to your shop
  • Add a widget to your shop

Was this helpful?

  1. Sandbox

Demo-Integration

To test the integration, the 8.SDK can be inserted into the shop via the (Chrome) Developer Tools. For this purpose, there is a demo tenant as well as demo product data and content.

Insert and execute the following snippets one by one to show the widget 8.SET Compose at the top of the current page.

Add 8.SDK Web in demo mode to your shop

// Load 8.SDK

(function(d, s, w) {
  var apiId = 'db54750f-80fc-4818-9455-30ca233225dc';
  window.eightlytics || function (w) {
      w.eightlytics = function () {
        window.eightlytics.queue = window.eightlytics.queue || [];
        window.eightlytics.queue.push(arguments);
      };
  }(w);
  var script = d.createElement(s);
  script.src   = 'https://wgt.8select.io/' + apiId + '/loader.js';
  var entry = d.getElementsByTagName(s)[0];
  entry.parentNode.insertBefore(script, entry);
})(document, 'script', window);

Add a widget to your shop

// Add 8.SET Widget
_8select.demo('8.SET')

Currently only the widget 8.SET-Compose supports the demo mode.

PreviousImage BotNextDemo-Mode

Last updated 1 year ago

Was this helpful?

You can add any widget via its id like described in the section .

WIDGETS