> 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/shopify-post-checkout-widget.md).
# Widget pós-checkout da Shopify
Indicações frequentemente vêm de páginas pós-checkout com alto tráfego, tornando esses locais ideais para promover seu programa de indicações. O Widget Pós-Checkout da Shopify permite que você envolva os clientes de forma integrada logo após a compra, aumentando as indicações. Ao aproveitar o framework de extensibilidade da Shopify, este widget oferece uma experiência fluida e alinhada à marca, que maximiza o impacto do programa.
Se o seu programa não estiver presente aqui, você pode estar deixando de aproveitar um engajamento valioso e ficando atrás de concorrentes que já utilizam esses locais.
#### O que é o widget pós-checkout da Shopify?
Nosso Widget Pós-Checkout aproveita **a Extensibilidade do Checkout da Shopify** para exibir uma chamada para ação (CTA) de indicação com a sua marca nas páginas pós-checkout. Ele replica o popular [Widget de Acesso Instantâneo](/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) e oferece suporte a:
* Exibição incorporada
* Exibição em modal pop-up
Ambas as versões contam com dois estados principais do widget:
* Captura de e-mail / Identificação do usuário
* Página de compartilhamento com detalhes da indicação
#### Principais recursos
O Widget Pós-Checkout da Shopify foi projetado para maximizar o engajamento com indicações. Ele conta com um fluxo em duas etapas: primeiro, o widget identifica o usuário coletando seu e-mail (se ele ainda não estiver conectado), e então exibe seu link ou código de indicação personalizado, junto com botões de compartilhamento. Para usuários da Shopify conectados, a etapa de e-mail é totalmente ignorada, proporcionando uma experiência mais fluida.
O widget oferece opções de exibição tanto incorporada quanto em pop-up, para que você possa escolher o formato que melhor se adapta ao layout da sua loja e à experiência do cliente. Ele se conecta perfeitamente ao seu programa de indicações para criar ou atualizar perfis de participantes e obter os dados necessários de indicação, como o link de compartilhamento, o código de indicação e as opções de compartilhamento social. É possível exibir até 3 botões de compartilhamento, com suporte para plataformas como E-mail, Facebook, WhatsApp, Messenger, LinkedIn, X (antigo Twitter) e SMS.
A personalização é um recurso essencial. Você pode adaptar o conteúdo de cada etapa, incluindo cabeçalhos, subtítulos, botões de CTA e mensagens de compartilhamento. Você também tem a opção de incluir uma imagem no topo do widget para reforçar ainda mais a identidade visual. Importante: todas essas configurações podem ser definidas dentro do Editor de páginas da Shopify, facilitando os ajustes sem sair do admin da Shopify.
Por fim, o widget foi projetado para herdar a identidade visual do seu site, então não há necessidade de configurar manualmente cores ou fontes. Isso garante uma aparência consistente com o restante da sua loja.
#### Adicione o Widget ao Seu Site
Para adicionar o widget da Advocate à sua loja Shopify:
1. Navegue até o seu *editor de temas*.
2. Selecione o **navegador de páginas** na parte superior da tela e, em seguida, escolha **Checkout e contas de clientes**.
3. Repita a etapa acima para a *Obrigado* página.
4. Na seção principal, selecione **Adicionar bloco**, depois escolha **Widget de Indicação Advocate** na seção de integração da Impact.com.
#### Fluxo do widget
A experiência do widget foi projetada para orientar os usuários por duas etapas simples.
{% stepper %}
{% step %}
#### **Etapa 1:**
O widget solicita que seu cliente informe o nome e o endereço de e-mail, a menos que ele já esteja conectado à Shopify, caso em que essa etapa é ignorada automaticamente. Assim que as informações do usuário são capturadas, ele é adicionado ao seu programa como um novo participante ou seus dados são atualizados, caso ele já esteja no programa.
{% endstep %}
{% step %}
#### **Etapa 2:**
O cliente vê os detalhes da sua indicação. Isso inclui um link exclusivo de indicação ou um código de indicação, dependendo de como o programa estiver configurado. O widget também exibe até 3 botões de compartilhamento, e você ainda pode incluir uma breve mensagem acima das informações de indicação para incentivar o compartilhamento e reforçar os benefícios do programa.
{% endstep %}
{% endstepper %}
**Opções de personalização**
Todo o conteúdo visual pode ser configurado para refletir a voz da sua marca. Essas personalizações estarão disponíveis diretamente no **Editor de páginas da Shopify** para facilitar o uso.
| Personalização | Seções editáveis |
| ----------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Compartilhado entre os estados do widget | • URL da imagem (opcional)
• Cabeçalho (obrigatório)
• Subcabeçalho (opcional)
• Link dos termos e condições (opcional)
|
| Opções específicas do pop-up | • Rótulo do botão de CTA (ex.: “Começar”) |
| Opções de coleta de e-mail | • CTA do botão “Começar a indicar”
• Campo de nome (opcional)
|
| Opções de informações de compartilhamento | • Texto personalizado acima do link
• Selecione até 3 meios de botão de compartilhamento:
• E-mail
• SMS
• Facebook
• Facebook Messenger
• WhatsApp
• LinkedIn
• X (Twitter)
• Link direto
• E-mail
• SMS
• Facebook
• Facebook Messenger
• WhatsApp
• LinkedIn
• X (Twitter)
• Link direto
|
---
# 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/shopify-post-checkout-widget.md?ask=&goal=
```
`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.