<!-- @preserve -->
# Ad Mockup Generator | Facebook, Instagram, TikTok, LinkedIn, YouTube & Google Ad Preview Tool

> Create realistic paid-ad mockups across seven placements — Facebook, Instagram, Stories/Reels, TikTok in-feed, LinkedIn Promoted, a YouTube skippable pre-roll, and a Google responsive search ad — each with native chrome: the Sponsored/Promoted label, creative, headline, description, display URL, CTA button, and live character-limit checks on the Google placement. Upload your creative and export a deck-ready PNG — free, no signup.

The Ad Mockup Generator is a free in-browser tool for previewing PAID ads exactly as they appear across seven surfaces: the Facebook and Instagram feed link ad, full-screen Stories/Reels, a TikTok in-feed placement, a LinkedIn Promoted post, a YouTube skippable pre-roll with the Skip Ad button, and a Google responsive search ad. Unlike an organic post mockup, it renders the ad-specific chrome — the "Sponsored"/"Promoted" marker, the link card with a headline and description, the display URL, the call-to-action button like Shop Now or Learn More, and Google's live character-limit validation (headline ≤30, description ≤90, path ≤15) — so you can present and approve a campaign concept before it goes live.

## Features

### Ad Anatomy
- **Placements**: Facebook Feed, Instagram Feed, Stories/Reels (9:16 swipe-up), TikTok in-feed, LinkedIn Promoted, YouTube skippable pre-roll, and Google Responsive Search Ad — each with accurate native chrome
- **Live spec validation** on the Google placement: headline ≤30, description ≤90, display path ≤15 characters, with Meta primary-text truncation warning at ~125 characters
- **Sponsored / Promoted label** and an optional verified badge on every social placement
- **Primary text**, **headline**, **description**, and **display URL**
- **Real Meta CTA buttons**: Shop Now, Learn More, Sign Up, Download, Book Now, Get Offer, Contact Us, Subscribe, and more
- **Editable engagement**: likes, comments, shares

### Creative
- **Upload your ad creative** (1.91:1 for Facebook link ads, 1:1 square for Instagram)
- **Upload a profile avatar** or fall back to a clean colored monogram
- **Light and dark themes**
- **One-click PNG export** rendered entirely in your browser

### Use Cases
- **Client Approvals**: Show clients the ad in-feed before spending budget
- **Pitch Decks**: Drop deck-ready ad previews into new-business and strategy decks
- **Creative Reviews**: Pre-flight headline, CTA, and creative pairings with stakeholders
- **Concept Testing**: Compare creative directions side by side

## Frequently Asked Questions

### What is an ad mockup and how is it different from a post mockup?
An ad mockup previews a PAID advertisement, including the parts only ads have: the "Sponsored" label, a link card with a headline and description, the display URL, and a call-to-action button. A regular post mockup shows an ORGANIC post with none of that paid chrome. Use an ad mockup to present or approve a campaign; use a post mockup for organic content or social-proof slides.

### Is this ad mockup generator free?
Yes — completely free, no account required, no limit on mockups. Everything renders in your browser, and any creative you upload stays on your device; nothing is uploaded to AdSights servers.

### Which ad placements does it support?
Seven placements, each with its own accurate chrome: Facebook Feed (link card with the CTA on the right), Instagram Feed (square creative with a CTA banner and the like/comment/share row), Stories/Reels (full-screen 9:16 with progress bars, the Sponsored header, and a swipe-up CTA chip), TikTok (full-screen in-feed with the right-rail action stack, @handle, sound ticker, and CTA bar), LinkedIn (a single-image "Promoted" post with the Like/Comment/Repost/Send row and a headline link bar), YouTube (a skippable pre-roll with the yellow Ad marker, progress bar, Skip Ad button, and companion overlay), and Google Search (a responsive search ad with the Sponsored label, breadcrumb display URL, blue headline, and description). The Google placement enforces real character limits live (headline ≤30, description ≤90, path ≤15), and a verified badge is available on every social placement.

### Can I upload my own ad creative and logo?
Yes. Upload the main ad creative and an optional profile avatar; both render in the preview and the exported PNG. Skip the avatar and the tool shows a colored monogram from your brand name. Image processing happens entirely in your browser.

### Can I use ad mockups as real ads?
No — mockups are for client approvals, decks, and creative reviews. Build live ads in Meta Ads Manager so they meet Meta's policies and render natively. Never publish a screenshot of a mockup as a live ad or present it in a way that could be mistaken for a real, running ad.

## Best Practices

- **Lead with the hook**: Your primary text's first line is what stops the scroll — front-load the value.
- **Match CTA to intent**: Use Shop Now for commerce, Learn More for consideration, Sign Up for lead gen.
- **Keep headlines short**: Facebook truncates long headlines in the link card — aim for under ~40 characters.
- **Show real proportions**: Use a true 1.91:1 creative for Facebook link ads and 1:1 for Instagram so the deck reflects the live placement.
- **Pair with measurement**: Tag the landing page with UTM parameters so every click from the live ad is attributed correctly.

## Related Tools
- [Social Media Post Mockup Generator](/resources/tools/generators/social-media-post-mockup-generator.md) - Mock up organic posts across Instagram, Facebook, TikTok, and more
- [Creative Quality Grader](/resources/tools/analyzers/creative-quality-grader.md) - Grade ad creative for visual appeal and messaging clarity before launch
- [UTM Campaign URL Builder](/resources/tools/generators/utm-campaign-url-builder.md) - Tag the ad's landing page so clicks are attributed to the campaign
- [Screenshot Beautifier](/resources/tools/generators/screenshot-beautifier.md) - Polish exported ad mockups on a gradient backdrop

## Additional Resources
- [Marketing Glossary](/resources/glossary) - Comprehensive definitions of marketing terms
- [Creative Testing (glossary)](/resources/glossary/creative/creative-testing) - How to test ad creative variations
- [Return on Ad Spend (glossary)](/resources/glossary/metrics/return-on-ad-spend-roas) - The metric your ad ultimately drives
