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

# Bem-vindo ao Topsort

> Descubra as opções de integração e produtos principais do Topsort para lançar, escalar e otimizar seu negócio de mídia de varejo com soluções focadas em privacidade, flexíveis e potencializadas por IA

export const IntegrationsCard1APt = () => {
  return <>
      <style>{`
        .integrations-card-1a-pt {
          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-pt:hover {
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
          border-color: rgba(0, 0, 0, 0.12);
        }

        .dark .integrations-card-1a-pt {
          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-pt:hover {
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
          border-color: rgba(255, 255, 255, 0.12);
        }

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

        .integrations-card-1a-pt-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-pt-avatar {
          border-color: #25253b;
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
        }

        .integrations-card-1a-pt 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-pt h2 {
          color: #f9fafb;
        }

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

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

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

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

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

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

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

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

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

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

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

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

          .integrations-card-1a-pt-subtitle {
            font-size: 0.75rem;
          }
        }
      `}</style>
      <div className="integrations-card-1a-pt">
        <div className="integrations-card-1a-pt-avatar-row">
          <img src="/images/integration-team/agustin.webp" alt="" loading="lazy" className="integrations-card-1a-pt-avatar" />
          <img src="/images/integration-team/amelia.webp" alt="" loading="lazy" className="integrations-card-1a-pt-avatar" />
          <img src="/images/integration-team/bernardita.webp" alt="" loading="lazy" className="integrations-card-1a-pt-avatar" />
          <img src="/images/integration-team/borumy.webp" alt="" loading="lazy" className="integrations-card-1a-pt-avatar" />
          <img src="/images/integration-team/felipe.webp" alt="" loading="lazy" className="integrations-card-1a-pt-avatar" />
          <img src="/images/integration-team/gui.webp" alt="" loading="lazy" className="integrations-card-1a-pt-avatar" />
          <img src="/images/integration-team/javiera.webp" alt="" loading="lazy" className="integrations-card-1a-pt-avatar" />
          <img src="/images/integration-team/linn.webp" alt="" loading="lazy" className="integrations-card-1a-pt-avatar" />
          <img src="/images/integration-team/marcio.webp" alt="" loading="lazy" className="integrations-card-1a-pt-avatar" />
          <img src="/images/integration-team/mateus.webp" alt="" loading="lazy" className="integrations-card-1a-pt-avatar" />
          <img src="/images/integration-team/max.webp" alt="" loading="lazy" className="integrations-card-1a-pt-avatar" />
          <img src="/images/integration-team/rodrigo.webp" alt="" loading="lazy" className="integrations-card-1a-pt-avatar" />
        </div>

        <h2>Precisa de ajuda com sua integração Topsort?</h2>

        <p className="integrations-card-1a-pt-subtitle">
          Fale conosco, a equipe de engenharia de integrações.
        </p>

        <p>
          Entre em contato através do <strong>seu canal de mensagens dedicado</strong> ou em{" "}
          <a href="mailto:support@topsort.com">support@topsort.com</a>.
        </p>

        <p>
          Se você ainda não é cliente,{" "}
          <a href="https://www.topsort.com/book-a-demo">agende uma demo</a> com nossa
          equipe de vendas.
        </p>
      </div>
    </>;
};

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  Este guia fornece informações sobre o conjunto de produtos do Topsort projetados para
  aprimorar o crescimento de suas redes de mídia de varejo. Você pode escolher o módulo
  e o caminho de integração que melhor atende às suas necessidades. Este Guia de Integração contém
  todos os detalhes necessários para começar com as ofertas do Topsort.
</div>

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  Considere este seu recurso essencial para lançar, escalar e otimizar
  seu negócio de mídia de varejo. Seja você novo em publicidade, atualizando
  sistemas existentes ou buscando melhorar resultados com ferramentas potencializadas por IA, você encontrará
  aqui as informações técnicas necessárias para se conectar com a
  infraestrutura do Topsort.
</div>

## O que é a Infraestrutura de Mídia de Varejo do Topsort

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  O Topsort permite a criação de um ecossistema de publicidade único através de quatro
  componentes principais:
</div>

<Steps>
  <Step title="Plataforma de Anúncios">
    <div style={{ textAlign: "justify" }}>
      Uma solução abrangente e pronta para uso para lançar, crescer e
      ativar seu negócio de publicidade. Inclui ferramentas para gerenciar
      campanhas, visualizar relatórios, acompanhar resultados e integrar exibições de anúncios.
    </div>
  </Step>

  <Step title="Servidor de Anúncios">
    <div style={{ textAlign: "justify" }}>
      Oferece APIs poderosas para personalizar anúncios e integrar com
      sistemas e softwares existentes. Isso garante uma experiência perfeita para vendedores enquanto
      permite que controlem a relevância dos anúncios, segmentação de público e melhoria
      de desempenho.
    </div>
  </Step>

  <Step title="Inteligência de Anúncios">
    <div style={{ textAlign: "justify" }}>
      Fornece ferramentas inteligentes e componentes individuais para aprimorar seu sistema de anúncios,
      incluindo soluções para previsão, recuperação e atribuição para abordar
      desafios comuns a grandes plataformas online.
    </div>
  </Step>

  <Step title="Toppie">
    <div style={{ textAlign: "justify" }}>
      DSP do Topsort para agências de publicidade e marcas, permitindo gerenciamento de campanhas
      em vários varejistas online a partir de uma plataforma centralizada
      com dados em tempo real e aprimoramentos potencializados por IA.
    </div>
  </Step>
</Steps>

## Escolhendo o Caminho Certo

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  * Para aqueles novos em mídia de varejo, comece com as [**ferramentas low-code da Plataforma de
    Anúncios**](/pt/ad-platform/).
</div>

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  * Para construir lógica personalizada, explore as [**APIs do Servidor de Anúncios**](/pt/ad-server/).
</div>

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  * Para escalonamento programático, utilize o [**Toppie para expansão
    do lado da demanda**](/pt/toppie/).
</div>

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  * Para migração de sistemas, revise as [**estratégias de fallback e diretrizes de testes
    A/B**](/pt/advanced-integrations/).
</div>

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  O Topsort oferece tecnologia de ponta focada em privacidade para ajudar varejistas
  a construir e expandir seus negócios de publicidade. Para acomodar várias habilidades técnicas
  e preferências, dois métodos principais de integração estão disponíveis:
</div>

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  * **Integração Low-Code**: Oferece uma configuração mais simples e direta.
</div>

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  * **Integração Completa API-First**: Proporciona máxima flexibilidade e
    personalização.
</div>

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  Independentemente do caminho de integração escolhido, o Topsort equipa você com as ferramentas
  para monetizar através de um sistema de anúncios omnichannel. Cada componente de integração é
  projetado para auxiliar no gerenciamento, compreensão e melhoria de suas estratégias
  de publicidade.
</div>

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  Para guias detalhados, instruções passo a passo e suporte personalizado,
  entre em contato com nossa equipe de suporte técnico através do [**Portal de
  Suporte**](https://help.center.topsort.com/servicedesk/customer/portal/1).
</div>

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  Estamos comprometidos em garantir um processo de integração tranquilo e ajudá-lo a
  maximizar o potencial do seu inventário.
</div>

<IntegrationsCard1APt />
