LiSA Social Commerce
Developers
Developers
  • Developers
  • Guides
    • Integration Guide
      • Web Integration
      • App Integration
        • Android
          • Communication
          • Storage
          • File Downloads
          • Theming
        • iOS
          • Communication
          • Storage
          • File Downloads
          • Theming
        • React Native
          • Communication
          • Storage
          • File Downloads
          • Theming
        • Picture in Picture
      • Entrypoints
        • Query Parameter (v1)
    • Player Communication
      • Message API Reference
        • App
          • App — Heartbeat
          • App — Message Acknowledge
          • App — Message Error
          • App — Listen
        • CTA
          • CTA — Link in Comments
          • CTA — Sponsor Badge
        • Cart — View Cart
        • Comments — Join
        • Media
          • Media — Complete
          • Media — Pause
          • Media — Progress
          • Media — Resume
        • Media Item
          • Media Item — Emoji
          • Media Item — Impression
        • Player
          • Player — Dismiss
          • Player — Native Picture-in-Picture (PiP)
          • Player — Pass Visual Viewport
          • Player — Request Visual Viewport
          • Player — UI Transition
        • Products
          • Products — Add to Cart
          • Products — Add to Wishlist
          • Products — Click
          • Products — Close Product List
          • Products — Emoji
          • Products — Emoji State Update
          • Products — Impression
          • Products — Open Product List
        • Stickers
          • Stickers — Activate
          • Stickers — Click
          • Stickers — Expire
          • Stickers — Impression
          • Stickers — Publish
          • Stickers — Unlock
          • Stickers — Unpublish
          • Stickers — Update
          • Stickers — Voucher Claim
        • Visitor — Pass User Context
        • Shared Legacy Message Properties
    • Products
      • Product Update Notification API
  • Widgets
    • Content Hub
    • Quick Start Guide
    • Appearance
      • Markup
      • Responsive design
    • Configuration options
      • Autoplay
      • Channel
      • Client
      • Data
      • Debug
      • Host node
      • Layout
      • Language
      • On
      • Player
      • Query string
      • Quick view
      • Sections
      • Store
      • Template
    • API reference
      • Library API reference
      • Player API reference
      • Quick View API reference
    • Customisations
      • Template
      • Bring your own template
      • Type definitions
    • Examples
    • Type definitions
      • Asset
      • Product
      • Other
    • Promo Widget
      • Quick Start Guide
      • Configuration options
        • Autoplay
        • Channel
        • Countdown (deprecated)
        • Enabled
        • Image modifier
        • Lead time
        • Live (deprecated)
        • Position
        • Replay (deprecated)
        • Show ID
        • URL
  • Media Player Introduction
    • Picture-in-Picture Mode
  • Analytics
  • REST API
    • Authentication
    • Rate limits
    • Response status and error codes
    • API Documentation
Powered by GitBook
On this page
  1. Widgets
  2. Promo Widget

Configuration options

LiSA Promo Widget comes with a variety of configuration options to customise it to your needs.

Web SDK configuration

In addition to the Promo Widget specific configuration options, you must provide a subset of the Web SDK configuration options. Below you will find the required and optional settings to run the Promo Widget:

type Config = {
  /** The actual Promo Widget configuration. */
  alert: AlertConfig;
  /** The client identifier, provided during account creation. */
  client: string;
  /**
   * The language code you want to pass onto the show player
   * in a multi-language environment.
   */
  language: LanguageCode; // e.g. 'en'
  /** Locale information required for rendering date information. */
  locale?: string; // e.g. 'en-US'
  /** Localisable text values, used by the Web SDK. */
  localisation?: {
    /** Caption displayed, when the promoted show's countown is completed. */
    alertCountdownComplete?: string;
    /** Caption displayed, while the promoted show's countown is running. */
    alertCountdownCaption?: string;
    /** Caption displayed, when the promoted show is currently live. */
    alertLiveCaption?: string;
    /** Caption displayed, when the promoted show's replay is available. */
    alertReplayCaption?: string;
  };
  /** (URL encoded) query string, you want to pass onto the live show landing page. */
  querystring?: string;
  /** The store identifier you want to pass onto the show in a multi-store environment. */
  store?: string;
}

Type definition

type AlertConfig = {
  autoplay?: false | { parameter?: string };
  channel?: 
    | string
    | { mode: 'priority'; slug: string }
    | { mode: 'random'; slug: string };
  enabled?: boolean;
  imageModifier?: string;
  leadTime?: number;
  position?: 'bl' | 'br' | 'tl' | 'tr' | Position;
  showId?: string;
  url?: string;
};
PreviousQuick Start GuideNextAutoplay

Last updated 1 year ago