# Configurar un widget de acceso instantáneo
Tomar el curso PXA
Diseñados para clientes de comercio electrónico y retail, los widgets de acceso instantáneo brindan a tus defensores de clientes y a sus amigos referidos 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* proporciona a tus defensores de clientes una forma sencilla de unirse a tu programa de referidos y acceder a sus enlaces de compartir.
* El *widget de amigo* registrará al cliente referido en el programa Advocate y luego emitirá una recompensa, como un código de descuento, cuando proporcionen 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 de compartir.
Para más detalles sobre cómo funcionan los widgets de acceso instantáneo, consulta [Tipos de widgets explicados](/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. Selecciona el **Contenido** pestaña en la parte superior de la página.
3. En la *Widget de referidos del sitio web* , selecciona **Editar**.
4. Ajusta la apariencia y el contenido de la plantilla.
* Para 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). No se pueden añadir componentes de los siguientes grupos a los widgets de acceso instantáneo: *sección de Recompensas*, *Estadísticas*, *Componentes del micrositio*, o *Referidos*.
5. Guarda los cambios en el widget.
{% endtab %}
{% tab title="Widget de amigo" %}
1. En el menú de navegación izquierdo, seleccione  **\[Engage] → Reglas del programa**.
2. Selecciona el **Contenido** pestaña en la parte superior de la página.
3. En la *Widget de amigo* , selecciona **Editar**.
4. Ajusta la apariencia y el contenido de la plantilla.
* Para 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). No se pueden añadir componentes de los siguientes grupos a los widgets de acceso instantáneo: *sección de Recompensas*, *Estadísticas*, *Componentes del micrositio*, o *Referidos*.
5. Opcionalmente, selecciona  **\[Casilla desmarcada] Mostrar** en la pantalla de *Widget de amigo* tarjeta para *Mostrar automáticamente para 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 de amigo destaque en la página de destino.
6. Guarda los cambios en el widget.
{% endtab %}
{% endtabs %}
#### Paso 2: Configura el widget de amigo para emitir una recompensa (opcional)
Si estás usando el widget de amigo, puedes configurarlo para proporcionar un código de descuento al amigo referido. Para ello, primero deberás configurar una recompensa de fuel tank. Luego, configura las reglas de tu programa para emitir esta recompensa a través del widget de amigo.
{% hint style="info" %}
**Nota:** Si ya tienes configurada una recompensa de fuel tank 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 fuel tank](/brand/es/what-would-you-like-to-learn-about/advocate-program/advocate-rewards/set-up-a-fuel-tank-reward.md).
* El fuel tank es donde subirás los descuentos únicos que impact.com mostrará en el widget de amigo.
2. En el menú de navegación izquierdo, seleccione  **\[Engage] → Reglas del programa**.
3. Selecciona el **Comportamiento del programa** pestaña en la parte superior de la página.
4. Encuentra la regla del programa que emite una recompensa al amigo referido y luego selecciona  **\[Acción de edición]**.
5. Asegúrate de que la acción envíe una **Recompensa y correo electrónico** al **Amigo**, luego seleccione **Siguiente**.
6. En la parte superior de la lista desplegable de *Editar recompensa* pantalla, seleccione **Usar una recompensa preconfigurada**.
7. Desde el *Recompensa* selecciona la recompensa de fuel tank que creaste.
8. Selecciona **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 usarse. El paso final es generar un fragmento de código para incrustarlo 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, seleccione  **\[Perfil de usuario] → Configuración**.
2. A la izquierda, debajo de *Configuración de Advocate*, selecciona **Instalar**.
3. En la lista desplegable de widgets, selecciona uno de los widgets de acceso instantáneo que creaste.
4. Elige si quieres generar un fragmento de código para un **widget incrustado** o una **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 añádelo a tu plataforma de comercio electrónico o página de destino.
{% endtab %}
{% tab title="Widget de amigo" %}
{% hint style="info" %}
**Omite este paso si tu widget de amigo usa ventana emergente automática:** Este paso no es necesario para todos los widgets de amigo. 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) se carga automáticamente en tu página web cualquier widget de amigo configurado para *Mostrar automáticamente para amigos referidos*. Puedes omitir este paso si tu widget de amigo tiene esta opción habilitada.
{% endhint %}
Si estás usando un widget de amigo sin la ventana emergente automática habilitada, UTT no cargará el widget automáticamente, así que deberás generar el fragmento de código y colocarlo en tu página.
1. En la barra de navegación superior, seleccione  **\[Perfil de usuario] → Configuración**.
2. A la izquierda, debajo de *Configuración de Advocate*, selecciona **Instalar**.
3. En el *Mostrar widgets* Herramientas **Acceso instantáneo** como el tipo de widget que deseas mostrar.
4. En la lista desplegable de widgets, selecciona tu widget de amigo.
5. Selecciona el **Widget incrustado** tipo de visualización.
6. Copia el fragmento de código generado y luego añádelo a la página a la que accederá el amigo referido.
{% endtab %}
{% endtabs %}
---
# Agent Instructions: 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:
```
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=
```
The question should be specific, self-contained, and written in natural language.
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.