Google Shopping Ads Mockup Generator: Preview Product Listing Ads Instantly
Generate a realistic Google Shopping ads mockup in seconds. Preview product images, titles with pixel-based truncation, pricing, ratings, and annotations — before submitting your product feed.
Live Preview
Wireless Noise-Cancelling Head...
Ultra-Slim Laptop Stand - Adju...
Ergonomic Wireless Mouse - Sil...
USB-C Docking Station - Tripl...
Mechanical Keyboard - Cherry M...
Webcam HD 1080p with Ring Lig...
Customize Your Shopping Ad
Title truncation simulated by pixel width, not character count.
What Is a Google Shopping Ad Mockup?
A Google Shopping ads mockup is a realistic preview of how your product listing ads (PLAs) appear in Google search results. Shopping ads display your product image, title, price, merchant name, ratings, and promotional annotations in a visual card format that appears at the top of Google search results and on the Google Shopping tab.
Unlike standard text ads, Shopping ads pull data from your Google Merchant Center product feed. This mockup generator lets you preview how that feed data renders before you submit it — so you can catch title truncation, pricing display issues, and missing annotations before they go live.
Our tool differentiates itself by simulating title truncation by pixel width, not just character count. Google Shopping truncates titles based on the rendered pixel width of your text, meaning titles with wide characters (like “M” or “W”) truncate earlier than titles with narrow characters (like “i” or “l”). This tool accounts for that.
Create a Shopping Mockup
Generate a realistic Google Shopping ads mockup in five steps.
Add Your Product Image
Upload a product image or use the placeholder. Google Shopping requires a clear, high-resolution image on a white or neutral background. The image should be at least 100x100 pixels (250x250 for apparel).
Enter Your Product Title
Type your product title (up to 150 characters). Watch the pixel-width truncation preview in real time — our tool simulates how Google actually truncates titles, which depends on character width, not just character count.
Set Pricing
Enter your regular price and optional sale price. When a sale price is set, the preview shows the sale price prominently with the original price crossed out, just like live Shopping ads.
Configure Merchant & Ratings
Add your merchant name, star rating (0-5), and review count. Ratings appear as star icons below the title, and merchant name shows at the top of the card.
Add Annotations & Preview
Add shipping notes, promo badges, toggle between desktop and mobile, and use the multi-product carousel to preview how multiple products appear side by side.
Desktop vs Mobile Previews
Google Shopping ads render differently on desktop and mobile devices. Understanding both formats is critical for optimizing your product feed.
Desktop
- Shows up to 8 products in a horizontal carousel
- Larger product images (approx. 180x180 px)
- Title truncation at approximately 230 pixels
- Full ratings display with review count
Mobile
- Shows 2 products visible, swipeable carousel
- Smaller images, tighter card layout
- Title truncation at approximately 180 pixels
- Compact ratings — may hide review count
Title Truncation Simulator
Google Shopping truncates product titles by pixel width, not character count. Titles with wide characters (“M”, “W”) truncate sooner than titles with narrow characters (“i”, “l”).
| Original Title | Desktop | Mobile | Status |
|---|---|---|---|
| Wireless Noise-Cancelling Headphones wit... | Wireless Noise-Cancelling Hea... | Wireless Noise-Cancel... | Truncated |
| Slim Laptop Stand... | Slim Laptop Stand | Slim Laptop Stand | Safe |
| MAMMOTH EXTREME WIDE Gaming Monitor 34-i... | MAMMOTH EXTREME WI... | MAMMOTH EXTRE... | Truncated |
Examples: Approved vs Broken Listings
Three example Shopping ad inputs showing what Google renders for optimized vs. problematic listings.
{
"product_image": "https://example.com/images/headphones.jpg",
"title": "Sony WH-1000XM5 Wireless Noise-Cancelling Headphones",
"price": "349.99",
"sale_price": "278.00",
"merchant_name": "BestBuy",
"rating": 4.8,
"review_count": "12,430",
"shipping_note": "Free 2-day shipping",
"promo_badge": "Sale"
}Analysis: Clean title under 70 chars, valid pricing, high ratings, shipping annotation present.
{
"product_image": "https://example.com/images/monitor.jpg",
"title": "ASUS ProArt Display 32-Inch 4K HDR Professional Monitor with Wide Color Gamut and Hardware Calibration for Digital Artists and Photographers",
"price": "799.00",
"sale_price": "",
"merchant_name": "NeweggBusiness",
"rating": 4.1,
"review_count": "302",
"shipping_note": "",
"promo_badge": ""
}Analysis: Title exceeds pixel width on both desktop and mobile. No shipping annotation. Merchant name is long.
{
"product_image": "https://example.com/images/stand.jpg",
"title": "Rain Design mStand Laptop Stand - Silver",
"price": "49.99",
"sale_price": "",
"merchant_name": "Amazon",
"rating": 4.6,
"review_count": "8,219",
"shipping_note": "Free shipping",
"promo_badge": ""
}Analysis: Short title with brand + product + color. All fields populated. Strong review count.
What This Tool Does
A complete breakdown of every field in the Google Shopping Ads Mockup Generator and what it controls.
| Field | Description | Limits |
|---|---|---|
product_image | The main product photo displayed in the Shopping card. Must be high-resolution, white/neutral background. | 100x100 px min, 250x250 apparel |
title | The product name shown below the image. Truncated by pixel width on desktop (230px) and mobile (180px). | 150 chars max, truncated by pixel width |
price | The regular (list) price displayed on the card. | Numeric, 2 decimal places |
sale_price | The sale price. When set, the original price shows with a strikethrough. | Must be lower than price |
merchant_name | Your store or brand name shown at the top of the product card. | No official limit, truncated visually |
rating | Star rating displayed as filled/empty stars (0-5 scale, supports half stars). | 0.0 – 5.0 |
review_count | Number of reviews shown in parentheses next to the rating stars. | Numeric, displayed as text |
shipping_note | Shipping annotation shown below the price, e.g. "Free shipping" or "Free delivery." | Short text, auto-truncated |
promo_badge | Promotional badge overlay on the product image, e.g. "Sale," "Best seller," "20% off." | Short text |
Key differentiator: Pixel-width title truncation
Most tools truncate titles by character count (e.g., “cut at 70 chars”). Google actually truncates by rendered pixel width. Our tool simulates the actual rendering engine so your title preview matches what users see in search results.
Google Shopping Ads Glossary
Key terms for understanding Shopping ad mockups and product feed optimization.
Google Shopping Ad Specifications
Complete specifications for Google Shopping product listing ads.
| Element | Minimum | Recommended | Max / Size | Format |
|---|---|---|---|---|
| Product Image | 100×100 px | 800×800 px | 16 MB | JPEG, PNG, GIF, BMP, TIFF |
| Product Title | 1 character | 55–70 characters | 150 characters | Plain text |
| Price | Required | 2 decimal places | N/A | Numeric + currency |
| Sale Price | Optional | Lower than price | N/A | Numeric + currency |
| Star Rating | 0 | 3.5+ | 5.0 | 0.0 – 5.0 scale |
| Promo Badge | Optional | Short label | ~15 characters | Text |
| Shipping Note | Optional | "Free shipping" | ~25 characters | Text |
Google Shopping Ads Mockup FAQ
Common questions about our free Shopping ads preview tool.
More Free Ad Mockup Tools
About PPC Ad Editor
PPC Ad Editor is a professional ad management platform trusted by agencies and brands worldwide. Our tools help PPC professionals create, preview, collaborate on, and launch Google Ads campaigns faster and with fewer errors.
This free Google Shopping ads mockup generator is part of our commitment to helping advertisers of all sizes create better product listing ads. For teams that need collaboration, approval workflows, and direct Google Ads integration, explore our full platform.
Need More Than Just Mockups?
Upgrade to PPC Ad Editor for full Shopping ad management. Export mockups, share with clients, collect feedback, and push directly to Google Ads.
No credit card required · Free trial included