> 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 do Shopify As indicações frequentemente vêm de páginas pós-checkout com alto tráfego, o que torna esses espaços ideais para promover seu programa de indicação. O Widget Pós-Checkout da Shopify permite que você interaja com os clientes 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 personalizada com a marca, maximizando o impacto do programa. Se o seu programa não estiver presente aqui, você pode estar perdendo um engajamento valioso e ficando para trás em relação aos concorrentes que já aproveitam esses espaços. #### O que é o widget pós-checkout da Shopify? Nosso Widget Pós-Checkout utiliza **Shopify Checkout Extensibility** para inserir uma chamada para ação (CTA) de indicação com a marca nas páginas pós-checkout. Ele espelha 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 janela modal pop-up Ambas as versões apresentam 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 logado), e então exibe seu link ou código de indicação personalizado, junto com botões de compartilhamento. Para usuários da Shopify já logados, a etapa de e-mail é totalmente pulada para uma experiência mais fluida. O widget oferece suporte tanto a opções de exibição 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ção para criar ou atualizar perfis de participantes e obter os dados de indicação necessários, como o link de compartilhamento, o código de indicação e as opções de compartilhamento social. Podem ser exibidos até 3 botões de compartilhamento, com suporte a plataformas como E-mail, Facebook, WhatsApp, Messenger, LinkedIn, X (antigo Twitter) e SMS. A personalização é um recurso central. 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 a marca. É importante ressaltar que todas essas configurações podem ser ajustadas dentro do Editor de Páginas da Shopify, facilitando as alterações sem sair do painel administrativo da Shopify. Por fim, o widget foi projetado para herdar a identidade visual do seu site, então não é necessário configurar manualmente cores ou fontes. Isso garante uma aparência e sensação consistentes com o restante da sua loja. #### Adicione o Widget ao Seu Site Para adicionar o widget Advocate à sua loja Shopify: 1. Acesse o seu *editor de tema*. 2. Selecione o **navegador de páginas** no topo da tela e, em seguida, escolha **Checkout e contas de clientes**. 3. Repita a etapa acima para o *Obrigado* página. 4. Na seção principal, selecione **Adicionar bloco**, e 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 em duas etapas simples. {% stepper %} {% step %} #### **Etapa 1:** O widget solicita que o cliente informe o nome e o endereço de e-mail, a menos que ele já esteja logado na Shopify, caso em que essa etapa é pulada 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, se ele já estiver no programa.
{% endstep %} {% step %} #### **Etapa 2:** O cliente vê os detalhes da indicação. Isso inclui um link de indicação exclusivo ou um código de indicação, dependendo de como o programa está configurado. O widget também exibe até 3 botões de compartilhamento, e você também 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 para botões 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.