> 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/advocate-program/manage-advocate-participant-experiences/widget-experiences/set-up-an-instant-access-widget.md).
# Configurar un widget de acceso instantáneo
Realiza el curso de PXA
Diseñados para clientes de comercio electrónico y retail, los widgets de acceso instantáneo ofrecen a tus defensores de clientes y a sus amigos recomendados una forma sencilla de interactuar con tu programa de referidos, sin necesidad de contraseña ni autenticación.
Hay 2 tipos de widgets de acceso instantáneo:
* El *widget de referidos del sitio web* les ofrece a tus defensores de clientes una forma sencilla de unirse a tu programa de referidos y acceder a sus enlaces para compartir.
* El *widget para amigos* registrará al cliente referido en el programa de Defensores y, luego, emitirá una recompensa —como un código de descuento— cuando proporcione su dirección de correo electrónico. Debe mostrarse en la página de destino cuando los amigos de tu defensor de clientes hagan clic en su enlace para compartir.
Para obtener más detalles sobre cómo funcionan los widgets de acceso instantáneo, consulta [Explicación de los tipos de widget](/brand/es/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-types-explained.md).
#### Paso 1: Configura los widgets en las reglas de tu programa
Primero, deberás configurar la apariencia de tus widgets de acceso instantáneo.
{% tabs %}
{% tab title="widget de referidos del sitio web" %}
1. En el menú de navegación izquierdo, seleccione  **\[Engage] → Reglas del programa**.
2. Seleccione el **Contenido** pestaña en la parte superior de la página.
3. En la *widget de referidos del sitio web* tarjeta, selecciona **Editar**.
4. Ajusta la apariencia y el contenido de la plantilla.
* Para obtener más información sobre cómo usar el editor de widgets, consulta [Personalizar widgets del programa](/brand/es/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets.md). Los componentes de los siguientes grupos no se pueden agregar a los widgets de acceso instantáneo: *Recompensas*, *Estadísticas*, *Componentes de micrositio*, o *Referidos*.
5. Guarda tus cambios en el widget.
{% endtab %}
{% tab title="Widget para amigos" %}
1. En el menú de navegación izquierdo, seleccione  **\[Engage] → Reglas del programa**.
2. Seleccione el **Contenido** pestaña en la parte superior de la página.
3. En la *Widget para amigos* tarjeta, selecciona **Editar**.
4. Ajusta la apariencia y el contenido de la plantilla.
* Para obtener más información sobre cómo usar el editor de widgets, consulta [Personalizar widgets del programa](/brand/es/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets.md). Los componentes de los siguientes grupos no se pueden agregar a los widgets de acceso instantáneo: *Recompensas*, *Estadísticas*, *Componentes de micrositio*, o *Referidos*.
5. Opcionalmente, selecciona  **\[Casilla sin marcar] Mostrar** en la *Widget para amigos* tarjeta para *Mostrar automáticamente para los amigos referidos*.
* Esta opción habilita la función de ventana emergente automática. La ventana emergente automática crea una experiencia más atractiva para el amigo referido al hacer que el widget para amigos destaque en la página de destino.
6. Guarda tus cambios en el widget.
{% endtab %}
{% endtabs %}
#### Paso 2: Configura el widget para amigos para emitir una recompensa (opcional)
Si estás usando el widget para amigos, puedes configurarlo para proporcionar un código de descuento al amigo referido. Para hacerlo, primero deberás configurar una recompensa de depósito de combustible. Luego, configura las reglas de tu programa para emitir esta recompensa a través del widget para amigos.
{% hint style="info" %}
**Nota:** Si ya tienes configurada una recompensa de depósito de combustible para tu programa, entonces puedes editar la [recompensa existente](/brand/es/what-would-you-like-to-learn-about/advocate-program/advocate-rewards/set-up-a-fuel-tank-reward.md) y cambiar el *Tipo de acceso* para **Acceso instantáneo** en su lugar.
{% endhint %}
1. Configura una [recompensa de depósito de combustible](/brand/es/what-would-you-like-to-learn-about/advocate-program/advocate-rewards/set-up-a-fuel-tank-reward.md).
* El depósito de combustible es donde subirás los descuentos únicos que impact.com mostrará en el widget para amigos.
2. En el menú de navegación izquierdo, seleccione  **\[Engage] → Reglas del programa**.
3. Seleccione el **Comportamiento del programa** pestaña en la parte superior de la página.
4. Busca la regla del programa que emite una recompensa al amigo referido y luego selecciona  **\[Editar acción]**.
5. Asegúrate de que la acción envíe un **Recompensa y correo electrónico** al **Amigo**, luego seleccione **Siguiente**.
6. En la parte superior de la *Editar recompensa* de la pantalla, selecciona **Usar una recompensa preconfigurada**.
7. Desde el *Recompensa* lista desplegable, selecciona la recompensa de depósito de combustible que creaste.
8. Seleccione **Siguiente**, luego revisa la acción y selecciona **Guardar**.
#### Paso 3: Instala los widgets
¡Felicidades! Tus widgets de acceso instantáneo están listos para usar. El paso final es generar un fragmento de código para insertarlo en tu página de destino posterior a la compra, en el flujo de pago o donde quieras que los participantes accedan a ellos.
{% tabs %}
{% tab title="widget de referidos del sitio web" %}
1. En la barra de navegación superior, selecciona  **\[Perfil de usuario] → Configuración**.
2. A la izquierda, debajo de *Configuración de Advocate*, seleccione **Instalar**.
3. En la lista desplegable de widgets, selecciona uno de los widgets de acceso instantáneo que creaste.
4. Elige si deseas generar un fragmento de código para un **Widget incrustado** o un **Widget emergente**.
* Los widgets incrustados se muestran directamente en tu página web.
* Los widgets emergentes se cargarán en una ventana emergente después de que el participante haga clic en el botón o enlace designado.
5. Copia el fragmento de código generado y luego agrégalo a tu plataforma de comercio electrónico o a tu página de destino.
{% endtab %}
{% tab title="Widget para amigos" %}
{% hint style="info" %}
**Salta este paso si tu widget para amigos usa ventana emergente automática:** Este paso no es obligatorio para todos los widgets para amigos. El [Etiqueta Universal de Seguimiento (UTT)](/brand/es/what-would-you-like-to-learn-about/platform-features/tracking/javascript-tag-tracking/tracking-with-universal-tracking-tag-utt.md) carga automáticamente en tu página web cualquier widget para amigos configurado para *Mostrar automáticamente para los amigos referidos*. Puedes omitir este paso si tu widget para amigos tiene esta opción habilitada.
{% endhint %}
Si estás usando un widget para amigos sin la ventana emergente automática habilitada, UTT no cargará el widget automáticamente; por lo tanto, tendrás que generar el fragmento de código y colocarlo en tu página.
1. En la barra de navegación superior, selecciona  **\[Perfil de usuario] → Configuración**.
2. A la izquierda, debajo de *Configuración de Advocate*, seleccione **Instalar**.
3. En el *Mostrar widgets* sección, seleccione **Acceso instantáneo** como el tipo de widget que quieres mostrar.
4. En la lista desplegable de widgets, selecciona tu widget para amigos.
5. Seleccione el **Widget incrustado** tipo de visualización.
6. Copia el fragmento de código generado y luego agrégalo a la página a la que accederá el amigo referido.
{% endtab %}
{% endtabs %}
---
# 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 by asking a question.
Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:
```
GET https://help.impact.com/brand/es/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/set-up-an-instant-access-widget.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.
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.
