> ## 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.

# Ad Format Configuration

> View campaigns, configure charge types, and manage self-service access directly from each Ad Format page

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 className="cl-badge-group">
  <Badge color="gray" size="sm" icon="calendar">
    April 12, 2026
  </Badge>

  <Badge color="blue" size="sm" icon="rectangle-ad">
    Ad Platform
  </Badge>

  <Badge color="purple" size="sm" icon="arrow-up-right-dots">
    Enhancement
  </Badge>
</div>

## The Problem

Changing ad format settings — like charge types or self-service access — required contacting your Topsort account manager. Marketplace operators couldn't update configuration on their own, slowing down iteration and creating unnecessary back-and-forth.

## The Solution

Each Ad Format page in the Admin Dashboard now lets marketplace operators manage configuration directly. View all campaigns for a given ad format, change charge types, and control self-service vendor access — entirely self-service, no account manager needed.

### Sponsored Listings

* **Charge type**: Choose between CPC, CPM, or CPA
* **Self-service access**: Enabled by default for all vendors

### Banners

* **Charge type**: Choose between CPC or CPM
* **Self-service access**: Restrict access for the entire marketplace or by individual vendor

### Brands

* **Charge type**: Choose between CPC or CPM
* **Self-service access**: Restrict access for the entire marketplace or by individual vendor

### Videos

* **Charge type**: Choose between CPC or CPM
* **Self-service access**: Restrict access for the entire marketplace or by individual vendor

## How It Works

<Steps>
  <Step title="Navigate to Ad Formats">
    Open any Ad Format page (Sponsored Listings, Banners, Brands, or Videos) in the Admin Dashboard.
  </Step>

  <Step title="View campaigns">
    See all campaigns running for that ad format in a single view.
  </Step>

  <Step title="Configure charge type">
    Select the charge type that fits your monetization strategy — CPC, CPM, or CPA (Sponsored Listings only).
  </Step>

  <Step title="Manage self-service access">
    For Banners, Brands, and Videos, restrict self-service access for the entire marketplace or for specific vendors. Sponsored Listings are enabled for self-service by default.
  </Step>
</Steps>

<div
  style={{
margin: "3rem 0",
height: "3px",
background:
  "linear-gradient(to right, transparent, #00ff88 20%, #00d4ff 40%, #8280ff 60%, #ff6b9d 80%, transparent)",
borderRadius: "2px",
opacity: "0.6",
}}
/>

Available now. Navigate to any Ad Format page in the Admin Dashboard to start configuring charge types and self-service access.

<ChangelogActions />