Skip to content
Mindstamp

Extend it

Open an HTML modal on video.

Show a custom HTML panel on top of the player — a form, a table, a calculator, or your own component.

Works on the video you already have. No re-encoding.

HTML modal shown in the Mindstamp editor

What it does

The escape hatch for anything bespoke

When the interaction you need does not exist as a preset, build it and open it in place.

Your own markup

Anything you can build in HTML can open over the video without leaving it.

Triggered like any interaction

Fire the modal at a timecode, from a click, or from a specific answer.

Keeps the session intact

The viewer stays in the video, so the reporting stays in one place.

In practice

What people build in a modal

The things a standard interaction cannot quite express.

  • Pricing calculators inside a sales walkthrough
  • Custom booking or intake forms
  • Interactive data tables in a results review
Screenshot needed — html modal being configured in the editor

In depth

What html modal is for

Seamlessly open content from other websites directly within your Mindstamp video experience.

In today’s digital ecosystem, simplicity is everything. The quicker you can bridge the gap between your viewer and the desired endpoint (your website, checkout page, scheduler, etc) the better! By decreasing the amount of steps it takes to drive action (learn more, buy now, etc) you’re also decreasing the likelihood of your customer experiencing fatigue and not performing the action you want them to.

Use Mindstamp's “Open Modal” click action to make your videos a one-stop shop for each and every viewer.

Modal links are links to websites that open within your current video. By clicking on an interaction that opens a modal link, your viewer is able to browse and explore a separate link without ever leaving the core experience. Once they’re done, they can simply hit the “x” in the top right corner of the Modal to return to the autoplayed experience.

Interested in setting an appointment with a potential buyer? Want to set a time for students to meet with you one-on-one? Whatever describes your specific use-case, there are tremendous benefits to allowing your viewing audience (or some of your viewing audience) to book a meeting with you directly in-video.

Set up a button, for instance, that says “Book Now!” and use the “Open Modal” action to pause the core content, pop up your Calendly or HubSpot calendar, allow viewers to book a timeslot, then automatically resume the core content once they exit.

How many times have you heard something like “link to the product in the description of this video!” or “visit our website to buy one for yourself!”? With Mindstamp, we allow you to bring the store to the customer - not make the customer search for the store. At any point in your video, add an interaction (Button, Hotspot, Image, etc) and select the “Open Modal” click action.

As soon as your viewer clicks on the interaction, the video will pause and your store will take the stage. Once they’re done shopping, they can close out of the pop-out experience and resume the original video.

What gets measured

Every use of it is reported

Reported per viewer
Every use of this interaction is recorded against the person, not the play.
Placed to the second
Attached to the timecode it sits on, so results map to the moment that produced them.
On video you already have
Layered on the existing file — the original is never re-encoded or replaced.

Questions

What teams ask about html modal

What can go inside a modal?

Your own HTML, which is why teams use it for calculators, bespoke forms, and embeds that have no preset.

Is it responsive?

The modal scales with the player, so build the contents mobile-first as you would anywhere else.

Try it on one video

Open your own component over a video

Take the tool that currently lives on another page and bring it into the frame.