> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Ativando e configurando o Rokt Thanks

> Como habilitar e personalizar o Rokt Thanks na página de confirmação

Para gerar receita adicional com o Rokt Thanks na sua página de agradecimento (Thank You), na página de status do pedido e nas páginas de conta do cliente, primeiro você precisa configurar e habilitar o Rokt Thanks no admin da Aftersell. Para isso:

Navegue até a aba *Rokt Thanks* no menu de navegação.

Clique em "Get Started"

Na etapa **Your store**, escolha seu setor no menu suspenso **Your industry** e, em seguida, escolha a subcategoria correspondente em **Your products/services**. Ambos são obrigatórios — o botão **Save & Continue** permanece desabilitado até que os dois estejam definidos, e o segundo menu suspenso só fica selecionável depois que você escolher um setor. Se não encontrar o setor ou a subcategoria exatos, escolha a opção mais próxima.

Clique em "Save & Continue" para avançar para a próxima etapa. Não há uma caixa de consentimento separada nesse assistente — o Rokt Thanks está coberto pelos termos que você aceitou ao configurar a Aftersell pela primeira vez. Para referência, consulte nossos [Termos e Condições](https://www.rokt.com/policies/aftersell-powered-by-rokt-services-agreement) e a [Política de Privacidade](https://www.rokt.com/policies/privacy-policy).

Para receber os pagamentos das suas ofertas do Rokt Thanks, você precisará informar um endereço de e-mail do PayPal. Se você não tiver uma conta no PayPal, ainda assim pode inserir o endereço de e-mail pelo qual deseja receber os pagamentos, e o PayPal ajudará você a criar uma conta assim que o primeiro pagamento for processado. Saiba mais sobre pagamentos [aqui](/pt/aftersell/rokt_thanks_payouts).

<Frame>
  <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/rokt-thanks-setup-payouts-step-paypal-email.png?fit=max&auto=format&n=SnVX3h-PpMMxQMDU&q=85&s=58c61ba46c6749df18c79f1e324da612" alt="Etapa de configuração de pagamentos do Rokt Thanks mostrando o campo de e-mail do PayPal" width="774" height="478" data-path="images/aftersell/rokt-thanks-setup-payouts-step-paypal-email.png" />
</Frame>

Em seguida, o app exibirá uma tela de carregamento enquanto criamos sua conta Rokt e liberamos seu acesso ao recurso Rokt Thanks. Isso **não** habilita o Rokt Thanks na sua loja imediatamente.

Depois que sua conta for criada, habilite o Rokt Thanks clicando no botão "Enable" no passo a passo de configuração.

<Frame>
  <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/rokt-thanks-setup-checklist-enable-button.png?fit=max&auto=format&n=SnVX3h-PpMMxQMDU&q=85&s=4992cab4cafebde190ce4a9e76e5dd5e" alt="Checklist de configuração do Rokt Thanks com o botão Enable em destaque" width="1190" height="480" data-path="images/aftersell/rokt-thanks-setup-checklist-enable-button.png" />
</Frame>

**PRÓXIMO PASSO:** Vamos posicionar as ofertas na sua loja.

<div id="app-block-placement">
  ## **Posicionamento do bloco de app**
</div>

O Rokt Thanks é construído sobre o framework Checkout Extensibility da Shopify, o que exige o posicionamento de blocos de app nas páginas da Shopify para que ele seja renderizado. O bloco de app que usamos para os produtos da Rokt Network se chama bloco 'Rokt Thanks'.

Para posicionar esse bloco na sua página de agradecimento e na página de status do pedido, basta clicar nos botões 'Edit Thank you page' e 'Edit Order status page' no admin do Rokt Thanks para ser redirecionado ao Shopify Checkout Editor.

<Frame>
  <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/rokt-thanks-setup-onboarding-block-placement.png?fit=max&auto=format&n=SnVX3h-PpMMxQMDU&q=85&s=b3b527e914d4df7c78666ffd34198865" alt="Editor de checkout da Shopify com o bloco de app Rokt Thanks sendo adicionado" width="1198" height="494" data-path="images/aftersell/rokt-thanks-setup-onboarding-block-placement.png" />
</Frame>

A partir daí, em qualquer uma das seções da sua página, clique em 'Add block' e selecione 'Rokt Thanks' na lista de blocos da Aftersell.

<Frame>
  <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/rokt-thanks-setup-checkout-editor-add-block.png?fit=max&auto=format&n=SnVX3h-PpMMxQMDU&q=85&s=2d3faa4b743f0fa01cfafb4d0b58164f" alt="Painel Add block do editor de checkout da Shopify com o Rokt Thanks selecionado entre os blocos da Aftersell" width="802" height="812" data-path="images/aftersell/rokt-thanks-setup-checkout-editor-add-block.png" />
</Frame>

Depois de posicionar, não se esqueça de clicar em "Save".

<Frame>
  <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/rokt-thanks-setup-save-button-checkout-editor.png?fit=max&auto=format&n=SnVX3h-PpMMxQMDU&q=85&s=516979f3c1065786e61ec128fc7bea7e" alt="Botão Save em destaque na barra de ferramentas do editor de checkout da Shopify" width="332" height="96" data-path="images/aftersell/rokt-thanks-setup-save-button-checkout-editor.png" />
</Frame>

Quando você voltar ao admin do Rokt Thanks, detectaremos o posicionamento do bloco automaticamente e o seu checklist de tarefas será atualizado. Observe que a configuração permanecerá incompleta até que os blocos de app sejam salvos com sucesso no Shopify Checkout Editor.

<Frame>
  <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/rokt-thanks-setup-checklist-thank-you-order.png?fit=max&auto=format&n=SnVX3h-PpMMxQMDU&q=85&s=86ec58632fbfd0787f8b202fbb3b4bec" alt="Checklist de configuração do Rokt Thanks mostrando os blocos das páginas de agradecimento e de status do pedido posicionados" width="1200" height="494" data-path="images/aftersell/rokt-thanks-setup-checklist-thank-you-order.png" />
</Frame>

***

<div id="rokt-vaulted-rewards-customer-account-pages">
  ## **Rokt Vaulted Rewards (páginas de conta do cliente)**
</div>

**Visão geral**

A Shopify introduziu uma nova geração de páginas de conta do cliente — especificamente as páginas Profile e Orders — que suportam blocos de app. Se a sua loja migrou para essas novas páginas de conta, agora você pode exibir anúncios do Rokt Thanks nesses posicionamentos, da mesma forma como eles aparecem na sua página de agradecimento.

Isso representa uma oportunidade significativa de receita incremental, com um aumento estimado de 10 a 20% além dos seus posicionamentos atuais.

**Requisitos**

Sua loja precisa estar usando as novas páginas de conta do cliente da Shopify. Você pode confirmar isso verificando sua experiência de login:

Clique no botão "My Account" na barra de navegação da sua vitrine. Se a tela de login mostrar um botão "Continue with Shop" em uma cor roxa/índigo característica e usar a autenticação do Shop Pay, **sua loja está usando as novas páginas de conta e é elegível para esse posicionamento.**

<Frame>
  <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/rokt-thanks-setup-continue-with-shop-signin.gif?s=d98614a0e9ecf818583f3fe10de0cec9" alt="Tela de login da vitrine com um botão roxo Continue with Shop e a opção More sign-in options" width="1112" height="1080" data-path="images/aftersell/rokt-thanks-setup-continue-with-shop-signin.gif" />
</Frame>

Visão do usuário logado:

<Frame>
  <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/rokt-thanks-setup-logged-in-account-view.gif?s=b17d297a3fa206c8cdb091432f61b74d" alt="Visão da conta do cliente logado após entrar com o Shop" width="2072" height="1080" data-path="images/aftersell/rokt-thanks-setup-logged-in-account-view.gif" />
</Frame>

**Etapa 1: Concluir a configuração**

Um novo card aparecerá na aba "Rokt Thanks" da Aftersell. Clique em "Start setup" e um indicador de carregamento aparecerá. Durante o carregamento, duas novas páginas serão criadas na sua conta — uma para Orders e outra para Profile — com todas as dependências anexadas automaticamente.

<Frame>
  <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/rokt-thanks-setup-start-setup-card.gif?s=d0d20f282383765853f75f81d72fcfb9" alt="Card Start Setup na aba Rokt Thanks criando as novas páginas Orders e Profile" width="3840" height="684" data-path="images/aftersell/rokt-thanks-setup-start-setup-card.gif" />
</Frame>

**Etapa 2: Conceder acesso aos dados**

Determinados escopos de acesso são necessários para que a Rokt seja exibida nas suas páginas de conta. Não há um botão separado para isso — o **Start setup** solicita `customer_read_customers` e `customer_read_orders` para você assim que as páginas são criadas, e a Shopify abre um prompt "Update data access". Aprove-o para continuar.

<Frame>
  <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/rokt-thanks-setup-update-data-access-prompt.png?fit=max&auto=format&n=SnVX3h-PpMMxQMDU&q=85&s=629d64e46c019bb7b8d304c68895e359" alt="Prompt Update data access da Shopify listando os escopos de dados de cliente e loja solicitados pela Aftersell" width="770" height="636" data-path="images/aftersell/rokt-thanks-setup-update-data-access-prompt.png" />
</Frame>

**Etapa 3: Posicionar os blocos de app**

Depois que as permissões forem concedidas, clique em "Edit Orders page" para abrir o editor da Shopify.

<Frame>
  <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/rokt-thanks-setup-checklist-edit-orders-page.png?fit=max&auto=format&n=SnVX3h-PpMMxQMDU&q=85&s=24b7586f764e0018296f4f5ad0a0ccc3" alt="Checklist de configuração do Rokt Thanks com quatro de cinco tarefas concluídas e o botão Edit Orders Page em destaque" width="1212" height="480" data-path="images/aftersell/rokt-thanks-setup-checklist-edit-orders-page.png" />
</Frame>

Precisaremos adicionar o bloco de app "Rokt Thanks" a **<u>ambas</u>** as páginas Profile e Orders. Portanto, repita os passos a seguir para as duas superfícies.

Primeiro, selecione a superfície no menu suspenso na parte superior do editor da Shopify.

<Frame>
  <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/rokt-thanks-setup-editor-selector-dropdown-open.png?fit=max&auto=format&n=SnVX3h-PpMMxQMDU&q=85&s=67548d607e4ffbd12396029c60393a1e" alt="Menu suspenso do seletor de páginas do editor da Shopify aberto, destacando as superfícies de conta Orders e Profile" width="726" height="618" data-path="images/aftersell/rokt-thanks-setup-editor-selector-dropdown-open.png" />
</Frame>

Clique em "Add Block" e selecione "Rokt Thanks".

<Frame>
  <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/rokt-thanks-setup-editor-add-block-panel.png?fit=max&auto=format&n=SnVX3h-PpMMxQMDU&q=85&s=9bbb9077b12d4d689be41d6d8dd93b42" alt="Painel Add block do editor da Shopify com o bloco Rokt Thanks da Aftersell em destaque" width="804" height="574" data-path="images/aftersell/rokt-thanks-setup-editor-add-block-panel.png" />
</Frame>

Depois de posicionar, não se esqueça de clicar em "Save". Repita os mesmos passos para a outra superfície.

<Warning>
  O guia de configuração acompanha apenas o bloco da página **Orders**. Ele mostrará essa etapa como concluída assim que esse bloco for posicionado, mesmo que o bloco da página Profile ainda esteja faltando — então verifique você mesmo a superfície Profile antes de considerar a configuração finalizada.
</Warning>

<Frame>
  <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/rokt-thanks-setup-save-button-checkout-editor.png?fit=max&auto=format&n=SnVX3h-PpMMxQMDU&q=85&s=516979f3c1065786e61ec128fc7bea7e" alt="Botão Save em destaque na barra de ferramentas do editor de checkout da Shopify" width="332" height="96" data-path="images/aftersell/rokt-thanks-setup-save-button-checkout-editor.png" />
</Frame>

Pronto — o Rokt Thanks já está ativo nas suas páginas de conta.

<Frame>
  <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/rokt-thanks-setup-live-offer-hellofresh-free.png?fit=max&auto=format&n=SnVX3h-PpMMxQMDU&q=85&s=6f996d228e45c38312bac4f9a317bf73" alt="Exemplo de oferta ativa do Rokt Thanks para refeições grátis da HelloFresh com os botões Claim e Decline" width="810" height="284" data-path="images/aftersell/rokt-thanks-setup-live-offer-hellofresh-free.png" />
</Frame>

<Note>
  O Vaulted Rewards está disponível para lojas que usam as novas contas de cliente da Shopify. Se você não vir a opção de vaulted rewards no seu admin do Rokt Thanks, sua loja pode ainda não ser elegível.
</Note>

***

<div id="appearance">
  ## **Aparência**
</div>

No framework Extensibility da Shopify, há algumas opções de aparência disponíveis para você. Essas opções de personalização são controladas pela Shopify de dentro do Checkout Editor. Você pode acessar o Checkout Editor pelo caminho Settings > Checkout > Customize da Shopify.

O Rokt Thanks herdará especificamente a tipografia selecionada para as suas páginas de checkout, bem como as cores de Button e Accent especificadas na seção Color.

<Frame>
  <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/rokt-thanks-setup-checkout-editor-styling-inherit.png?fit=max&auto=format&n=SnVX3h-PpMMxQMDU&q=85&s=706aea4810c473bd0e058db0bf29de19" alt="Configurações de accent, botão e tipografia do Shopify Checkout Editor com destaques mostrando a oferta do Rokt Thanks herdando essas configurações" width="1490" height="806" data-path="images/aftersell/rokt-thanks-setup-checkout-editor-styling-inherit.png" />
</Frame>

***

<div id="preview-the-placement">
  ## **Visualizar o posicionamento**
</div>

Para visualizar o posicionamento nas suas páginas reais, siga estes passos:

1. Habilite o Rokt Thanks no admin da Aftersell
2. Garanta que os blocos de app 'Rokt Thanks' estejam posicionados na sua página de agradecimento, na página de status do pedido e (se elegível) nas páginas de conta do cliente via Shopify Checkout Editor
3. Aguarde 10 minutos após habilitar o posicionamento antes de realizar uma compra de teste
4. Faça uma compra de teste na sua loja e visualize as páginas

Se o Rokt Thanks não estiver aparecendo como esperado, clique no botão abaixo para saber mais:

[Saiba mais](/pt/aftersell/why_is_rokt_thanks_not_showing_on_my_confirmation_page)
