Video Popups: When Motion Helps a Signup and When It Hurts

What a video popup is

A video popup is an ordinary signup or offer popup with a short moving clip as its background or hero image. The form, the offer and the button are exactly what they would be on a still popup. What changes is the mood: a pour of coffee, fabric moving, a dog running into frame. For brands with good footage, motion can say in two seconds what a paragraph cannot.

It also adds a risk a still popup does not have. A moving picture competes with the words on top of it. The job of a video popup is to let the clip set the feeling while the text does the explaining, and to make sure the two never fight. You can try this with your own headline and button on real video designs in the free video popup maker, which plays the clip at phone size and checks the words as you type.

Write for the sound being off

Browsers generally start video muted, and many shoppers browse with the sound off. So treat the clip as silent. Anything a voice-over or a caption inside the video would have said has to be in the text layer as well, or the shopper never hears it.

A simple test: play one loop of the popup on a phone with the sound off. By the time the clip repeats, can you tell what the popup offers and what the button does? If not, the words need work, not the video.

The headline: short, and it says what they get

Reading over a moving picture is harder than reading over a flat colour. Every extra word costs more than it would on a still popup. Aim for a handful of words that name the benefit: members get it first, fifteen percent off your first case, early access to the drop.

Two ways to get it wrong

• Too much. A long sentence about your roasting process or your design story. It might be lovely, but nobody reads it while a clip plays behind it. Move the story to the supporting line or to the welcome email.
• Too little. A mood with no offer: brilliance, worn close. It looks beautiful and gives the shopper no reason to type an address. Keep the mood in the clip and put the offer in the words.

The button: what happens on the tap

The button should open with an action and name the reward: get early access, unlock my discount, join the list. Keep it to a few words so it sits on one line of a phone button. A label that wraps onto two lines over a moving background looks unfinished. For more ways to phrase it by offer and tone, the CTA button text generator writes labels and checks their length.

Keep the clip light

Video is heavier than an image. A few habits keep it from costing the page anything the shopper would notice:

• Use a short loop, a few seconds long, rather than a full brand film.
• Compress it for the web, and size it for the popup rather than for a cinema screen.
• Let the popup and its clip start after the page has loaded, so the product page itself never waits on the video.
• Keep a still frame that looks good on its own, for anyone whose device reduces motion.

If you are preparing a still to sit alongside the clip, the image resizer will crop and resize it in the browser.

When not to use video

Motion is not automatically better. If your footage is weak, a strong photograph will do more. If your site is already busy with carousels and animations, a moving popup adds to the noise. And if your offer is complicated, a still popup with room for a clear sentence may serve it better. Video earns its place when the product is at its best in motion and the offer is simple enough to say in a few words.

Next step

Pick a design in the video popup maker, type your headline and button, and watch it loop with the sound off. Shorten anything the copy check flags.

Nudgesmart has ready-made templates with a real video background, shown to the shoppers you choose to target.