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

# Welcome to Topsort

> Discover Topsort's integration options and core products to launch, scale, and optimize your retail media business with privacy-focused, flexible, and AI-powered solutions

export const IntegrationsCard1A = () => {
  return <>
      <style>{`
        .integrations-card-1a {
          display: flex;
          flex-direction: column;
          background-color: #f0f2f4;
          border: 1px solid rgba(0, 0, 0, 0.08);
          border-radius: 12px;
          padding: 1.25rem 1.5rem;
          gap: 0.25rem;
          color: #25253b;
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
          transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
          margin-top: 2rem;
        }

        .integrations-card-1a:hover {
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
          border-color: rgba(0, 0, 0, 0.12);
        }

        .dark .integrations-card-1a {
          background-color: #25253b;
          color: #f6f8fa;
          border-color: rgba(255, 255, 255, 0.08);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        }

        .dark .integrations-card-1a:hover {
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
          border-color: rgba(255, 255, 255, 0.12);
        }

        .integrations-card-1a-avatar-row {
          display: flex;
          margin-left: 14px;
          flex-wrap: nowrap;
        }

        .integrations-card-1a-avatar {
          width: 44px;
          height: 44px;
          border-radius: 50%;
          border: 2px solid #f0f2f4;
          margin-left: -14px;
          object-fit: cover;
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
          pointer-events: none;
          cursor: default;
        }

        .dark .integrations-card-1a-avatar {
          border-color: #25253b;
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
        }

        .integrations-card-1a h2 {
          margin: 0;
          line-height: 1.25;
          font-size: clamp(1.25rem, calc(0.875rem + 1.25vw), 1.75rem);
          font-weight: 700;
          letter-spacing: -0.025em;
          color: #111827;
        }

        .dark .integrations-card-1a h2 {
          color: #f9fafb;
        }

        .integrations-card-1a-subtitle {
          font-size: 0.9375rem;
          font-weight: 500;
          line-height: 1.5;
          color: #4b5563;
          margin: 0;
        }

        .dark .integrations-card-1a-subtitle {
          color: #d1d5db;
        }

        .integrations-card-1a p {
          margin: 0;
          line-height: 1.5;
          font-size: 0.875rem;
          color: #374151;
        }

        .dark .integrations-card-1a p {
          color: #d1d5db;
        }

        .integrations-card-1a a {
          color: #0500ff;
          text-decoration: none;
          font-weight: 500;
          transition: color 0.15s ease;
        }

        .integrations-card-1a a:hover {
          color: #0400cc;
        }

        .dark .integrations-card-1a a {
          color: #8280ff;
        }

        .dark .integrations-card-1a a:hover {
          color: #a19fff;
        }

        @media (max-width: 640px) {
          .integrations-card-1a-avatar {
            width: 38px;
            height: 38px;
            margin-left: -12px;
          }

          .integrations-card-1a-avatar-row {
            margin-left: 12px;
          }
        }

        @media (min-width: 1280px) {
          .integrations-card-1a p {
            font-size: 0.6875rem;
            line-height: 1.4;
            letter-spacing: -0.01em;
          }

          .integrations-card-1a h2 {
            font-size: clamp(1rem, calc(0.75rem + 1vw), 1.25rem);
          }

          .integrations-card-1a-subtitle {
            font-size: 0.75rem;
          }
        }
      `}</style>
      <div className="integrations-card-1a">
        <div className="integrations-card-1a-avatar-row">
          <img src="/images/integration-team/agustin.webp" alt="Agustin - Integrations Team Member" loading="lazy" className="integrations-card-1a-avatar" />
          <img src="/images/integration-team/amelia.webp" alt="Amelia - Integrations Team Member" loading="lazy" className="integrations-card-1a-avatar" />
          <img src="/images/integration-team/bernardita.webp" alt="Bernardita - Integrations Team Member" loading="lazy" className="integrations-card-1a-avatar" />
          <img src="/images/integration-team/borumy.webp" alt="Borumy - Integrations Team Member" loading="lazy" className="integrations-card-1a-avatar" />
          <img src="/images/integration-team/felipe.webp" alt="Felipe - Integrations Team Member" loading="lazy" className="integrations-card-1a-avatar" />
          <img src="/images/integration-team/gui.webp" alt="Gui - Integrations Team Member" loading="lazy" className="integrations-card-1a-avatar" />
          <img src="/images/integration-team/javiera.webp" alt="Javiera - Integrations Team Member" loading="lazy" className="integrations-card-1a-avatar" />
          <img src="/images/integration-team/linn.webp" alt="Linn - Integrations Team Member" loading="lazy" className="integrations-card-1a-avatar" />
          <img src="/images/integration-team/marcio.webp" alt="Marcio - Integrations Team Member" loading="lazy" className="integrations-card-1a-avatar" />
          <img src="/images/integration-team/mateus.webp" alt="Mateus - Integrations Team Member" loading="lazy" className="integrations-card-1a-avatar" />
          <img src="/images/integration-team/max.webp" alt="Max - Integrations Team Member" loading="lazy" className="integrations-card-1a-avatar" />
          <img src="/images/integration-team/rodrigo.webp" alt="Rodrigo - Integrations Team Member" loading="lazy" className="integrations-card-1a-avatar" />
        </div>

        <h2>Need help with your Topsort integration?</h2>

        <p className="integrations-card-1a-subtitle">
          Talk to us, the integrations engineering team.
        </p>

        <p>
          Reach us via <strong>your dedicated messaging channel</strong> or at{" "}
          <a href="mailto:support@topsort.com">support@topsort.com</a>.
        </p>

        <p>
          If you're not a customer yet,{" "}
          <a href="https://www.topsort.com/book-a-demo">book a demo</a> with our
          sales team instead.
        </p>
      </div>
    </>;
};

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  This guide provides information on Topsort's suite of products designed to
  enhance the growth of your retail media networks. You can choose the module
  and integration path that best suits your needs. This Integration Guide contains
  all the details you need to get started with Topsort's offerings. For in-depth
  explanations of features and concepts, visit the [**Knowledge Base**](/en/knowledge-base/).
</div>

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  Consider this your essential resource for launching, scaling, and optimizing
  your retail media business. Whether you are new to advertising, upgrading
  existing systems, or aiming to improve results with AI-powered tools, you will
  find the necessary technical information here to connect with Topsort's
  infrastructure.
</div>

## What is Topsort's Retail Media Infrastructure

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  Topsort enables the creation of a unique advertising ecosystem through four
  core components:
</div>

<Steps>
  <Step title="Ad Platform">
    <div style={{ textAlign: "justify" }}>
      A comprehensive, ready-to-use solution for launching, growing, and
      activating your advertising business. It includes tools for managing
      campaigns, viewing reports, tracking results, and integrating ad displays.
    </div>
  </Step>

  <Step title="Ad Server">
    <div style={{ textAlign: "justify" }}>
      Offers powerful APIs for customizing ads and integrating with existing
      systems and software. This ensures a seamless experience for sellers while
      allowing them to control ad relevance, audience targeting, and performance
      improvement.
    </div>
  </Step>

  <Step title="Ad Intelligence">
    <div style={{ textAlign: "justify" }}>
      Provides smart tools and individual components to enhance your ad system,
      including solutions for forecasting, retrieval, and attribution to address
      challenges common to large online platforms.
    </div>
  </Step>

  <Step title="Toppie">
    <div style={{ textAlign: "justify" }}>
      Topsort's DSP for advertising agencies and brands, enabling campaign
      management across multiple online retailers from a centralized platform
      with real-time data and AI-powered enhancements.
    </div>
  </Step>
</Steps>

## Choosing the Right Path

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  * For those new to retail media, start with the [**Ad Platform's low-code
    tools**](/en/ad-platform/).
</div>

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  * For building custom logic, explore the [**Ad Server APIs**](/en/ad-server/).
</div>

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  * For programmatic scaling, utilize [**Toppie for demand-side
    expansion**](/en/toppie/).
</div>

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  * For migrating systems, review [**fallback strategies and A/B testing
    guidelines**](/en/advanced-integrations/).
</div>

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  Topsort offers state-of-the-art, privacy-focused technology to help retailers
  build and expand their ad businesses. To accommodate various technical skills
  and preferences, two main integration methods are available:
</div>

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  * **Low-Code Integration**: Offers a simpler, more direct setup.
</div>

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  * **Full API-First Integration**: Provides maximum flexibility and
    customization.
</div>

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  Regardless of the chosen integration path, Topsort equips you with the tools
  to monetize through an omnichannel ad system. Each integration component is
  designed to assist in managing, understanding, and improving your advertising
  strategies.
</div>

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  For detailed guides, step-by-step instructions, and personalized support,
  please contact our technical support team via the [**Support
  Portal**](https://help.center.topsort.com/servicedesk/customer/portal/1).
</div>

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  We are committed to ensuring a smooth integration process and helping you
  maximize the potential of your inventory.
</div>

<IntegrationsCard1A />