data-style-theme (string)

Options: "light" (default), "dark"

The overall color theme of the embed.

data-style-max-width (string)

Customize the max-width of the embed by passing any value that is valid as a CSS max-width property. The default max-width is 1200px.

data-style-border-color (string)

Customize the border color of the embed by passing any value that is valid as a CSS border color property (HEX value, RGB value, HSL value, specific color name).

data-style-main-accent-color (string)

Customize the color used on the buttons and colored text by passing any value that is valid as a CSS color property (HEX value, RGB value, HSL value, specific color name). The default color is #f74356.

data-style-border-radius (string)

Options: "0"

The border radius of the embed defaults to 5px. If you wish to remove the border radius entirely, set this value to 0.

data-style-border-width (string)

Options: "0"

The border width of the embed defaults to 5px. If you wish to remove the border entirely, set this value to 0.

data-style-hidden (boolean)

Options: "0" (default), "1"

Sets the display property of the embed to none.

data-style-buy-text (string)

Options: "Buy" (default), "Add"

Customizes the buy button text on a product menu item.

data-style-button-icon (string)

Options: "plus"

Add a plus icon to the buy button on a product menu item.

data-style-variant-text (string)

Options: "Buy" (default), "Options"

Customizes the buy button text on a product menu item with more than variant.

data-view (string)

Options: "default" (default), "chat"

The data-view setting allows you to customize the content view that is open when the embed renders. If data-view="chat" is selected, the embed will render with the content menu expanded to show the chat. If data-view is not provided or data-view="default" is provided, the embed will render with the content menu collapsed.

data-auto-play (boolean)

Options: "0" (default), "1"

If data-auto-play is set to 1, then the embed will play the video automatically in muted mode.

data-hide-chat (boolean)

Options: "0" (default), "1"

If data-hide-chat is set to 1, then the embed will not display the chat box. This does not disable the chat on talkshop.live.

data-dnt (boolean)

Options: "0" (default), "1"

The data-dnt setting is a Do Not Track signal. You may choose whether the TalkShopLive embed on your site helps to personalize content and suggestions for TalkShopLive users, including web analytics tracking. You can opt out of having information from your website used for personalization by setting this property to 1.

data-report (boolean)

Options: "1" (default), "0"

Receive type: telemetry messages to the parent window.

data-manual-init (boolean)

Options: "0" (default), "1"

The data-manual-init setting allows you to have full control over when the embed initializes. If set to 1 the embed will not initialize unless the TSLController.launch() method is explicitly invoked by the parent window.

Advanced Options

❗️

Only authorized domains are allowed to enable these settings.

data-persist (boolean)

Options: "0" (default), "1"

Informs the embed to attempt to remain present in “minified” mode when a user traverses your site. Minified mode is a smaller version of our embed that floats on top of the page. This is especially useful when you’d like a video stream to always remain visible to the user through the checkout process or on other pages of your site. The user cannot buy products from within the minified embed. Possible values are 1 or 0 and the default is 0.

data-minified-position (boolean)

Options: "bottom-right" (default), "top-left", "top-right", "bottom-left"

Specify the position of a minified embed. Useful if you are using data-persist and want to override the default bottom-right position during application traversal.

data-minified-header-url (string)

Customize the url of the "<< Back to show" link in the header of the minified player. By default, the back to show link sends you to the previous page.

data-minified-header-text (string)

Customize the text in the header of the minified player. The default text is "<< Back to show". The message cannot be blank or longer than 15 characters. If an invalid message is passed, then the default will be used instead.

data-minified-z-index (integer)

Override the built-in z-index for a minified embed by setting a valid CSS integer.

data-minified-max-width (string)

Override the default max-width of the minified embed by passing a value that is valid as a CSS max-width property. The default max-width of a minified embed is 30vh but if the screen size is greater than 768px then the default max-width is 40vh.

data-control-cart (boolean)

Options: "0" (default), "1"

If set to 1, all add, remove, update cart actions and proceed checkout action will be handled by the parent page. If you enable this setting by passing a value of 1, you must create a listener and respond to these actions or the embed will be rendered totally un-shoppable.

For any given embed, the show that is presented may only sell products that the authorized domain can actually add to their cart and process a transaction for on their own site. Any products in a show that do not meet that criteria will become an outbound link (new browser tab) to the TalkShopLive platform where the user can complete their purchase.