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

# Активация и настройка Rokt Thanks

> Как включить и оформить Rokt Thanks на странице подтверждения

Чтобы получать дополнительный доход от Rokt Thanks на странице Thank You, странице статуса заказа и страницах аккаунта клиента, сначала необходимо настроить и включить Rokt Thanks в админ-панели Aftersell. Для этого:

Перейдите на вкладку *Rokt Thanks* в меню навигации.

Нажмите «Get Started»

На шаге **Your store** выберите свою отрасль в выпадающем списке **Your industry**, затем выберите соответствующую подкатегорию в **Your products/services**. Оба поля обязательны — кнопка **Save & Continue** остается неактивной, пока не заполнены оба, а второй список становится доступным для выбора только после выбора отрасли. Если вы не видите точной отрасли или подкатегории, выберите наиболее близкий вариант.

Нажмите «Save & Continue», чтобы перейти к следующему шагу. В этом мастере нет отдельного чекбокса согласия — Rokt Thanks покрывается условиями, которые вы приняли при первоначальной настройке Aftersell. Для справки см. наши [Условия использования](https://www.rokt.com/policies/aftersell-powered-by-rokt-services-agreement) и [Политику конфиденциальности](https://www.rokt.com/policies/privacy-policy).

Чтобы получать оплату за ваши предложения Rokt Thanks, вам необходимо указать адрес электронной почты PayPal. Если у вас нет аккаунта PayPal, вы все равно можете указать адрес электронной почты, на который хотите получать платежи, и PayPal поможет вам создать аккаунт после обработки первого платежа. Подробнее о выплатах читайте [здесь](/ru/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 с полем для адреса электронной почты PayPal" width="774" height="478" data-path="images/aftersell/rokt-thanks-setup-payouts-step-paypal-email.png" />
</Frame>

После этого приложение покажет экран загрузки, пока мы создаем ваш аккаунт Rokt и предоставляем вам доступ к функции Rokt Thanks. Это **не** включает Rokt Thanks в вашем магазине сразу.

После создания аккаунта включите Rokt Thanks, нажав кнопку «Enable» в пошаговом руководстве по настройке.

<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 с выделенной кнопкой Enable" width="1190" height="480" data-path="images/aftersell/rokt-thanks-setup-checklist-enable-button.png" />
</Frame>

**ДАЛЕЕ:** мы разместим предложения в вашем магазине.

<div id="app-block-placement">
  ## **Размещение блока приложения**
</div>

Rokt Thanks построен на фреймворке Shopify Checkout Extensibility, поэтому для его отображения необходимо разместить блок приложения на страницах Shopify. Блок приложения, который мы используем для продуктов Rokt Network, называется блок «Rokt Thanks».

Чтобы разместить этот блок на странице Thank You и странице статуса заказа, просто нажмите кнопки «Edit Thank you page» и «Edit Order status page» в админ-панели Rokt Thanks — вы будете перенаправлены в 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 с добавляемым блоком приложения Rokt Thanks" width="1198" height="494" data-path="images/aftersell/rokt-thanks-setup-onboarding-block-placement.png" />
</Frame>

Затем в любом из разделов на вашей странице нажмите «Add block» и выберите «Rokt Thanks» из списка блоков 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="Панель Add block редактора Shopify checkout с выбранным блоком Rokt Thanks из блоков Aftersell" width="802" height="812" data-path="images/aftersell/rokt-thanks-setup-checkout-editor-add-block.png" />
</Frame>

После размещения обязательно нажмите «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 на панели инструментов редактора Shopify checkout" width="332" height="96" data-path="images/aftersell/rokt-thanks-setup-save-button-checkout-editor.png" />
</Frame>

Когда вы вернетесь в админ-панель Rokt Thanks, мы автоматически обнаружим размещение блока, и ваш чек-лист задач обновится. Обратите внимание, что настройка будет оставаться незавершенной, пока блоки приложения не будут успешно сохранены в 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, показывающий размещенные блоки на страницах Thank You и статуса заказа" 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 (страницы аккаунта клиента)**
</div>

**Обзор**

Shopify представил новое поколение страниц аккаунта клиента — в частности, страницы Profile и Orders, — которые поддерживают блоки приложений. Если ваш магазин перешел на эти новые страницы аккаунта, вы можете отображать рекламу Rokt Thanks в этих размещениях так же, как она появляется на вашей странице Thank You.

Это значимая возможность дополнительного дохода с ожидаемым приростом 10–20% сверх ваших текущих размещений.

**Требования**

Ваш магазин должен использовать новые страницы аккаунта клиента Shopify. Вы можете подтвердить это, проверив процесс входа:

Нажмите кнопку «My Account» в навигационной панели вашей витрины. Если на экране входа отображается кнопка «Continue with Shop» характерного фиолетового/индигового цвета и используется аутентификация Shop Pay, **ваш магазин использует новые страницы аккаунта и подходит для этого размещения.**

<Frame>
  <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/rokt-thanks-setup-continue-with-shop-signin.gif?s=d98614a0e9ecf818583f3fe10de0cec9" alt="Экран входа на витрине с фиолетовой кнопкой Continue with Shop и опцией More sign-in options" width="1112" height="1080" data-path="images/aftersell/rokt-thanks-setup-continue-with-shop-signin.gif" />
</Frame>

Вид после входа:

<Frame>
  <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/rokt-thanks-setup-logged-in-account-view.gif?s=b17d297a3fa206c8cdb091432f61b74d" alt="Вид аккаунта клиента после входа через Shop" width="2072" height="1080" data-path="images/aftersell/rokt-thanks-setup-logged-in-account-view.gif" />
</Frame>

**Шаг 1. Завершите настройку**

На вкладке «Rokt Thanks» в Aftersell появится новая карточка. Нажмите «Start setup», и появится индикатор загрузки. Во время загрузки в вашем аккаунте будут созданы две новые страницы — одна для Orders и одна для Profile — со всеми автоматически подключенными зависимостями.

<Frame>
  <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/rokt-thanks-setup-start-setup-card.gif?s=d0d20f282383765853f75f81d72fcfb9" alt="Карточка Start Setup на вкладке Rokt Thanks, создающая новые страницы Orders и Profile" width="3840" height="684" data-path="images/aftersell/rokt-thanks-setup-start-setup-card.gif" />
</Frame>

**Шаг 2. Предоставьте доступ к данным**

Для отображения Rokt на страницах вашего аккаунта требуются определенные разрешения доступа. Отдельной кнопки для этого нет — **Start setup** запрашивает `customer_read_customers` и `customer_read_orders` за вас сразу после создания страниц, и Shopify открывает запрос «Update data access». Подтвердите его, чтобы продолжить.

<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="Запрос Update data access в Shopify со списком разрешений на данные клиентов и магазина, запрашиваемых Aftersell" width="770" height="636" data-path="images/aftersell/rokt-thanks-setup-update-data-access-prompt.png" />
</Frame>

**Шаг 3. Разместите блоки приложения**

После предоставления разрешений нажмите «Edit Orders page», чтобы открыть редактор 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="Чек-лист настройки Rokt Thanks с четырьмя из пяти выполненными задачами и выделенной кнопкой Edit Orders Page" width="1212" height="480" data-path="images/aftersell/rokt-thanks-setup-checklist-edit-orders-page.png" />
</Frame>

Нам нужно добавить блок приложения «Rokt Thanks» на **<u>обе</u>** страницы — Profile и Orders. Поэтому повторите следующие шаги для обеих поверхностей.

Сначала выберите поверхность в выпадающем списке вверху редактора 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="Открытый выпадающий список выбора страницы в редакторе Shopify с выделенными поверхностями аккаунта Orders и Profile" width="726" height="618" data-path="images/aftersell/rokt-thanks-setup-editor-selector-dropdown-open.png" />
</Frame>

Нажмите «Add Block» и выберите «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="Панель Add block редактора Shopify с выделенным блоком Aftersell Rokt Thanks" width="804" height="574" data-path="images/aftersell/rokt-thanks-setup-editor-add-block-panel.png" />
</Frame>

После размещения обязательно нажмите «Save». Повторите те же шаги для другой поверхности.

<Warning>
  Руководство по настройке отслеживает только блок на странице **Orders**. Этот шаг будет отмечен как выполненный, как только блок Orders будет размещен, даже если блок Profile все еще отсутствует, — поэтому проверьте поверхность Profile самостоятельно, прежде чем считать настройку завершенной.
</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 на панели инструментов редактора Shopify checkout" width="332" height="96" data-path="images/aftersell/rokt-thanks-setup-save-button-checkout-editor.png" />
</Frame>

Готово — Rokt Thanks теперь работает на страницах вашего аккаунта.

<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="Пример действующего предложения Rokt Thanks с бесплатными наборами HelloFresh и кнопками Claim и Decline" width="810" height="284" data-path="images/aftersell/rokt-thanks-setup-live-offer-hellofresh-free.png" />
</Frame>

<Note>
  Vaulted rewards доступны для магазинов, использующих новые аккаунты клиентов Shopify. Если вы не видите опцию vaulted rewards в вашей админ-панели Rokt Thanks, возможно, ваш магазин пока не соответствует требованиям.
</Note>

***

<div id="appearance">
  ## **Внешний вид**
</div>

Во фреймворке Extensibility Shopify вам доступны некоторые опции внешнего вида. Эти параметры настройки управляются Shopify из их Checkout Editor. Открыть Checkout Editor можно через Settings > Checkout > Customize в Shopify.

Rokt Thanks наследует типографику, выбранную для ваших страниц checkout, а также цвета Button и Accent, указанные в разделе 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="Настройки акцента, кнопок и типографики в Shopify Checkout Editor с выносками, показывающими, как предложение Rokt Thanks их наследует" width="1490" height="806" data-path="images/aftersell/rokt-thanks-setup-checkout-editor-styling-inherit.png" />
</Frame>

***

<div id="preview-the-placement">
  ## **Предпросмотр размещения**
</div>

Чтобы увидеть размещение на ваших реальных страницах, выполните следующие шаги:

1. Включите Rokt Thanks в админ-панели Aftersell
2. Убедитесь, что блоки приложения «Rokt Thanks» размещены на странице Thank You, странице статуса заказа и (если применимо) страницах аккаунта клиента через Shopify Checkout Editor
3. Подождите 10 минут после включения размещения, прежде чем совершать тестовую покупку
4. Совершите тестовую покупку в вашем магазине и просмотрите страницы

Если Rokt Thanks не отображается должным образом, нажмите кнопку ниже, чтобы узнать больше:

[Узнать больше](/ru/aftersell/why_is_rokt_thanks_not_showing_on_my_confirmation_page)