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

# Bienvenido a Topsort

> Descubra las opciones de integración y productos principales de Topsort para lanzar, escalar y optimizar su negocio de retail media con soluciones enfocadas en la privacidad, flexibles y potenciadas por IA

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        <h2>¿Necesitas ayuda con tu integración de Topsort?</h2>

        <p className="integrations-card-1a-es-subtitle">
          Habla con nosotros, el equipo de ingeniería de integraciones.
        </p>

        <p>
          Contáctanos a través de <strong>tu canal de mensajería dedicado</strong> o en{" "}
          <a href="mailto:support@topsort.com">support@topsort.com</a>.
        </p>

        <p>
          Si aún no eres cliente,{" "}
          <a href="https://www.topsort.com/book-a-demo">agenda una demo</a> con nuestro
          equipo de ventas.
        </p>
      </div>
    </>;
};

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  Esta guía proporciona información sobre el conjunto de productos de Topsort diseñados para
  mejorar el crecimiento de sus redes de retail media. Puede elegir el módulo
  y la ruta de integración que mejor se adapte a sus necesidades. Esta Guía de Integración contiene
  todos los detalles que necesita para comenzar con las ofertas de Topsort.
</div>

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  Considere esto como su recurso esencial para lanzar, escalar y optimizar
  su negocio de retail media. Ya sea que sea nuevo en publicidad, esté actualizando
  sistemas existentes o tenga como objetivo mejorar los resultados con herramientas potenciadas por IA, encontrará
  aquí la información técnica necesaria para conectarse con la
  infraestructura de Topsort.
</div>

## Qué es la Infraestructura de Retail Media de Topsort

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  Topsort permite la creación de un ecosistema publicitario único a través de cuatro
  componentes principales:
</div>

<Steps>
  <Step title="Ad Platform">
    <div style={{ textAlign: "justify" }}>
      Una solución integral lista para usar para lanzar, hacer crecer y
      activar su negocio publicitario. Incluye herramientas para gestionar
      campañas, ver informes, rastrear resultados e integrar visualizaciones de anuncios.
    </div>
  </Step>

  <Step title="Ad Server">
    <div style={{ textAlign: "justify" }}>
      Ofrece APIs potentes para personalizar anuncios e integrar con
      sistemas y software existentes. Esto garantiza una experiencia fluida para los
      vendedores mientras les permite controlar la relevancia de los anuncios, la
      segmentación de audiencia y la mejora del rendimiento.
    </div>
  </Step>

  <Step title="Ad Intelligence">
    <div style={{ textAlign: "justify" }}>
      Proporciona herramientas inteligentes y componentes individuales para
      mejorar su sistema publicitario, incluyendo soluciones para pronósticos,
      recuperación y atribución para abordar desafíos comunes a las grandes
      plataformas en línea.
    </div>
  </Step>

  <Step title="Toppie">
    <div style={{ textAlign: "justify" }}>
      El DSP de Topsort para agencias de publicidad y marcas, que permite la
      gestión de campañas en múltiples minoristas en línea desde una plataforma
      centralizada con datos en tiempo real y mejoras potenciadas por IA.
    </div>
  </Step>
</Steps>

## Eligiendo el Camino Correcto

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  * Para aquellos nuevos en retail media, comience con las [**herramientas de bajo código de Ad Platform**](/es/ad-platform/).
</div>

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  * Para construir lógica personalizada, explore las [**APIs de Ad Server**](/es/ad-server/).
</div>

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  * Para escalado programático, utilice [**Toppie para expansión del lado de la demanda**](/es/toppie/).
</div>

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  * Para migrar sistemas, revise las [**estrategias de respaldo y directrices de pruebas A/B**](/es/advanced-integrations/).
</div>

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  Topsort ofrece tecnología de vanguardia enfocada en la privacidad para ayudar a los minoristas
  a construir y expandir sus negocios publicitarios. Para acomodar diversas habilidades técnicas
  y preferencias, hay dos métodos principales de integración disponibles:
</div>

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  * **Integración de Bajo Código**: Ofrece una configuración más simple y directa.
</div>

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  * **Integración Completa API-First**: Proporciona máxima flexibilidad y personalización.
</div>

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  Independientemente de la ruta de integración elegida, Topsort le equipa con las herramientas
  para monetizar a través de un sistema publicitario omnicanal. Cada componente de integración está
  diseñado para ayudar a gestionar, comprender y mejorar sus estrategias publicitarias.
</div>

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  Para guías detalladas, instrucciones paso a paso y soporte personalizado,
  póngase en contacto con nuestro equipo de soporte técnico a través del [**Portal de
  Soporte**](https://help.center.topsort.com/servicedesk/customer/portal/1).
</div>

<div style={{ textAlign: "justify", marginBottom: "1.5rem" }}>
  Estamos comprometidos a garantizar un proceso de integración fluido y a ayudarle a
  maximizar el potencial de su inventario.
</div>

<IntegrationsCard1AEs />
