How to Make a Mockup TikTok Video Ad

Preview how your ad will look on TikTok

How to Make a Mockup TikTok Video Ad
Take the guesswork out of TikTok ads by viewing a mockup before posting.

TikTok In-Feed Ads help viewers remember 23% more details than TV ads, while TikTok TopView ads are 40% more memorable.

However, creating an effective TikTok ad mockup involves more than just meeting specs for aspect ratios and video length. Optimizing your ad’s layout to fit TikTok’s user interface and avoiding UI obstructions can significantly impact performance.

In this article, we’ll walk through how to create, edit, and preview a TikTok ad mockup using a free TikTok ad mockup generator. You'll learn how to format your ad correctly while maximizing your available space.


TikTok Video Ad Specs

The first step in advertising on TikTok is ensuring your video meets the platform’s specifications. TikTok enforces strict guidelines to ensure ads display correctly, and following them can help improve performance. Here are the key TikTok video ad specs to follow:

  • Aspect ratios: 9:16
  • Video resolution: 1080 x 1920 pixels
  • Video file type: .mp4, .mov, .mpeg, .3gp, or .avi
  • Video file size: Less than 500 MB
  • Video length: Up to 60 seconds (between 9-15 seconds for best engagement)

Beyond these technical requirements, it's also important to consider video length, captions, and call-to-action placement. TikTok ads are designed for short-form engagement, so keeping your content concise and visually compelling is essential.

Best Practices for TikTok Video Ads

TikTok’s unique style and content trends set it apart from traditional platforms like Facebook, YouTube, and Twitter. As a result, advertising on TikTok requires a different approach to capture viewers' attention. Successful TikTok ads often combine creative visuals and tools commonly seen on the platform.

TikTok’s unique style and ability to vapture fast-moving content trends make it different from traditional platforms like Facebook, YouTube, and X (Twitter). Because of this, advertising on TikTok requires a distinct approach to capture viewers' attention.

To improve your ad's performance, consider using these techniques:

  • Green Screen Effect: Use a virtual background tool to place yourself or your product in front of relevant scenes. This is great for showcasing product features, highlighting user reviews, or reacting to trending content.
  • Voice Overs: Narration can help explain your product’s value or guide viewers through a step-by-step process. Adding automatic captions alongside your voice over can further improve production value and reach.
  • Duets: Collaborate with influencers or encourage users to interact with your ad using TikTok’s duet feature. This can boost engagement and expand your content’s reach.

TikTok has reported that brand content using these techniques captures 74% more viewer attention than content that doesn’t. Incorporating creative tools into your ads can boost engagement and make your message more memorable.


Using a TikTok Ad Mockup Generator

For a successful advertising campaign, it’s important to optimize your content for each platform. A Safe Zone template (ad mockup generator) helps you see how TikTok's user interface overlaps your video, ensuring key elements stay visible.

  1. Upload your video – Start by adding your video content to Kapwing’s editor.
  2. Add Safe Zones – Use the Safe Zone tool to overlay TikTok's UI template and visualize content placement.
  3. Edit key elements – Adjust text, logos, and visuals to stay within viewable areas.
  4. Export and upload – Save your final video and upload it directly to TikTok.

For a step-by-step TikTok video ad guide with examples, follow along here.

1) Upload or Create Your Video

To begin, upload your video file directly to the Kapwing editor or paste a link to an existing video.

Image guide showing how to add media to a Kapwing project.
Upload your footage or link to an existing video to create a project.

If you don’t have existing ads or video content, start by defining the message you want to deliver. Are you promoting a limited-time sale? Building excitement for an upcoming product launch? Raising brand awareness in a specific market?

Regardless of your goal, your ad should clearly highlight what sets your product apart and what action viewers should take next. A strong call to action — such as a website link or profile redirect — helps guide potential customers.

To create your ad on Kapwing, you can:

  • Upload content directly to the editor.
  • Use the template library for video structure or creative inspiration.

If building a video ad from scratch, start by uploading your materials to the media pool in the left-hand sidebar. This can include photos, videos, audio recordings, graphics, logos, and other assets.

Guide showing how to add media to a Kapwing video project.
Import and add media to your project using the Media menu in the left-hand sidebar.

To add this media to your project, select it once or drag and drop it to the desired location on the project timeline.

To edit layers individually, select the element and use the tools menu on the right-hand side to adjust details like size, location, transitions, and other video effects.

Guide showing how to edit TikTok ad videos on Kapwing.
Add your layers to the timeline and edit them using the tools menu on the right-hand side.

Creating your video ad on Kapwing allows you to make edits at any time, ensuring your content stays optimized for any platform.

2) Create a TikTok Video Ad Mockup with 'Safe Zones'

Before finalizing your design, use the TikTok Safe Zone template to see where the platform’s user interface will overlap with your video.

This overlay highlights areas covered by user icons, buttons, and the post description, helping you keep key elements visible. Click the TikTok logo to apply the Safe Zone template to your video.

Guide showing how to use a TikTok safe zone to preview a TikTok ad before uploading.
Select the TikTok logo to overlay a UI template on your video.

While this optimizes your video ad for TikTok’s interface, Kapwing provides multiple Safe Zone templates, allowing you to easily adjust your content for other leading vertical video platforms, such as Instagram Reels.

3) Edit Key Elements for Better Visibility

With the Safe Zone template enabled, adjust your video elements to ensure key content stays within viewable areas.

Drag text, logos, and visuals to safe positions as needed.

Kapwing Safe Zone image guide for TikTok ads.
Ensure your content is not covered by the Safe Zone template before posting on TikTok.

If you're working with an existing video, you may not have the option to drag and drop items like text and graphics since they are permanently attached to the video.

4.) Export and Upload

Once completed, export your project by selecting the Export option in the top left corner (MP4 is the best file format for universal sharing and uploading)

Rest assured, the Safe Zone template will not be applied to your video upon export and is only visible during the editing stage as a video ad mockup.

Export menu with MP4 and 1080p options highlighted for visibility.
Export your TikTok ad as an MP4 file with a resolution of 1080 x 1920 pixels for best compatibility.