> 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 do cliente 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 do cliente 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 fornecer seu endereço de e-mail. Ele deve ser exibido na página de destino quando os amigos do seu defensor do cliente clicarem no link de compartilhamento.

Para mais detalhes sobre como os widgets de acesso instantâneo funcionam, consulte [Tipos de Widget 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 ![](/files/160944180402269557074f48f2ece20bc35e8b4d) **\[Engage] → Regras do Programa**.
2. Selecione a guia **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="/files/dcaa7a55861fcd7778b3532eea03c329d5507d61" 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 de 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 ![](/files/160944180402269557074f48f2ece20bc35e8b4d) **\[Engage] → Regras do Programa**.
2. Selecione a guia **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="/files/6335a5bfc273f626e1974f93daa9d86c05f5e571" 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 de Microsite*, ou *Indicações*.
5. Opcionalmente, selecione ![](/files/27a40f26b5bd84bf51b027f804aa6f07400faa96) **\[Caixa desmarcada] Mostrar** em *Widget de amigo* cartão para *Mostrar automaticamente para amigos indicados*.
   * Esta opção ativa o recurso de pop-up automático. O pop-up automático cria uma experiência mais envolvente para o amigo indicado, destacando o widget de amigo 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, pode configurá-lo para fornecer um código de desconto ao amigo indicado. Para fazer 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* como **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 o impact.com exibirá no widget de amigo.
2. No menu de navegação à esquerda, selecione ![](/files/160944180402269557074f48f2ece20bc35e8b4d) **\[Engage] → Regras do Programa**.
3. Selecione a guia **Comportamento do Programa** guia na parte superior da página.
4. Encontre a regra do programa que concede uma recompensa ao amigo indicado e, em seguida, selecione ![](/files/bf31a9b0d1b715cccc7d563e353ca03304a11d56) **\[Editar ação]**.

   <div data-with-frame="true"><figure><img src="/files/fa600a979f5a88e69e99c7ebf73e098cc3c4e8f6" 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 da *Editar recompensa* tela, selecione **Usar uma recompensa pré-configurada**.

   <div data-with-frame="true"><figure><img src="/files/698019c09ecfd605365de98f67791c028d29cc98" alt=""><figcaption></figcaption></figure></div>
7. 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, ao fluxo de checkout ou a qualquer lugar onde você queira que os participantes acessem eles.

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

1. Na barra de navegação superior, selecione ![](/files/45f862e198f73982700ff092afe256a7fe2e0fff) **\[Perfil do usuário] → Configurações**.
2. À esquerda, abaixo de *Configurações do Defensor*, selecione **Instalar**.
3. Na lista suspensa de widgets, selecione um dos widgets de acesso instantâneo que você criou.
4. Escolha se deseja gerar um trecho de código para um **Widget incorporado** ou uma **Widget pop-up**.
   * Os widgets incorporados são exibidos diretamente em sua página da web.
   * Os widgets pop-up serão carregados em uma janela pop-up depois que o participante clicar no botão ou link designado.
5. Copie o trecho de código gerado e adicione-o à sua plataforma de e-commerce ou página de destino.
   {% endtab %}

{% tab title="Widget de amigo" %}
{% hint style="info" %}
**Ignore esta etapa se o seu widget de amigo usar pop-up 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 em sua página da web todos os 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 pop-up automático ativado, o UTT não carregará o widget automaticamente — portanto, você precisará gerar o trecho de código e colocá-lo em sua página.

1. Na barra de navegação superior, selecione ![](/files/45f862e198f73982700ff092afe256a7fe2e0fff) **\[Perfil do usuário] → Configurações**.
2. À esquerda, abaixo de *Configurações do Defensor*, selecione **Instalar**.
3. Na *Exibir Widgets* seção, selecione **Acesso Instantâneo** como o tipo de widget que você deseja exibir.
4. Na lista suspensa de widgets, selecione seu widget de amigo.
5. Selecione a guia **Widget incorporado** tipo de exibição.
6. Copie o trecho de código gerado e 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 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/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=<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.
