How-To Guide · Ad Creative Generation

Create Side by Side TikTok Ad: A Step-by-Step Guide

Learn how to create a side-by-side TikTok ad using single-image or carousel format. Includes specs, design tips, music rules, and a faster AI-powered shortcut.

TL;DR A side-by-side TikTok ad pairs a "before" and "after" state in one image or across a carousel. Use 720x1280px for vertical carousel images, 640x640px for square. Music is required for carousel ads. Keep text labels bold, centered, and legible. AI tools like Coinis Before & After can build the creative from a product URL in minutes.

4 min read By Updated 0 steps

Originally published .

> Quick answer: A side-by-side TikTok ad shows transformation in one frame or a short carousel sequence. Before on one side, after on the other. That contrast stops the scroll in the first second.

---

What is a Side-by-Side TikTok Ad?

A side-by-side TikTok ad places two states in one frame or sequence. Problem on the left, result on the right. Or one image per state across a swipeable carousel.

Single-image side-by-side layout (before-after in one frame)

One image. Two halves. Left shows the problem. Right shows the result after your product. This format works well for skin care, fitness, home improvement, and anything with a visible transformation. Compose the full layout in your design tool before uploading.

Carousel ad format (sequential before-and-after images)

A TikTok Carousel Ad supports 2 to 35 images. Each swipe advances the story. Before on image one, during on image two, after on image three. Per TikTok's Business Help Center, Carousel Ads loop music throughout and guide viewers through a multi-step narrative.

---

Before-and-After Narrative: Why It Works on TikTok

TikTok's creative advertising guide explicitly recommends before-and-after as an effective narrative structure for product ads. Here is why it converts.

Builds contrast and demonstrates transformation

Contrast is visual proof. A clear "before" makes the "after" impossible to ignore. Viewers feel the gap between problem and solution instantly.

Shows tangible results your product delivers

Viewers do not read claims. They see results. A before-and-after shows what words cannot.

Captures attention within seconds

TikTok's full-screen format makes the contrast hit hard. Problem state in frame one. Resolved in frame two. Done.

---

How to Create a Side-by-Side Image Ad on TikTok

Follow these steps inside TikTok Ads Manager.

Choose your format: single image or carousel

Single image: compose both halves in one file before uploading. Carousel: upload separate before and after images as a sequence, ordered from problem to result.

Design image dimensions and composition

For carousel ads, TikTok Ads Manager supports three dimensions: 720x1280px (vertical), 640x640px (square), or 1200x628px (horizontal). For single-image ads, 9:16 at 720x1280px or 1:1 at 1080x1080px delivers the sharpest result on mobile.

Add clear labels, captions, or visual markers

Add "Before" and "After" text overlays to each half. Use a dividing line or a color shift to separate the two states. Keep all text and labels in the center-safe zone to avoid cropping on different placements.

Upload and configure in TikTok Ads Manager

Upload your images under your ad group. Select Image Ad or Carousel as the format. Write one caption and one CTA. These apply across all carousel images. Per TikTok Ads Manager guidance, use the built-in preview tool to check how your ad renders before you publish.

Add music (required for carousel ads)

Carousel Ads require a music file. Per TikTok's specifications for Carousel Ads, supported formats are MP3, WAV, M4A, or FLAC, with a minimum length of 2 seconds. Choose a track from TikTok's Commercial Music Library or upload your own. Music availability can vary by region, so confirm options in your account.

---

Image Specifications and Best Practices

Per TikTok's specifications for Carousel Ads, each image must be JPG or PNG at 100 KB or less per file.

Aspect ratios: vertical (9:16), square (1:1), horizontal (1.91:1)

Vertical fills the screen on mobile and performs best for transformation content. Square works across more placements. Horizontal suits banner-style contexts but limits impact on a phone screen.

Resolution recommendations: 720x1280px (vertical), 1080x1080px (square)

For carousel: 720x1280px (vertical) or 640x640px (square). For single-image: 720x1280px (vertical) or 1080x1080px (square).

Keep key elements in center to avoid cropping

TikTok crops edges for some placements. Keep the dividing line, labels, and product visuals within the center-safe zone on every image.

Ensure clarity and legibility in both sections

Per TikTok's Ad Format and Functionality policy, images must not be blurry, unclear, or use pixels to obscure content. Text must be legible at display size. Blurry images will be rejected or receive reduced delivery.

---

Design Tips for High-Performance Side-by-Side Ads

Small creative decisions drive big differences in performance.

Use color contrast between before and after

Muted or desaturated tones for "before." Full color or bright tones for "after." The visual shift signals transformation without a single word.

Add text overlays: 'Before' and 'After' labels

Do not assume viewers understand the layout. Label both sides clearly. Use bold fonts. Keep them readable at a glance.

Show the product in action for clarity

The product must appear in the "after" half. Viewers need to connect the result to your offer. No product visible means no purchase intent triggered.

Optimize for sound-off viewing with captions

Most TikTok ad views happen with sound off. Captions and text overlays carry the message. Per TikTok's ad policy, captions must be grammatically correct and free of excessive capitalization or symbols.

---

Generate Side-by-Side Ads Faster with AI

Building before-and-after creatives manually takes time. AI tools cut that significantly.

How AI tools simplify before-and-after creative

Coinis's Before & After workflow generates transformation creatives from your product URL. Upload a reference image. Premium AI models build a paired composition showing the problem state and the resolved result. No design skills needed. Every output lands in your Creative Library, organized and ready to adapt or download.

Consistency across variations and channels

Need different sizes for TikTok and Meta? Smart Resize inside Coinis Revise exports each aspect ratio without rebuilding from scratch. Brand Profile keeps your colors, fonts, and tone consistent across every output and every channel.

---

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 image size should I use for a side-by-side TikTok carousel ad?

TikTok's carousel ad specifications support 720x1280px (vertical 9:16), 640x640px (square 1:1), or 1200x628px (horizontal). Vertical is the strongest choice for before-and-after content on mobile. Each image must be JPG or PNG at 100 KB or less.

Is music required for a TikTok side-by-side carousel ad?

Yes. Music is required for all TikTok Carousel Ads. It loops throughout the ad. Supported formats are MP3, WAV, M4A, and FLAC, with a minimum length of 2 seconds. You can choose from TikTok's Commercial Music Library or upload your own track. Availability may vary by region.

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