40+ Hook Ideas for Before and After Openers That Convert

Before and after openers work because they compress a transformation into a few seconds: show the undesirable state, cut to the result, and let the gap between the two do the selling. If you're hunting for hook ideas for before and after openers, the goal isn't just picking a dramatic "after" shot — it's making the "before" feel instantly recognizable to the exact person scrolling past it, so the promise of the "after" is worth three more seconds of attention.

What makes a before and after opener actually work

A before and after opener is really a bet: you're betting that the viewer recognizes their own problem in your "before" shot faster than they can scroll. That means the before has to be ordinary, not staged-bad. A phone stand ad that opens on a phone propped against a stack of books and a coffee mug reads as true. A phone stand ad that opens on a phone literally falling off a table reads as fake, and fake kills trust before the after even shows up.

The second requirement is pace. The viewer should see the before, register it, and hit the after within roughly two seconds. If the before drags, you lose the person who already has the problem and doesn't need convincing — they just want the fix. The third requirement is proof. A date stamp, a day counter, a matched camera angle, or a voiceover line like "same lighting, same time of day" tells the viewer this isn't an edited illusion, which matters more as viewers get more skeptical of obvious transformation edits.

Hook ideas for before and after openers, by category

Below are hook ideas for before and after openers grouped by the mechanic they use to create the cut. Swap in your own product details, but keep the structure — the structure is what makes the hook work, not the specific words.

Hard cut reveal

• "This is my desk at 9am." (cut) "This is my desk at 9:05am." — for a desk organizer or cable tidy.
• "My skin, no filter, day 1." (cut) "My skin, no filter, day 14." — for a skincare serum.
• "Before I found this, my closet looked like this." (cut) "Now it looks like this." — for a closet organizer.
• "This is what my car smelled like." (cut) "This is what it smells like now." — for an odor eliminator spray.
• "Here's my posture an hour into my workday." (cut) "Here's my posture with this on." — for a posture corrector.

Split screen, side by side

• "Left: my old pillow. Right: this one." shown simultaneously as a comparison for a cooling pillow.
• "Left: the knife I was using. Right: this one." cutting the same tomato at the same time for a knife set.
• "Left: my screen with fingerprints. Right: with the screen protector." for a phone accessory.
• "Left: dog's coat before brushing. Right: after one pass." for a pet grooming brush.
• "Left: coffee grounds everywhere. Right: this machine's drip tray." for a coffee maker.

Time-lapse with a counter

• "Day 1 of using this every morning." counting up to "Day 7" on screen for a vitamin gummy routine.
• "72 hours. One change." compressing three days of a plant wilting to perking up for a plant food drip.
• "I wore this knee sleeve for every workout this month." with a day counter ticking up for a fitness accessory.
• "30 days, same spot, same time." for a humidifier placed next to a plant or a mirror showing skin.

Swipe or wipe transition

• "Watch this stain disappear." with a wipe transition revealing a clean shirt for a stain remover.
• "One swipe and this mirror is actually clean." for a streak-free glass cleaner.
• "Wipe to see what this does to a scratched pan." for a cookware cleaning pad.
• "This is the whiteboard before the eraser spray." wiped to reveal a clear board.

Voiceover tease (after first, before promised)

• "You will not believe what my kitchen counter looked like an hour ago." opening on the clean after, then cutting back.
• "I almost didn't post this because of what my hair looked like before." for a hair straightener or treatment.
• "This desk took me three minutes to fix. Here's the before." reversing the usual order to create curiosity.
• "My dog hated bath time. Watch what changed." for a pet shampoo or brush.

Relatable before, exaggerated contrast

• "This is every Sunday night before meal prep." showing a messy fridge, cut to a stocked one for a meal kit.
• "My inbox before I started using this." showing hundreds of unread emails, cut to zero for a productivity tool.
• "My suitcase before this packing cube set." showing a stuffed, unzippable bag, cut to a neatly packed one.
• "My candle collection before I found one that actually throws scent." cut to a room filled with visible smoke or glow effect from the new candle.

Before and after formats compared

Script templates you can swap in

Here's how a weak before and after hook gets rewritten into a stronger one. The fix is almost always the same: make the before more specific and the cut faster.

Weak: "My skin used to be bad. Now it's great thanks to this serum." This tells, it doesn't show, and it has no timestamp or proof.

Stronger: "This is my skin at 7am, no filter, no makeup." (hard cut) "This is my skin 14 days later, same time, same lighting." The rewrite adds a specific time, removes the sales language, and gives the viewer a reason to believe the gap is real.

Weak: "This phone stand changed my life." Vague claim, no visual before at all.

Stronger: "This is how I used to watch videos while cooking." (shows phone propped on a spice jar, wobbling) (cut) "This is how I watch them now." (phone steady on the stand) The rewrite turns an abstract claim into a visible, relatable before.

Weak: "My dog's coat looks amazing after this brush." Starts on the after, no contrast shown.

Stronger: "My dog sheds like this every single day." (shows fur on a couch or floor) (cut) "One brush with this." (shows the brush full of fur and the dog's coat smooth). If you want more structures that lead with a problem before the fix, the same logic shows up in hook ideas for problem solution openers, which is worth studying alongside before and after formats since the two often blend together.

Mistakes that kill a before and after opener

• Starting on the after with no setup, so the viewer never feels the problem before the solution arrives.
• Exaggerating the before so much it looks staged — a genuinely messy desk is more believable than a desk buried under props placed for the shot.
• Letting the before linger for more than a couple of seconds, which gives the scroll an opening.
• Changing the camera angle, lighting, or distance between the before and after shots, which makes the comparison feel edited rather than real.
• Making a promise the product can't back up — if the real result takes weeks, don't frame the hook like it happens overnight.
• Skipping any proof element (day count, timestamp, matched framing) when the transformation isn't instantly obvious on its own.

Where a side-by-side comparison beats a before and after

Before and after hooks assume a single product changes one state over time. If your product's real advantage is how it stacks up against an alternative right now rather than how it changes over days, a comparison format often lands harder. Those hooks and shot structures are covered in hook ideas for product comparison openers, which pairs well with this list when you're deciding which opener style fits a specific product.

How FrameNotion fits into this

Once you've picked a hook idea, writing the script, matching cuts, adding captions, and timing the voiceover to the beat is the part that eats an afternoon. FrameNotion AI reads a product page or link and writes a full 30-second vertical ad from scratch, including the hook, so a before and after structure gets built with the right pacing instead of guessed at in an editor. You can upload up to six product images, a logo, and notes about an offer, and the AI builds the opener, problem, benefit, proof, and call to action around them.

Every ad renders at 1080×1920 with a voiceover, a music track cut to the beat, sound effects, and word-by-word captions, so a before and after hook still reads clearly if someone's watching on mute. On the Pro and Agency plans you can also generate A/B hook variants of the same ad, which is useful for testing a hard cut reveal against a voiceover tease without starting over. You can see finished examples on the examples page, check how the process works on features, and compare plans on pricing — the first ad is free, no card required.

FAQ