> 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

<a href="https://pxa.impact.com/student/activity/2359603?sid=0c0e3e5c-54c9-4435-9bee-ebcdccb7f292&#x26;sid_i=0?utm_source=app.impact.com&#x26;utm_medium=owned-platform&#x26;utm_content=&#x26;utm_campaign=help-center" class="button primary">Haz el curso PXA</a>

Diseñados para clientes de comercio electrónico y retail, los widgets de acceso instantáneo ofrecen a sus promotores clientes y a sus amigos referidos una forma sencilla de interactuar con su programa de referidos, sin necesidad de contraseña ni autenticación.

Hay 2 tipos de widgets de acceso instantáneo:

* La *widget de referidos del sitio web* ofrece a sus promotores clientes una forma sencilla de unirse a su programa de referidos y acceder a sus enlaces compartidos.
* La *widget para amigos* registrará al cliente referido en el programa de 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 su promotor cliente hagan clic en su enlace compartido.

Para obtener más detalles sobre cómo funcionan los widgets de acceso instantáneo, consulte [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: Configure los widgets en las reglas de su programa

Primero, deberá configurar la apariencia de sus widgets de acceso instantáneo.

{% tabs %}
{% tab title="Widget de referidos del sitio web" %}

1. Desde el menú de navegación de la izquierda, selecciona ![](/files/fe7777a565e5a85579aeb006aa379fcc1b594c29) **\[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**.

   <div data-with-frame="true"><figure><img src="/files/dcb85f53732c96e27b9309e75e2da51e561c0d94" alt=""><figcaption></figcaption></figure></div>
4. Ajuste la apariencia y el contenido de la plantilla.
   * Para obtener más información sobre cómo usar el editor de widgets, consulte [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 del micrositio*, o *Referidos*.
5. Guarde los cambios del widget.
   {% endtab %}

{% tab title="Widget para amigos" %}

1. Desde el menú de navegación de la izquierda, selecciona ![](/files/fe7777a565e5a85579aeb006aa379fcc1b594c29) **\[Engage] → Reglas del programa**.
2. Selecciona el **Contenido** pestaña en la parte superior de la página.
3. En la *Widget para amigos* selecciona **Editar**.

   <div data-with-frame="true"><figure><img src="/files/fc8f257135d0fc82f09601f591ff8781afe6897e" alt=""><figcaption></figcaption></figure></div>
4. Ajuste la apariencia y el contenido de la plantilla.
   * Para obtener más información sobre cómo usar el editor de widgets, consulte [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 del micrositio*, o *Referidos*.
5. Opcionalmente, selecciona ![](/files/5c82378e6caa885427c8bf4d0290698a9a9e2327) **\[Casilla sin marcar] Mostrar** en la *Widget para amigos* 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 para amigos destaque en la página de destino.
6. Guarde los cambios del widget.
   {% endtab %}
   {% endtabs %}

#### Paso 2: Configure el widget para amigos para emitir una recompensa (opcional)

Si está usando el widget para amigos, puede configurarlo para proporcionar un código de descuento al amigo referido. Para hacerlo, primero deberá configurar una recompensa de fuel tank. Luego, configure las reglas de su programa para emitir esta recompensa a través del widget para amigos.

{% hint style="info" %}
**Nota:** Si ya tiene configurada una recompensa de fuel tank para su programa, entonces puede 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* a **Acceso instantáneo** en su lugar.
{% endhint %}

1. Configure 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 cargará los descuentos únicos que impact.com mostrará en el widget para amigos.
2. Desde el menú de navegación de la izquierda, selecciona ![](/files/fe7777a565e5a85579aeb006aa379fcc1b594c29) **\[Engage] → Reglas del programa**.
3. Selecciona el **Comportamiento del programa** pestaña en la parte superior de la página.
4. Busque la regla del programa que emite una recompensa al amigo referido y luego seleccione ![](/files/22d2dc6a937a58439aeea87d096ecc8c2f00af0d) **\[Acción de edición]**.

   <div data-with-frame="true"><figure><img src="/files/19458853d39b9208d926e23cd78791982194e3e9" alt=""><figcaption></figcaption></figure></div>
5. Asegúrese 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 *Editar recompensa* pantalla, selecciona **Usar una recompensa preconfigurada**.

   <div data-with-frame="true"><figure><img src="/files/0126c0c1bcee8cfbfcb9a6147d9ae7b56a704569" alt=""><figcaption></figcaption></figure></div>
7. Desde el *Recompensa* lista desplegable, seleccione la recompensa de fuel tank que creó.
8. Selecciona **Siguiente**, luego revise la acción y seleccione **Guardar**.

#### Paso 3: Instale los widgets

¡Felicitaciones! Sus widgets de acceso instantáneo están listos para usar. El paso final es generar un fragmento de código para insertarlo en su página de destino posterior a la compra, en el flujo de pago o donde quiera que los participantes accedan a ellos.

{% tabs %}
{% tab title="Widget de referidos del sitio web" %}

1. Las recomendaciones solo se colocan en estado pendiente después de que actives Protección contra fraudes para tu cuenta de Advocate. ![](/files/0919e971063074bc852813115322dc9255719fbf) **En la barra de navegación superior, selecciona**.
2. A la izquierda, debajo de *Desde la sección*, selecciona **Instalar**.
3. En la lista desplegable de widgets, seleccione uno de los widgets de acceso instantáneo que creó.
4. Elija si desea generar un fragmento de código para un **widget incrustado** o un **widget emergente**.
   * Los widgets incrustados se muestran directamente en su 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 que usted indique.
5. Copie el fragmento de código generado y luego agréguelo a su plataforma de comercio electrónico o página de destino.
   {% endtab %}

{% tab title="Widget para amigos" %}
{% hint style="info" %}
**Omitir este paso si su widget para amigos usa ventana emergente automática:** Este paso no es necesario para todos los widgets para amigos. El [Universal Tracking Tag (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 su página web cuando cualquier widget para amigos está configurado para *Mostrar automáticamente para amigos referidos*. Puede omitir este paso si su widget para amigos tiene esta opción habilitada.
{% endhint %}

Si está usando un widget para amigos sin la ventana emergente automática habilitada, UTT no cargará el widget automáticamente, por lo que deberá generar el fragmento de código y colocarlo en su página.

1. Las recomendaciones solo se colocan en estado pendiente después de que actives Protección contra fraudes para tu cuenta de Advocate. ![](/files/0919e971063074bc852813115322dc9255719fbf) **En la barra de navegación superior, selecciona**.
2. A la izquierda, debajo de *Desde la sección*, selecciona **Instalar**.
3. En la *Mostrar widgets* Configuración de Advocate **Acceso instantáneo** como el tipo de widget que desea mostrar.
4. En la lista desplegable de widgets, seleccione su widget para amigos.
5. Selecciona el **Widget incrustado** tipo de visualización.
6. Copie el fragmento de código generado y luego agréguelo 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 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/advocate-program/manage-advocate-participant-experiences/widget-experiences/set-up-an-instant-access-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.
