How to Create a "View Only" Widget (Disable All Clicks)

If you want your video widget to act purely as a visual element—where customers cannot click, open popups, or pause the video—you can achieve this using a simple CSS code snippet.

For a visual walkthrough of this process, please check out our demo here: https://app.supademo.com/demo/cmkb6wjlw214eke4xtzu3dik2?utm_source=link

This method uses pointer-events: none, which completely disables all mouse interactions.

• Customers cannot click to open the full-screen player.

• Customers cannot click to Pause or Mute the video.

• Customers cannot click "Shop Now" buttons inside the widget.

Since customers cannot click "Play," you must set the videos to start automatically.

1. Open your Journey settings.

2. Go to the Customize tab.

3. Ensure that Autoplay is enabled.

   • Note: Without this, your video may remain frozen on the thumbnail since the user cannot click to start it.

1. Stay on the Setup tab and scroll all the way down to the Custom CSS box.

2. Paste the following code into the box:

.floating-format .simple-video-player-wrapper,
.reel-tok-viewer .carousel-format, 
.reel-tok-viewer .story-format {
pointer-events: none;
}

3. Click Publish (or Save).

Your videos will now play automatically (one by one or simultaneously, depending on your autoplay settings), but they will be strictly visual. If a customer tries to click on them, nothing will happen.