> ## Documentation Index
> Fetch the complete documentation index at: https://docs.topsort.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Banner Templating

> Create standardized, reusable banner ad templates to streamline campaign creation and maintain brand consistency

export const ChangelogActions = () => {
  return <>
      <style>{`
        .changelog-actions {
          display: flex;
          justify-content: center;
          gap: 12px;
          margin-top: 2rem;
          padding-top: 1.5rem;
          border-top: 1px solid #e5e7eb;
        }
        
        [data-theme="dark"] .changelog-actions {
          border-top-color: #374151;
        }
        
        .changelog-btn {
          display: inline-flex;
          align-items: center;
          gap: 6px;
          padding: 8px 16px;
          border-radius: 9999px;
          border: 1px solid #d1d5db;
          background: transparent;
          color: #6b7280;
          font-size: 14px;
          cursor: pointer;
          transition: all 0.2s ease;
        }
        
        .changelog-btn:hover {
          border-color: #9ca3af;
          background: #f9fafb;
        }
        
        [data-theme="dark"] .changelog-btn {
          border-color: #4b5563;
          color: #9ca3af;
        }
        
        [data-theme="dark"] .changelog-btn:hover {
          border-color: #6b7280;
          background: #1f2937;
        }
      `}</style>
      <div className="changelog-actions">
        <button className="changelog-btn" onClick={() => {
    const btn = event.target.closest("button");
    btn.innerHTML = "❤️ Like";
    btn.style.borderColor = "#ec4899";
  }}>
          🤍 Like
        </button>
        <button className="changelog-btn" onClick={() => {
    const btn = event.target.closest("button");
    navigator.clipboard.writeText(window.location.href);
    const originalContent = btn.innerHTML;
    btn.innerHTML = "✓ Copied";
    btn.style.borderColor = "#22c55e";
    btn.style.color = "#22c55e";
    setTimeout(() => {
      btn.innerHTML = originalContent;
      btn.style.borderColor = "";
      btn.style.color = "";
    }, 2000);
  }}>
          ↗ Share
        </button>
      </div>
    </>;
};

<div style={{ display: "flex", gap: "8px", flexWrap: "wrap", marginBottom: "16px" }}>
  <Badge color="gray" size="sm" icon="calendar">July 23, 2025</Badge>
  <Badge color="blue" size="sm" icon="rectangle-ad">Ad Platform</Badge>
  <Badge color="green" size="sm" icon="sparkles">New Feature</Badge>
</div>

<Note>
  **Why It's Important**

  Banner ads often consist of multiple customizable elements—headlines, images, buttons, descriptions, pricing—that can vary significantly across different placements and campaigns. Without standardization, maintaining brand consistency and streamlining ad creation becomes challenging and time-consuming. Banner ad templates solve this by providing reusable frameworks that teams can quickly customize while ensuring design consistency across all campaigns.
</Note>

## What's New

Introducing **Banner Templating**—a powerful feature that lets you create standardized, reusable templates for your banner advertising campaigns. These templates enable teams to quickly build native-style banner ads following a structured, repeatable framework while maintaining design consistency.

## Key Benefits

**Streamlined Ad Creation**:
Build campaigns faster using pre-designed templates with customizable fields. No need to recreate ad structures from scratch for each campaign.

**Brand Consistency**:
Maintain uniform design standards across all banner ad placements while allowing for necessary customization per campaign.

**Flexible Customization**:
Configure templates with various field types—text, images, links, buttons—to match your specific placement requirements and creative needs.

## How It Works

Create templates by uploading a preview image and CSV configuration file that defines your customizable fields. Once created, advertisers can select templates when building banner campaigns and fill in the specific details for each campaign.

For detailed step-by-step instructions, visit our [Native Ads—Banner Templating](/en/knowledge-base/ad-platform/banners/native-ads-banners-templating/) guide.

## Getting Started

Banner templating is available now in the Ad Platform. Navigate to **Banner Ads > Templates** to start creating your first template, or contact your Topsort account manager for guidance on template strategies that align with your advertising goals.

<ChangelogActions />