Skip to main content

Overlay Editor - Create Dynamic, Click-Worthy Catalog Creatives!

Create dynamic, personalized catalog overlays with product data and visuals using the new Overlay Editor.

Smriti Batra avatar
Written by Smriti Batra
Updated over 2 months ago

We’re excited to announce the launch of our brand-new Overlay Editor — your creative playground to design engaging, dynamic overlays directly within the BigAtom platform!

With the Overlay Editor, you can now create overlay templates that automatically adapt to each product, helping you design eye-catching, performance-driven catalog creatives for Meta.


What’s New

The Overlay Editor allows you to:

  • Add dynamic product attributes like:

    • Product Name

    • Price / Sale Price

    • Discount Percentage

    • Customer Reviews

    • Brand

    • Product Image

    • Custom Labels

  • Customize your creative layout with:

    • Frames, shapes, and custom text

    • Background color and font styling (color, size, type, etc.)

    • Image and text positioning for maximum visual appeal

Your creatives now automatically update with product data — giving every ad a dynamic, personalized touch that boosts engagement and clicks.


How to Create Overlays

Here’s a step-by-step guide to get started:

  1. Go to:
    Sidebar → Catalog Template → Create New Overlay

  2. Set Up Your Template:

    • Give your overlay template a name (a template can contain multiple overlay variants).

    • Select the catalog and feed you want to use.

    • Choose how you want to apply the overlay:

      • Entire Catalog: Overlay applies to the primary image in your Meta catalog.

      • Specific Ads: Overlay applies to additional images in your Meta catalog.

  3. Filter Products (Optional):

    • If you want your overlay to apply only to certain products, click on Filter Products.

    • For example:
      Product Type contains Festive Collection → applies overlay only to your festive collection.

  4. Continue to Overlay Editor:

    • Click Continue to Overlay Editor to enter the design canvas.

    • Here, you can add and customize:

      • Frames, shapes, custom text, and images

      • Dynamic attributes (product name, price, sale price, brand, etc.)

      • Layout, colors, fonts, and more

  5. Preview Your Creative:

    • Click Preview (top-right corner) to see how the overlay appears in actual creatives.

    • You can also check how a specific product looks — just enter the product ID and hit Enter.

      Note: Previews show all products, regardless of filters applied.

  6. Save and Manage Variants:

    • Once satisfied, click Next to save your overlay variant.

    • To create additional variants, click Create New Overlay Variant and repeat the steps.

    • If multiple variants overlap for the same product, assign priority levels — higher priority variants will be applied first.


Why You’ll Love It

  • Create high-performing, clickbait-ready visuals without any external tools.

  • Automate product-level personalization in creatives.

  • Improve engagement and conversion rates by keeping ads visually fresh and relevant.


Key Comparison: BigAtom vs. Direct Meta Overlay

Feature

BigAtom Overlay

Direct Meta Overlay

Visibility

Instagram & Facebook

Facebook Only

Ad Learning Impact

Affects only during the first tagging

Affects every time overlay is changed

Editing Flexibility

Change overlays without restarting ad learning

Requires manual changes, affecting ad learning

Management

Single dashboard to manage overlays

Must visit each ad individually


Video Walkthrough for Overlay Editor

Did this answer your question?