> ## 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.

# Activating and configuring Rokt Thanks

> How to enable and design Rokt Thanks on the confirmation page

In order to generate additional revenue from Rokt Thanks on your Thank You page, Order Status page, and customer account pages, you must first set-up and enable Rokt Thanks from the Aftersell admin. To do so:

Navigate to the *Rokt Thanks* tab in the navigation menu.

Click "Get Started"

On the **Your store** step, pick your industry from the **Your industry** dropdown, then pick the matching sub-category from **Your products/services**. Both are required — **Save & Continue** stays disabled until each is set, and the second dropdown only becomes selectable once you have chosen an industry. If you do not see the exact industry or sub-category, choose the closest match.

Click "Save & Continue" to move onto the next step. There is no separate consent checkbox in this wizard — Rokt Thanks is covered by the terms you accepted when you first set up Aftersell. For reference, see our [Terms and Conditions](https://www.rokt.com/policies/aftersell-powered-by-rokt-services-agreement) & [Privacy Policy](https://www.rokt.com/policies/privacy-policy).

In order to get paid for your Rokt Thanks offers, you'll need to provide a PayPal email address. If you do not have a PayPal account, you can still enter the email address that you wish to receive payments through, and PayPal will help you create an account once your first payment has been processed. Learn more about payouts [here](/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="Rokt Thanks payouts setup step showing the PayPal email field" width="774" height="478" data-path="images/aftersell/rokt-thanks-setup-payouts-step-paypal-email.png" />
</Frame>

Afterwards, the app will show you a loading screen while we create your Rokt account and give you access to our Rokt Thanks feature. This **does not** enable Rokt Thanks on your store right away.

Once your account is created, enable Rokt Thanks by clicking the "Enable" button in the setup walkthrough.

<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="Rokt Thanks setup checklist with the Enable button highlighted" width="1190" height="480" data-path="images/aftersell/rokt-thanks-setup-checklist-enable-button.png" />
</Frame>

**NEXT:** We'll be placing the offers on your store.

## **App block placement**

Rokt Thanks is built on Shopify's Checkout Extensibility framework, requiring app block placement on Shopify pages for it to render. The app block we use for Rokt Network products is called the 'Rokt Thanks' block.

To place this block on your Thank You page and Order Status page, simply click on the 'Edit Thank you page' and 'Edit Order status page' buttons from the Rokt Thanks admin to be redirected to the 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="Shopify checkout editor with the Rokt Thanks app block being added" width="1198" height="494" data-path="images/aftersell/rokt-thanks-setup-onboarding-block-placement.png" />
</Frame>

From there, in any of the sections on your page, click 'Add block' and select 'Rokt Thanks' from the list of Aftersell blocks.

<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="Shopify checkout editor Add block panel with Rokt Thanks selected from the Aftersell blocks" width="802" height="812" data-path="images/aftersell/rokt-thanks-setup-checkout-editor-add-block.png" />
</Frame>

Once placed, make sure to click "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="Save button highlighted in the Shopify checkout editor toolbar" width="332" height="96" data-path="images/aftersell/rokt-thanks-setup-save-button-checkout-editor.png" />
</Frame>

When you navigate back to the Rokt Thanks admin, we will detect the block placement automatically and your task checklist will update. Please note that the setup will remain incomplete until the app blocks are saved successfully in the 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="Rokt Thanks setup checklist showing the Thank You and Order Status page blocks placed" width="1200" height="494" data-path="images/aftersell/rokt-thanks-setup-checklist-thank-you-order.png" />
</Frame>

***

## **Rokt Vaulted Rewards (Customer Account Pages)**

**Overview**

Shopify has introduced a new generation of customer account pages - specifically the Profile and Orders pages - which support app blocks. If your store has migrated to these new account pages, you can now display Rokt Thanks ads in these placements, the same way they appear on your Thank You page.

This represents a meaningful incremental revenue opportunity, with an estimated 10-20% uplift on top of your current placements.

**Requirements**

Your store must be using Shopify's new customer account pages. You can confirm this by checking your login experience:

Click on the "My Account" button in your storefront's navigation bar. If the login screen shows a "Continue with Shop" button in a distinctive purple/indigo color and uses Shop Pay authentication, **your store is using the new account pages and is eligible for this placement.**

<Frame>
  <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/rokt-thanks-setup-continue-with-shop-signin.gif?s=d98614a0e9ecf818583f3fe10de0cec9" alt="Storefront sign-in screen with a purple Continue with Shop button and More sign-in options" width="1112" height="1080" data-path="images/aftersell/rokt-thanks-setup-continue-with-shop-signin.gif" />
</Frame>

Logged in view:

<Frame>
  <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/rokt-thanks-setup-logged-in-account-view.gif?s=b17d297a3fa206c8cdb091432f61b74d" alt="Logged-in customer account view after signing in with Shop" width="2072" height="1080" data-path="images/aftersell/rokt-thanks-setup-logged-in-account-view.gif" />
</Frame>

**Step 1: Complete setup**

A new card will appear on the "Rokt Thanks" tab in Aftersell. Click "Start setup" and a loader will appear. While loading, two new pages will be created in your account - one for Orders and one for Profile - with all dependencies attached automatically.

<Frame>
  <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/rokt-thanks-setup-start-setup-card.gif?s=d0d20f282383765853f75f81d72fcfb9" alt="Start Setup card on the Rokt Thanks tab creating the new Orders and Profile pages" width="3840" height="684" data-path="images/aftersell/rokt-thanks-setup-start-setup-card.gif" />
</Frame>

**Step 2: Grant data access**

Certain access scopes are required for Rokt to display on your Account pages. There is no separate button for this — **Start setup** requests `customer_read_customers` and `customer_read_orders` for you as soon as the pages are created, and Shopify opens an "Update data access" prompt. Approve it to continue.

<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="Shopify Update data access prompt listing the customer and store data scopes Aftersell requests" width="770" height="636" data-path="images/aftersell/rokt-thanks-setup-update-data-access-prompt.png" />
</Frame>

**Step 3: Place App Blocks**

Once permissions are granted, click "Edit Orders page" to open your Shopify editor.

<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="Rokt Thanks setup checklist at four of five tasks with the Edit Orders Page button highlighted" width="1212" height="480" data-path="images/aftersell/rokt-thanks-setup-checklist-edit-orders-page.png" />
</Frame>

We'll need to add the "Rokt Thanks" app block to **<u>both</u>** the Profile and Order pages. So repeat these following steps for both surfaces.

First, select the surface from the dropdown at the top of the Shopify Editor.

<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="Shopify editor page selector dropdown open, highlighting the Orders and Profile account surfaces" width="726" height="618" data-path="images/aftersell/rokt-thanks-setup-editor-selector-dropdown-open.png" />
</Frame>

Click "Add Block" and select "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="Shopify editor Add block panel with the Aftersell Rokt Thanks block highlighted" width="804" height="574" data-path="images/aftersell/rokt-thanks-setup-editor-add-block-panel.png" />
</Frame>

Once placed, make sure to click "Save". Repeat the same steps for the other surface.

<Warning>
  The setup guide only tracks the **Orders** page block. It will show this step as complete once that one is placed, even if the Profile block is still missing — so check the Profile surface yourself before considering setup finished.
</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="Save button highlighted in the Shopify checkout editor toolbar" width="332" height="96" data-path="images/aftersell/rokt-thanks-setup-save-button-checkout-editor.png" />
</Frame>

That's it - Rokt Thanks is now live on your account pages.

<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="Example live Rokt Thanks offer for HelloFresh free meals with Claim and Decline buttons" width="810" height="284" data-path="images/aftersell/rokt-thanks-setup-live-offer-hellofresh-free.png" />
</Frame>

<Note>
  Vaulted rewards is available to stores using Shopify's new customer accounts. If you don't see the vaulted rewards option in your Rokt Thanks admin, your store may not be eligible yet.
</Note>

***

## **Appearance**

In Shopify's Extensibility framework, there are some appearance options available to you. These customization options are controlled by Shopify from within their Checkout Editor. You can access the Checkout Editor via Shopify's Settings > Checkout > Customize.

Rokt Thanks will specifically inherit the typography selected for your checkout pages as well as the Button and Accent colors specified in the Color section.

<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="Shopify Checkout Editor accent, button, and typography settings with callouts showing the Rokt Thanks offer inheriting them" width="1490" height="806" data-path="images/aftersell/rokt-thanks-setup-checkout-editor-styling-inherit.png" />
</Frame>

***

## **Preview the placement**

To view the placement on your actual pages, follow these steps:

1. Enable Rokt Thanks in the Aftersell admin
2. Ensure the 'Rokt Thanks' app blocks are placed on your Thank You page, Order Status page, and (if eligible) customer account pages via the Shopify Checkout Editor
3. Wait 10 minutes after enabling the placement before conducting a test purchase
4. Make a test purchase on your store and view the pages

If Rokt Thanks is not showing as expected click the button below to learn more:

[Learn More](/aftersell/why_is_rokt_thanks_not_showing_on_my_confirmation_page)
