Can I turn an existing image or logo into a video trigger?
Yes. ReelFlow's trigger method isn't limited to buttons - it works on any clickable element you can attach a link to, including images and logos. Point the image's link destination to the reserved value #reelflow-player-open and clicking it launches the Overlay Player, exactly as if it were a button.
Does the type of element matter?
No. ReelFlow's trigger method attaches to a link destination, not to a specific element type - so it works identically on buttons, text links, and images, logos included.
How do you set it up on an image or logo?
- Select the image. Open it for editing in your website builder or CMS.
- Add or edit its link. Most builders let you wrap an image in a link, the same way you would a button.
- Set the link to the reserved value. Enter
#reelflow-player-open. - Publish and test. Click the image - the Overlay Player should open.
Will this change how the image looks or behaves otherwise?
No. The image keeps its existing appearance and position. The only change is that clicking it now opens the video player instead of doing nothing (or navigating somewhere, if it previously had a different link).
Where teams typically use an image as the trigger
- A header or nav bar logo, so the video is one click away from anywhere on the site.
- A product screenshot or thumbnail, styled to look like a watch-demo preview.
- A hero banner image, instead of adding a separate button beside it.
What about multiple images pointing to different videos?
The reserved link only targets whichever single Overlay Flow is published on the page. If several Flows are live at once, use the ReelFlow Player API instead, which lets each image call a specific Flow by ID.
FAQ
Can I do this with our site's header logo specifically?
Yes - a logo is just an image with a link, so the same method applies.
Does the image need any special formatting or size?
No. There's no ReelFlow-specific requirement on the image itself - only its link destination matters.
What if we have several Overlay Flows on one page?
The reserved link can't distinguish between them - use the Player API's getFlow method to target a specific Flow by ID instead.
Can I use this alongside a regular button trigger on the same page?
Yes. Buttons, text links, and images can all point to the same reserved value and will all open the same Overlay Player.
Related questions
Yes. ReelFlow lets you open its interactive video player from any button, link, or image on your page – no code required. Set the element's link destination to a reserved value (#reelflow-player-open) or attach a CSS class (.reelflow-player-open), and clicking it launches the Overlay Player instantly. For more advanced control – like managing multiple Flows on one page or firing custom third-party events – the ReelFlow Player API gives developers full programmatic access.
Turning a button into a video trigger takes one small change: set its link destination to #reelflow-player-open instead of a normal URL. Publish the page, make sure an Overlay Flow is live on it, and clicking the button opens the ReelFlow video player immediately. No script, plugin, or developer ticket required.
You don't need to rebuild anything. Open the existing button's settings, find its link (URL or href) field, and replace whatever's there with ReelFlow's reserved value #reelflow-player-open. The button's design, size, and position all stay untouched - only its click behaviour changes. If the button doesn't expose a link field, adding the .reelflow-player-open CSS class does the same job.
Make your logo do double duty
Turn an existing image or logo into a one-click launch point for ReelFlow's interactive video, without redesigning anything.