> 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/pt-br/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/set-up-an-instant-access-widget.md).

# Configurar um widget de acesso 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">Faça o curso PXA</a>

Projetados para clientes de e-commerce e varejo, os widgets de acesso instantâneo oferecem aos seus defensores de clientes e aos amigos indicados por eles uma maneira fácil de interagir com seu programa de indicação — sem necessidade de senha ou autenticação.

Existem 2 tipos de widgets de acesso instantâneo:

* O *widget de indicação do site* oferece aos seus defensores de clientes uma maneira fácil de entrar no seu programa de indicação e acessar seus links de compartilhamento.
* O *widget de amigo* registrará o cliente indicado no programa Advocate e, em seguida, emitirá uma recompensa — como um código de desconto — quando ele informar seu endereço de e-mail. Ele deve ser exibido na página de destino quando os amigos do seu defensor de cliente clicarem no link de compartilhamento.

Para mais detalhes sobre como os widgets de acesso instantâneo funcionam, consulte [Tipos de widgets explicados](/brand/pt-br/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-types-explained.md).

#### Etapa 1: Configure os widgets nas regras do seu programa

Primeiro, você precisará configurar a aparência dos seus widgets de acesso instantâneo.

{% tabs %}
{% tab title="Widget de indicação do site" %}

1. No menu de navegação à esquerda, selecione ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → Regras do programa**.
2. Selecione o **Conteúdo** guia na parte superior da página.
3. Na *Widget de indicação do site* cartão, selecione **Editar**.

   <div data-with-frame="true"><figure><img src="https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fuobx2XxNWNvnWI9VxAeM%2FScreenshot%202026-05-18%20at%2009.46.08.png?alt=media&amp;token=6cd074ab-47c6-4423-ab7e-f555c639efe9" alt=""><figcaption></figcaption></figure></div>
4. Ajuste a aparência e o conteúdo do modelo.
   * Para mais informações sobre como usar o editor de widgets, consulte [Personalizar widgets do programa](/brand/pt-br/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets.md). Componentes dos seguintes grupos não podem ser adicionados aos widgets de acesso instantâneo: *Recompensas*, *Estatísticas*, *Componentes do microsite*, ou *Indicações*.
5. Salve suas alterações no widget.
   {% endtab %}

{% tab title="Widget de amigo" %}

1. No menu de navegação à esquerda, selecione ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → Regras do programa**.
2. Selecione o **Conteúdo** guia na parte superior da página.
3. Na *Widget de amigo* cartão, selecione **Editar**.

   <div data-with-frame="true"><figure><img src="https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fb2KP4npAsfVPKK5ZZytF%2FScreenshot%202026-05-18%20at%2009.47.19.png?alt=media&amp;token=8d651c41-1e04-43a8-b341-5d1905408da2" alt=""><figcaption></figcaption></figure></div>
4. Ajuste a aparência e o conteúdo do modelo.
   * Para mais informações sobre como usar o editor de widgets, consulte [Personalizar widgets do programa](/brand/pt-br/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets.md). Componentes dos seguintes grupos não podem ser adicionados aos widgets de acesso instantâneo: *Recompensas*, *Estatísticas*, *Componentes do microsite*, ou *Indicações*.
5. Opcionalmente, selecione ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-b5e1740618ed6571d97b8fed7c25a7678f85d375%2F299632fb6f4f91fbf9847471754cc6180e4284a65b4960af4c4ea472a159f552.svg?alt=media) **\[Caixa desmarcada] Mostrar** na *Widget de amigo* cartão para *Mostrar automaticamente para amigos indicados*.
   * Esta opção ativa o recurso de popup automático. O popup automático cria uma experiência mais envolvente para o amigo indicado ao fazer o widget de amigo se destacar na página de destino.
6. Salve suas alterações no widget.
   {% endtab %}
   {% endtabs %}

#### Etapa 2: Configure o widget de amigo para emitir uma recompensa (opcional)

Se você estiver usando o widget de amigo, poderá configurá-lo para fornecer um código de desconto ao amigo indicado. Para isso, primeiro você precisará configurar uma recompensa de fuel tank. Depois, configure as regras do seu programa para emitir essa recompensa por meio do widget de amigo.

{% hint style="info" %}
**Observação:** Se você já tiver uma recompensa de fuel tank configurada para o seu programa, então você pode editar a [recompensa existente](/brand/pt-br/what-would-you-like-to-learn-about/advocate-program/advocate-rewards/set-up-a-fuel-tank-reward.md) e alterar o *Tipo de acesso* para **Acesso instantâneo** em vez disso.
{% endhint %}

1. Configure uma [recompensa de fuel tank](/brand/pt-br/what-would-you-like-to-learn-about/advocate-program/advocate-rewards/set-up-a-fuel-tank-reward.md).
   * O fuel tank é onde você fará upload dos descontos exclusivos que a impact.com exibirá no widget de amigo.
2. No menu de navegação à esquerda, selecione ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-230534471fef5f40808e921e41ee44e4a06ded03%2Fe6cb9548999afdc1ed3ce4942e4cb5b45b5cecbd323267aac2a7cd1915fccc09.svg?alt=media) **\[Engage] → Regras do programa**.
3. Selecione o **Comportamento do programa** guia na parte superior da página.
4. Encontre a regra do programa que emite uma recompensa para o amigo indicado e, em seguida, selecione ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fut4jbWXPGIqKlOpfrxol%2Fadvocate_edit.svg?alt=media\&token=3a645b22-237b-429e-be28-5a4d92fab66c) **\[Editar ação]**.

   <div data-with-frame="true"><figure><img src="https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2FgH9l0ls6qyirX5CI1yUH%2FScreenshot%202026-05-18%20at%2009.59.05.png?alt=media&amp;token=7232b7df-d38e-44d2-a613-cebaa1b1632a" alt=""><figcaption></figcaption></figure></div>
5. Certifique-se de que a ação envie um **Recompensa e e-mail** para o **Amigo**, depois selecione **Próximo**.
6. Na parte superior do *Editar recompensa* na tela, selecione **Use uma recompensa pré-configurada**.

   <div data-with-frame="true"><figure><img src="https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-0c279d2b9565e090b9d307487a89253949ea82d5%2F7922f00a4660ca4be39e63403b51343ac0eeb85dd15e6497e15fc10536d22c1e.jpg?alt=media" alt=""><figcaption></figcaption></figure></div>
7. A partir do *Recompensa* lista suspensa, selecione a recompensa de fuel tank que você criou.
8. Selecione **Próximo**, depois revise a ação e selecione **Salvar**.

#### Etapa 3: Instale os widgets

Parabéns! Seus widgets de acesso instantâneo estão prontos para uso. A etapa final é gerar um trecho de código para incorporar à sua página de destino pós-compra, fluxo de checkout ou onde quer que você queira que os participantes acessem eles.

{% tabs %}
{% tab title="Widget de indicação do site" %}

1. Na barra de navegação superior, selecione ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2F210dEQa93qyQgoJDkieL%2FUser%20profile.svg?alt=media\&token=f84c5b17-fae4-4a30-990a-9de5e57a150b) **\[Perfil do usuário] → Configurações**.
2. À esquerda, abaixo de *Configurações do Advocate*, selecione **Instalar**.
3. Na lista suspensa de widgets, selecione um dos widgets de acesso instantâneo que você criou.
4. Escolha se você deseja gerar um trecho de código para um **Widget incorporado** ou um **Widget de popup**.
   * Widgets incorporados são exibidos diretamente na sua página da web.
   * Widgets de popup serão carregados em um popup depois que o participante clicar no botão ou link designado.
5. Copie o trecho de código gerado e, em seguida, adicione-o à sua plataforma de e-commerce ou página de destino.
   {% endtab %}

{% tab title="Widget de amigo" %}
{% hint style="info" %}
**Pule esta etapa se o seu widget de amigo usar popup automático:** Esta etapa não é necessária para todos os widgets de amigo. O [Tag Universal de Rastreamento (UTT)](/brand/pt-br/what-would-you-like-to-learn-about/platform-features/tracking/javascript-tag-tracking/tracking-with-universal-tracking-tag-utt.md) carrega automaticamente na sua página da web quaisquer widgets de amigo configurados para *Mostrar automaticamente para amigos indicados*. Você pode pular esta etapa se o seu widget de amigo tiver essa opção ativada.
{% endhint %}

Se você estiver usando um widget de amigo sem o popup automático ativado, o UTT não carregará o widget automaticamente — então você precisará gerar o trecho de código e colocá-lo na sua página.

1. Na barra de navegação superior, selecione ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2F210dEQa93qyQgoJDkieL%2FUser%20profile.svg?alt=media\&token=f84c5b17-fae4-4a30-990a-9de5e57a150b) **\[Perfil do usuário] → Configurações**.
2. À esquerda, abaixo de *Configurações do Advocate*, selecione **Instalar**.
3. No *Exibir widgets* , selecione **Acesso instantâneo** como o tipo de widget que você deseja exibir.
4. Na lista suspensa de widgets, selecione o seu widget de amigo.
5. Selecione o **Widget Incorporado** tipo de exibição.
6. Copie o trecho de código gerado e, em seguida, adicione-o à página que o amigo indicado acessará.
   {% 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/pt-br/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=<user_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.
