> ## Documentation Index
> Fetch the complete documentation index at: https://docs.videowise.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Custom events

> Listen for playback, product, and checkout events from Videowise widgets.

Widget events are dispatched on `window`. Use `window.addEventListener` to intercept them.

These events are for **shoppable video widgets**. Live shopping uses a different set — see [Live shopping custom events](/live-shopping/custom-events). On React Native, the same widget events arrive through `onEvent` on SDK components — see [VideoFeed](/sdk/video-feed), [Floating](/sdk/floating), and [Inline](/sdk/inline).

```javascript Code Block Example theme={null}
window.addEventListener("videowiseVideoClick", (event) => {
  // Your code here
});
```

```javascript Code Block Example theme={null}
window.addEventListener("videowiseVideoClick", (event) => {
  console.log("videowiseVideoClick executed");
  console.log(event.detail); // return Data from event
});
```

## Events

### videowiseProductAddToCart

Triggered when a user adds a product to the cart.

* productName
* productId
* variantId
* selectedVariant
* qty
* price
* currencyCode
* videoTitle
* videoId
* widgetId
* deviceType
* url

### videowiseVideoClick

Triggered when a user clicks on a video.

* videoTitle
* videoId
* widgetId
* deviceType
* url

### videowiseVideoStart

Triggered when a video played more than 3 seconds.

* videoTitle
* videoId
* widgetId
* deviceType
* url

### videowiseVideoFull

Triggered when played more than 80% of the video.

* videoTitle
* videoId
* widgetId
* deviceType
* url

### videowiseVideoSwipe

Triggered when a user swipes a video.

* videoTitle
* videoId
* widgetId
* deviceType
* url

### videowisePlayerClose

Triggered when a user closes the player.

* videoTitle
* videoId
* widgetId
* deviceType
* url

### videowiseVideoSoundOn

Triggered when a user turns on the sound of the video.

* videoTitle
* videoId
* widgetId
* deviceType
* url

### videowiseVideoSoundOff

Triggered when a user turns off the sound of the video.

* videoTitle
* videoId
* widgetId
* deviceType
* url

### videowiseProductClick

Triggered when a user clicks on a shoppable product.

* productId
* productName
* videoTitle
* videoId
* widgetId
* deviceType
* url

### videowiseProductBuyNow

Triggered when a user clicks on the buy now button of a shoppable product.

* productId
* productName
* variantId
* selectedVariant
* qty
* price
* currencyCode
* videoTitle
* videoId
* widgetId
* deviceType
* url

### videowiseVideoBounce

Triggered when a user close/swipe the video without playing it, noted video played less than 3 seconds.

* videoTitle
* videoId
* widgetId
* deviceType
* url

### videowiseDataReady

Triggered when the widget has all the necessary data and is ready for rendering

* widgetIds
* deviceType
* url

### videowiseCampaignReady

Triggered after campaign rendered

* campaignId
* deviceType
* url

### videowiseCampaignCheckout

Triggered before redirecting the user to the Shopify checkout page

* campaignId
* deviceType
* url
* items \[array]
  * productName
  * productId
  * qty
  * price
  * currencyCode

### videowiseCtaClick

Triggered when a user clicks on a call to action button.

* videoTitle
* videoId
* widgetId
* deviceType
* buttonClicked (text in the button)
* url

### videowiseCheckoutClick

Triggered when a user clicks the checkout button on the cart.

* products \[array]
  * productId
  * productName
  * variantId
  * selectedVariant
  * qty
  * price
* currencyCode
* videoTitle
* videoId
* widgetId
* deviceType
* url

### videowiseExpandedProducts

Triggered when a user expands the shoppable products list on an inline widget.

`event.detail` is an array (`product[]`) containing the expanded products.

## Related

* [Custom platforms](/shoppable-videos/custom-platforms) — handle `videowiseProductAddToCart` with your own cart
* [Widget re-rendering](/shoppable-videos/re-rendering)
* [Live shopping custom events](/live-shopping/custom-events)
* [VideoFeed](/sdk/video-feed), [Floating](/sdk/floating), [Inline](/sdk/inline)
* [Order tracking](/shoppable-videos/order-tracking)
* [Cookies](/cookies)