AI info

How do I add a "watch video" action to a button I've already built?

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.

Why edit an existing button instead of adding a new one?

Reusing a button that's already built and already placed keeps the page's design consistent and avoids adding another competing call-to-action. If a Learn More or See How It Works button already sits in a strong position on the page, repointing it is usually faster and cleaner than building something new.

How do you update the link on a button you've already built?

  • Open the button for editing in your CMS or website builder.
  • Locate its link field. Note what it currently points to, if anything.
  • Replace the value with #reelflow-player-open.
  • Publish the page and click the button to confirm the video opens.

What if the button already links somewhere important, like a demo booking page?

A button can only carry one link destination at a time, so replacing it means the old destination is no longer reachable from that button. If both actions genuinely matter in that spot, it's usually better to add a second button alongside the existing one rather than overwrite it - one opens the video, the other keeps the original link.

What if the CMS won't let you edit the link field directly?

Some component-based builders restrict what can go in a button's link field. In that case, attach the CSS class .reelflow-player-open to the button instead - it produces the same click behaviour without needing a link field at all.

Confirming it worked

  • Check the Flow is published on the page the button lives on.
  • Click the button after publishing and confirm the Overlay Player opens.
  • Decide on the eye-catcher. If the button should be the only way to launch the video, turn the eye-catcher off in the Flow's activation settings.

FAQ

Will editing the link break the button's existing style?

No. Only the link destination changes - the button's appearance stays exactly as designed.

Can I switch it back to the old link later?

Yes. Just replace #reelflow-player-open with the original URL to restore its previous behaviour.

Does the button need to say Watch Video?

No. ReelFlow doesn't require specific button text - the label is entirely up to you.

Does this work if the button was built with custom code?

Usually, yes - as long as the element still has an editable link or you can add a class to it. If it's hardcoded with neither, a developer may need to add the trigger manually.

FAq

Related questions

Can you trigger a video from a button click?

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.

How do I make a button on my website open a video?

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.

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.

Can I trigger a video from a text link instead of a button?

Yes. ReelFlow doesn't distinguish between a button and a text link - both are simply clickable elements with a link destination, and both work the same way. Point a text link's href to #reelflow-player-open and clicking the words launches the Overlay Player, just as a button would.

Repoint a button you already have

No redesign needed - update the link on a button that's already live and it becomes a one-click way to launch ReelFlow's video player.