Skip to main content
Skip table of contents

Mockups Tool

image-20250311-072344.png

Summary 

The Mockups tool makes it easy to create newsletter and native ad unit mockups, saving your team time and effort. The tool is available to any user with permission to view publisher details. Here’s a short demo for your reference:

Getting Started

You can access the Mockups tool by navigating to Inventory Manager > Mockups in the left-hand menu. 

You’ll have two mockup options to choose from: 

  • Newsletter Mockup – Add ad creatives to a newsletter layout 

  • Native Ad Unit – Design a native ad using a blueprint, image, and copy 

image-20250506-160348.png

Mocking Up a Newsletter

  1. Select a Publisher and Newsletter

    • Use the search bar to find your desired publisher and select the corresponding newsletter. 

    • Alternatively, input the newsletter’s platform ID. 

If the newsletter doesn’t load or looks outdated, make sure liveseeds@liveintentseed.com is added to the newsletter’s distribution list. 

image-20250506-160609.png
  1. Add Ads to Ad Slots

    • Click inside the dotted Ad Slot in the newsletter preview to upload an image from your computer. 

    • Or use the Ad Slot cards on the left to upload creatives or insert a Native Ad Unit. 

    Each Ad Slot card corresponds to a specific location in the newsletter. Here you can: 

    • Upload an image 

    • Insert a Native Ad using the hyperlink under the image uploader 

    To check creative specs: 

    • Ad Slot Type is listed in the top-right corner of each card (Display, Native, or Hybrid) 

    • Click Details next to the slot name for format-specific requirements

image-20250506-160726.png
  1. Export Your Mockup

When your creatives are in place, click Export at the top of the page.

  • A new tab will open with a full-size image of your completed newsletter mockup. 

  • Empty Ad Slots will not appear in the final export. 

image-20250506-161454.png

Don’t see your exported newsletter?

If nothing happens when you click Export, a pop-up blocker may be preventing the mockup from opening in a new tab. Check near your browser’s address bar for a notification and be sure to allow pop-ups from the platform to view and download your mockup image.

Mocking Up a Native Ad Unit

  1. Choose a Blueprint

Search for a blueprint by name or use its platform ID.

What’s a Blueprint?

A Native Ad Blueprint is a pre-defined template that determines how your native ad will look—this includes layout, image dimensions, and copy character limits. 

image-20250506-161630.png
  1. Upload an Image

Drag and drop your image into the upload box or click to select from your computer.

  • Check the dimensions listed above the upload box—your image must match those for the preview to render correctly. 

  • The Preview Panel on the right will automatically update with your selected image and chosen blueprint. 

image-20250506-161732.png
  1. Fill Out Copy Fields

Complete the required fields such as headline, body copy, and call-to-action. 

  • As you type, the Preview Panel reflects your updates in real time—so you can see exactly how your native ad will appear. 

  1. Export Your Native Ad

When you’re happy with the design, click Export

Choose to export: 

  • As an image – Opens a new tab with a full-size image of your native ad mockup. 

  • To a newsletter – Inserts your native ad into a newsletter mockup of your choice. 

📩 Exporting to a Newsletter

This lets you immediately place your native ad into a newsletter mockup, saving you the step of downloading and re-uploading it later. Just select the publisher, newsletter, and the specific Ad Slot you want the native ad to appear in. 

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.