> For the complete documentation index, see [llms.txt](https://help.impact.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.impact.com/brand/es/what-would-you-like-to-learn-about/platform-features/reach-out-to-partners/generate-leads/create-a-custom-widget.md).

# Crear un widget personalizado

Desarrolla herramientas dinámicas que permitan a los partners promocionar tu marca. Los widgets personalizados te permiten incrustar herramientas o páginas alojadas externamente directamente en la interfaz de impact.com mediante un iframe. Usa esta guía para crear y configurar un widget de contenido personalizado que proporcione recursos personalizados y una experiencia de marca coherente para tus partners.

{% stepper %}
{% step %}

#### Accede al creador de widgets personalizados

1. En el menú de navegación izquierdo, seleccione ![](/files/fe7777a565e5a85579aeb006aa379fcc1b594c29) **\[Engage]** → **Contenido** → [**Widgets**](https://app.impact.com/secure/advertiser/engage/ads/list-widget-tool-flow.ihtml)**.**
2. En la esquina superior derecha, selecciona **Crear widget** → **Personalizado**.
   {% endstep %}

{% step %}

#### Introduce los detalles del widget

1. Introduzca una **Nombre** del widget personalizado.
2. Opcionalmente, introduce un **Descripción** para el widget personalizado.
3. Opcionalmente, introduce un **Etiqueta** para el widget personalizado.
4. Si es necesario, ![](/files/56e1fcd9ba564ade1200e6210703a468dfffe350) **\[Activar] Restringir acceso de partners** para especificar los partners y grupos individuales que deberían tener acceso al widget.
   * **Partners:** Introduce el nombre de los partners que pueden acceder al widget personalizado.
   * **Grupos:** Introduce el nombre de los grupos que pueden acceder al widget personalizado.
     {% endstep %}

{% step %}

#### Configura el widget

1. Selecciona cómo se comporta el widget entre las opciones de visualización:
   * **Abrir en una nueva pestaña:** Abre la URL alojada en una pestaña aparte.
   * **Incrustar en impact.com:** Muestra el widget directamente dentro de la interfaz de la plataforma.
2. Opcionalmente, desde el **Imagen de vista previa** sección, seleccione **Elegir archivo** campo, carga una miniatura. Asegúrate de que el archivo sea GIF, JPG o PNG y no supere los 512 KB.
3. En el **URL del widget** campo, introduce la dirección web donde está alojado tu widget.
4. Desde el ![](/files/dc4b460e9558e50b72a5d0a040271a8312ab03b3)**\[menú desplegable]**, selecciona el protocolo (por ejemplo, https\://) que coincida con la seguridad de tu sitio.
5. Opcionalmente, selecciona ![](/files/7739dcda4ddf1d60735bf425b3969b4ce7b927a4) **\[Agregar] Insertar campos dinámicos** para desplegar la lista de tokens.
6. Localiza el token que quieres usar y selecciona **Insertar**. La plataforma añadirá automáticamente el token (por ejemplo, {irpid}) a tu **URL del widget**. Consulta la [Tokens de campos dinámicos](#dynamic-field-tokens) sección a continuación para ver la descripción de cada token.
   {% endstep %}

{% step %}

#### Actualizar la configuración avanzada

Desde el **Idioma** ![](/files/dc4b460e9558e50b72a5d0a040271a8312ab03b3)**\[menú desplegable]**, selecciona el idioma en el que se mostrará este widget.
{% endstep %}

{% step %}

#### Finaliza el widget personalizado

Selecciona **Crear** para guardar tu widget. Los partners pueden encontrar este widget en *Widgets de contenido*.
{% endstep %}
{% endstepper %}

<details>

<summary>Tokens de campos dinámicos</summary>

| Token                          | Descripción                                                         |
| ------------------------------ | ------------------------------------------------------------------- |
| `{click_url_encoded}`          | Clic URL codificada                                                 |
| `{click_url}`                  | Clic URL no codificada                                              |
| `{irimpurl}`                   | Nuestra URL de impresión                                            |
| `{irpid}`                      | ID del partner                                                      |
| `{subid1}`                     | ID secundario 1 del partner                                         |
| `{subid2}`                     | ID secundario 2 del partner                                         |
| `{subid3}`                     | ID secundario 3 del partner                                         |
| `{sharedId}`                   | ID compartido                                                       |
| `{iradid}`                     | ID del anuncio                                                      |
| `{ircid}`                      | ID del programa                                                     |
| `{click_url_encoded_deeplink}` | URL de clic codificada con el parámetro de enlace profundo añadido. |

</details>


---

# 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.impact.com/brand/es/what-would-you-like-to-learn-about/platform-features/reach-out-to-partners/generate-leads/create-a-custom-widget.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.
