> 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 de pós-checkout do Shopify As 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, impulsionando as indicações. Ao aproveitar a estrutura de extensibilidade da Shopify, este widget oferece uma experiência fluida e com a identidade da marca, maximizando o impacto do programa. Se o seu programa não estiver presente aqui, você pode estar perdendo engajamento valioso e ficando atrás de concorrentes que já aproveitam 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 identidade da marca em 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 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 apresenta um fluxo de duas etapas: primeiro, o widget identifica o usuário coletando seu e-mail (se ele ainda não estiver logado), e depois exibe seu link ou código de indicação personalizado, junto com botões de compartilhamento. Para usuários da Shopify logados, a etapa de e-mail é totalmente pulada, proporcionando uma experiência mais fluida. O widget oferece suporte a opções de exibição incorporada e em pop-up, para que você possa escolher o formato que melhor se adapte 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 trazer 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. Até 3 botões de compartilhamento podem ser exibidos, com suporte a plataformas como E-mail, Facebook, WhatsApp, Messenger, LinkedIn, X (antes conhecido como 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 ainda mais a marca. Importante: todas essas configurações podem ser definidas no Editor de Página 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 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 a página *Obrigado* página. 4. Na seção principal, selecione **Adicionar bloco**, depois escolha **Widget de Indicação da Advocate** na seção de integração da Impact.com. #### Fluxo do widget A experiência do widget foi criada para orientar os usuários por duas etapas simples. {% stepper %} {% step %} #### **Etapa 1:** O widget solicita que seu cliente insira o nome e o endereço de e-mail, a menos que ele já esteja logado na Shopify; nesse caso, essa etapa é pulada automaticamente. Depois 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 sua 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ágina da Shopify** para facilitar o uso. | Personalização | Seções editáveis | | ----------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Compartilhadas entre os estados do widget |

• URL da imagem (opcional)

• Cabeçalho (obrigatório)

• Subcabeçalho (opcional)

• Link para termos e condições (opcional)

| | Opções específicas do pop-up | • Rótulo do botão CTA (por exemplo, “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.