How-To Guide · Ad Creative Generation

Best Way to Create Side by Side TikTok Ad

Learn how to create side-by-side before-and-after TikTok ads that stop the scroll. Technical specs, a step-by-step process, and creative best practices all in one guide.

TL;DR Side-by-side transformation ads are one of TikTok's most effective formats. Film a clear before and after in 9:16 vertical at 720p minimum. Add a sharp transition, strong audio, and a text overlay. Test at least two variations and let data pick the winner.

4 min read By Updated 0 steps

Originally published .

> Quick answer: The best side-by-side TikTok ad pairs a visible "before" state with a dramatic "after" reveal. Shoot both in 9:16 vertical format at 720p or higher. Add a clean transition, on-screen text, and audio. Keep the full sequence under 30 seconds for most niches.

Note: "Side by side" on TikTok most commonly refers to a sequential before-and-after format, not a literal split-screen. This guide covers that sequential approach, which TikTok's own creative guidance recommends for transformation-style ads.

---

Why Side-by-Side (Before & After) Ads Work on TikTok

Per TikTok's Business Help Center, transformation stories help people visualize product impact within seconds. That instant clarity drives action.

What makes transformation content native to TikTok

TikTok's short-form format rewards fast payoffs. Before-and-after content delivers exactly that. The format mirrors organic creator content, so it blends into the feed naturally. Full-screen vertical video removes visual friction and keeps the viewer inside the experience.

Why before-and-after grabs attention fast

The brain processes visual contrast quickly. A viewer sees a problem in the first two seconds, then watches it resolve. That tension-and-release loop holds attention longer than a standard product demo. The "after" becomes the payoff they stick around for.

Best industries for this format

TikTok for Business specifically recommends this format for beauty, home, fitness, and lifestyle brands. Any product with a visible result fits well here. Think skincare transformations, room makeovers, fitness progress, or food prep reveals.

---

Technical Specs for TikTok Side-by-Side Ads

Per TikTok Ads Manager documentation, these are the specs you need before you start editing.

Video dimensions and aspect ratios

Use 9:16 vertical format. Minimum resolution is 540x960px, but TikTok recommends at least 720p. Full-screen vertical framing makes your ad blend with organic content rather than look like a banner.

File formats and size limits

TikTok accepts .mp4, .mov, .mpeg, .3gp, and .avi files. Maximum file size is 500 MB. Minimum bitrate is 516 kbps. Dropping below that bitrate causes visible compression artifacts.

Duration and resolution requirements

Videos must run at least 10 seconds. The platform allows up to 10 minutes. For transformation ads, 15 to 30 seconds typically performs best. Go longer and you risk losing the viewer before the "after" reveal lands.

---

Step-by-Step: Creating a Side-by-Side TikTok Ad

Each step maps to what TikTok Creative Accelerator guidance recommends.

Step 1: Plan your before-and-after narrative

Define the problem your product solves. Write one sentence for the "before" state and one for the "after." That two-sentence brief is your creative direction. Everything else follows from it.

Step 2: Film or source your before and after footage

Shoot both states in the same aspect ratio and similar lighting. Consistent framing makes the transformation feel more dramatic. If you already have existing content, audit it for usable "before" and "after" moments before picking up a camera.

Step 3: Choose your transition technique

A hard cut is the simplest option. Wipe, zoom, or hand-swipe transitions add energy and personality. Seamless transitions boost view time by 14%, per TikTok Creative Accelerator data. Pick the style that matches your brand's tone.

Step 4: Add captions and text overlay

TikTok's ad policy requires captions in white with uniform font, max four lines. Text overlays appear in 86% of all TikTok ads and lift conversion rates by 64%. Put your strongest claim on screen. Write it for a viewer with the sound off.

Step 5: Layer audio and sound design

93% of top-performing TikTok ads use audio. Add a trending sound or record a voiceover. Voiceovers alone increase conversion rates by an additional 12%, per TikTok Creative Accelerator research. Do not skip this step.

Step 6: Test and optimize variations

Run at least two versions of the ad. Change the transition, swap the caption text, or try a different opening frame. Let the data tell you which hook performs. One change per test keeps results clean.

---

Creative Best Practices for Transformation Ads

Pacing and motion to hold attention

Cut quickly. Show the "before" in two to three seconds. Build a beat of tension around the transition. Then reveal the "after" cleanly. Fast pacing signals native content and keeps the completion rate high.

Sound and voiceover impact

Match audio to the emotional arc of the transformation. For a dramatic result, build intensity from the "before" into the reveal. A voiceover that names the problem and the solution in plain language tends to outperform music-only tracks.

Caption strategy for sound-off viewing

Not every viewer plays sound. Your text overlay carries the full message in silence. State the problem, the transformation, and the result in four lines or fewer. If the caption works without audio, the ad works everywhere.

---

How Coinis Before & After Speeds Up Production

You do not need a film crew or editing software to make this work at scale.

Generate polished before-and-after creatives in seconds

Coinis Before & After workflow takes your product details and generates transformation creatives instantly. Cutting-edge AI models handle the composition and visual contrast. You get production-ready assets without a single manual video edit.

Coinis currently publishes directly to Meta (Facebook and Instagram). TikTok direct publishing is on the roadmap. For TikTok, download your creatives from Coinis and upload them to TikTok Ads Manager. The specs match perfectly.

Variate and test multiple transition styles

Coinis Revise lets you spin up multiple variations of any creative fast. Use Variate to test different text overlays, crop ratios, or color treatments. Testing is faster when you are not rebuilding from scratch for each version.

Brand consistency across all variations

Your Brand Profile stores your fonts, colors, tone, and product context. Every variation generated stays on-brand automatically. No drift between your first creative and your twentieth.

---

Or let Coinis do it.

From a product URL to a live Meta campaign. AI-generated creatives. On-brand copy. Direct publish to Facebook and Instagram. Real performance reporting. All in one platform.

Start free. Upgrade when you're ready.

Start free →

15 AI tokens a month. No credit card.

Frequently Asked Questions

What video format works best for TikTok side-by-side ads?

TikTok recommends 9:16 vertical video at a minimum of 720p resolution. Use .mp4 or .mov for best compatibility. Keep the file under 500 MB and maintain a bitrate of at least 516 kbps to avoid compression issues.

How long should a side-by-side before-and-after TikTok ad be?

TikTok requires at least 10 seconds. For transformation ads, 15 to 30 seconds is the typical sweet spot. Going longer risks losing the viewer before the 'after' reveal, which is the most important moment in the creative.

Do I need to show both panels on screen at the same time?

No. The most common and recommended approach on TikTok is a sequential before-and-after format, not a literal split-screen. Show the 'before' state, add a transition, then reveal the 'after.' TikTok's creative guidance specifically recommends this narrative structure.

Stop hustling

You just read the manual way. Coinis does it all.

Every step above takes hours of manual work. Coinis automates it. Free to start. No credit card. Pay only when you need more volume.

Steps 1–2

Goal + Audience

AI analyzes your brand from a URL. Targets the right buyers automatically.

Steps 3–4

Channels + Budget

One-click launch to Meta. Smart budget allocation out of the box.

Step 5

Ad Creatives

Paste a link. Get dozens of professional ads in minutes.

Steps 6–7

Launch + Track

Live dashboard. Real ROAS. AI suggests what to optimize next.

15 credits day one
No credit card
Free forever tier
Pay only for volume
Start free

You just learned the hard way. Here's the easy way.

Coinis generates ad creatives, launches campaigns, and tracks results. One platform. One click. No ad expertise required.

Try Coinis free