# 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 fornecem aos seus defensores de clientes e aos amigos por eles indicados 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 no site* oferece aos seus defensores de clientes uma maneira fácil de participar do seu programa de indicação e acessar seus links de compartilhamento.
* O *widget para amigo* registrará o cliente indicado no programa de Defensor, então emitirá uma recompensa—como um código de desconto—quando ele fornecer seu endereço de e-mail. Deve ser exibido na página de destino quando os amigos do seu defensor clicarem no link de compartilhamento.

Para mais detalhes sobre como os widgets de acesso instantâneo funcionam, consulte [Tipos de Widget Explicados](https://help.impact.com/brand/pt-br/sobre-o-que-voce-gostaria-de-aprender/advocate-program/manage-advocate-participant-experiences/widget-experiences/widget-types-explained).

#### Passo 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 no 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 **página Conteúdo** guia na parte superior da página.
3. Na tela *widget de indicação no 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%2Fgit-blob-a0398b6c9b71c256fea85550506874cf0377a607%2Ff5648a86b40844c6676a764001190fdfbe86374db80a442fedebbaf89dcd4669.jpg?alt=media" alt=""><figcaption></figcaption></figure></div>
4. Ajuste a aparência e o conteúdo do template.
   * Para mais informações sobre como usar o editor de widgets, consulte [Personalizar Widgets do Programa](https://help.impact.com/brand/pt-br/sobre-o-que-voce-gostaria-de-aprender/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets). Componentes dos seguintes grupos não podem ser adicionados aos widgets de acesso instantâneo: *Recompensas*, *Estatísticas*, *Componentes do Microsite*, ou *Referências*.
5. Salve suas alterações no widget.
   {% endtab %}

{% tab title="widget para 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 **página Conteúdo** guia na parte superior da página.
3. Na tela *widget para 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%2Fgit-blob-0c8a42b6f8f90356d7db2912f361ecda4cb0badf%2Fbf9a54620d614aaa9ccba1440a70ac64b498b9a9dca5fcbf9ef3ef5c98e94c63.jpg?alt=media" alt=""><figcaption></figcaption></figure></div>
4. Ajuste a aparência e o conteúdo do template.
   * Para mais informações sobre como usar o editor de widgets, consulte [Personalizar Widgets do Programa](https://help.impact.com/brand/pt-br/sobre-o-que-voce-gostaria-de-aprender/advocate-program/manage-advocate-participant-experiences/widget-experiences/customize-program-widgets). Componentes dos seguintes grupos não podem ser adicionados aos widgets de acesso instantâneo: *Recompensas*, *Estatísticas*, *Componentes do Microsite*, ou *Referências*.
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** no *widget para 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, fazendo o widget para amigo se destacar na página de destino.
6. Salve suas alterações no widget.
   {% endtab %}
   {% endtabs %}

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

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

{% hint style="info" %}
**Observação:** Se você já tiver uma recompensa do fuel tank configurada para seu programa, então você pode editar a [recompensa existente](https://help.impact.com/brand/pt-br/sobre-o-que-voce-gostaria-de-aprender/advocate-program/advocate-rewards/set-up-a-fuel-tank-reward) e alterar o *Tipo de Acesso* para **Acesso Instantâneo** em vez disso.
{% endhint %}

1. Configure um [recompensa do fuel tank](https://help.impact.com/brand/pt-br/sobre-o-que-voce-gostaria-de-aprender/advocate-program/advocate-rewards/set-up-a-fuel-tank-reward).
   * O fuel tank é onde você fará o upload dos descontos únicos que a impact.com exibirá no widget para 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, então selecione ![](https://526234278-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FwMLlMoFBtKJa8ptd3zaw%2Fuploads%2Fgit-blob-830c4bcd7062a740c2beb07eaab9dbc0bebb941e%2Fc4c9ce310b96f63e13be975709c4aac596168e13e48d31916422fa0128ad1469.svg?alt=media) **\[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%2Fgit-blob-db86a48b3edc25f7452258dfcd6e215adfd4d4fc%2F3afad2adff20d31faf9874033f80a565e462459341801f2b483af8b07ff8c17f.jpg?alt=media" alt=""><figcaption></figcaption></figure></div>
5. Certifique-se de que a ação envia uma **Recompensa e E-mail** para o **Amigo**, em seguida selecione **Próximo**.
6. Na parte superior do *Editar Recompensa* tela, selecione **Usar 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 de *Recompensa* na lista suspensa, selecione a recompensa do fuel tank que você criou.
8. Selecione **Próximo**, então revise a ação e selecione **Salvar**.

#### Passo 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 na sua página de pós-compra, fluxo de checkout ou onde quer que você queira que os participantes os acessem.

{% tabs %}
{% tab title="widget de indicação no 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%2Fgit-blob-1183576591b45997efe4dc81a25024640591d02a%2F245137dc972a7a7f6165b59538fcdbac8fd5bd8fee4ba9f20c1a2982c5b58b57.svg?alt=media) **\[Perfil do usuário] → Configurações**.&#x20;
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 um **widget popup**.
   * Widgets incorporados são exibidos diretamente na sua página web.
   * Widgets popup serão carregados em um popup depois que o participante clicar no seu botão ou link designado.
5. Copie o trecho de código gerado, então adicione-o à sua plataforma de e-commerce ou página de destino.
   {% endtab %}

{% tab title="widget para amigo" %}
{% hint style="info" %}
**Ignore esta etapa se o seu widget para amigo usar popup automático:** Esta etapa não é necessária para todos os widgets para amigo. O [Tag de Rastreamento Universal (UTT)](https://help.impact.com/brand/pt-br/sobre-o-que-voce-gostaria-de-aprender/platform-features/tracking/javascript-tag-tracking/tracking-with-universal-tracking-tag-utt) carrega automaticamente na sua página web quaisquer widgets para amigo que estejam configurados para *Mostrar automaticamente para amigos indicados*. Você pode pular esta etapa se o seu widget para amigo tiver essa opção habilitada.
{% endhint %}

Se você estiver usando um widget para amigo sem popup automático habilitado, 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%2Fgit-blob-1183576591b45997efe4dc81a25024640591d02a%2F245137dc972a7a7f6165b59538fcdbac8fd5bd8fee4ba9f20c1a2982c5b58b57.svg?alt=media) **\[Perfil do usuário] → Configurações**.&#x20;
2. À esquerda, abaixo de *Configurações do Defensor*, selecione **Instalar**.
3. No *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 para amigo.
5. Selecione o **Widget Incorporado** tipo de exibição.
6. Copie o trecho de código gerado, então adicione-o à página que o amigo indicado acessará.
   {% endtab %}
   {% endtabs %}
