> For the complete documentation index, see [llms.txt](https://help.citrusad.com/retail-media-interface/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.citrusad.com/retail-media-interface/integration/es/generating-ads/banner-x-responsive/companion-products-banner-x.md).

# Productos complementarios

{% hint style="info" %}
Función beta

Esta función se encuentra actualmente en fase beta y puede cambiar. Agradecemos tus comentarios para ayudarnos a perfeccionarla.
{% endhint %}

El componente de productos complementarios permite a las marcas seleccionar una lista ordenada de productos que se pueden comprar junto con el banner. Puedes mostrarlos en tu banner, lo que permite a tus clientes comprar directamente en el banner. Esto puede generar un aumento de la interacción con el banner y una mejora del CTR.

<figure><img src="/files/d4qnUMiKFGKnvFyvRdOU" alt="" width="100%"><figcaption></figcaption></figure>

## Especificaciones

* Los productos disponibles para la sección de **Productos complementarios** se limitan a los seleccionados durante la etapa previa de creación de la campaña de **Productos**.
* Se puede especificar la cantidad requerida de **productos complementarios** para cada espacio.
* Los **productos complementarios** se pueden ordenar en la secuencia deseada al crear campañas, la cual se mantendrá en la respuesta del anuncio.

## Integrar productos complementarios

Los productos complementarios permiten a las marcas seleccionar una lista ordenada de productos que se pueden comprar con el banner.

### Antes de integrar

* Actualiza el método de análisis sintáctico para los nuevos campos en la respuesta X del banner para admitir los productos complementarios.
* Al integrar productos complementarios junto con los anuncios de video, selecciona e integra el reproductor de video elegido en tu sitio o aplicación móvil.
* Los campos para añadir anuncios de video y productos complementarios se completarán únicamente para las campañas que tengan configurados videos y productos complementarios. La activación ocurre solo después de que se completa la integración.
* Actualiza tu previsualizador para renderizar las nuevas funcionalidades de productos complementarios y video.

### Ejemplo de respuesta de anuncio para productos complementarios

Cuando las campañas tienen productos complementarios configurados, verás el `companionProducts` objeto devuelto.

```
{
  "ads": [
    {
      "contentStandardId": "c47c9ca2-ad3b-48cc-880b-e899c1661726",
      "slotId": "Top_Banner",
      "banners": [
        {
          "citrusAdId": "shotgun_8SvgA7OvvuwtZkkOKR0vr8AXMvQKFgoURmluZ2VybGltZTI2LWZkeHZxMjcSABoMCO30r70GEKPplJQCIgIIAQ==",
          "citrusCampaignName": "Ads:74-330-96832622ed499dafb3da8de8b76340a2",
          "citrusContentStandardId": "c47c9ca2-ad3b-48cc-880b-e899c1661726",
          "citrusSlotId": "Top_Banner",
          "citrusExpiry": "2025-02-12T01:33:33.579155107Z",
          "headingText": "recusandae 3205",
          "bannerText": "placeat 2825",
          "bannerTextColour": "ffffff",
          "ctaFlag": true,
          "ctaText": "CTA text",
          "ctaTextAccessibility": "call to action accessibility text",
          "ctaLink": http://citrusad.com,
          "backgroundColour": "000000",
          "backgroundImage": https://dev3.flavedo.io./citrus/8de07ed9-60b4-4611-8bd5-3f1f0c0b6be4,
          "secondaryBackgroundImage": https://dev3.flavedo.io./citrus/b7a70785-1366-42c6-8134-c7fe47a30c34,
          "secondaryBackgroundImagePosition": "rightaligned",
          "heroImage": https://dev3.flavedo.io./citrus/26798ca9-1022-422d-9100-1a3687c88372,
          "heroImageAltText": "hero image alt text",
          "secondaryHeroImage": https://dev3.flavedo.io./citrus/c4ee18b4-bf51-44d7-9eb6-eeb1dc4c422f,
          "secondaryHeroImageAltText": "secondary hero image alt text",
          "secondaryHeroMode": "landscape",
          "tags": {},
          "additionalFields": [
            {
              "id": "text-1",
              "value": "sed 5731"
            }
          ],
          "gtins": [
            "Fingerlime26-fdxvq27",
            "Oranges5-qgxeb6",
            "Cherries9-adkoj11",
            "Incaberries20-ppscn21",
            "Banana14-simfk15"
          ],
          "sellerId": "seller_id_772_659",
          "position": 1,
          "metadata": {
            "advertiserInfo": {
             "advertiser": "Bob's advertising agency",
             "onBehalfOf": "Brand company inc"
            }
          },
          "companionProducts": [
            "Banana14-simfk15"
            "Oranges5-qgxeb6",
            "Incaberries20-ppscn21",
          ]
        }
      ]
    }
  ]
}
```


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://help.citrusad.com/retail-media-interface/integration/es/generating-ads/banner-x-responsive/companion-products-banner-x.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
