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

# Activación y configuración de Rokt Thanks

> Cómo habilitar y diseñar Rokt Thanks en la página de confirmación

Para generar ingresos adicionales con Rokt Thanks en tu página de agradecimiento (Thank You), página de estado del pedido (Order Status) y páginas de cuenta de cliente, primero debes configurar y habilitar Rokt Thanks desde el panel de administración de Aftersell. Para hacerlo:

Navega a la pestaña *Rokt Thanks* en el menú de navegación.

Haz clic en "Get Started"

En el paso **Your store**, elige tu industria en el menú desplegable **Your industry** y luego elige la subcategoría correspondiente en **Your products/services**. Ambos son obligatorios: **Save & Continue** permanece deshabilitado hasta que ambos estén configurados, y el segundo menú desplegable solo se vuelve seleccionable una vez que has elegido una industria. Si no ves la industria o subcategoría exacta, elige la opción más cercana.

Haz clic en "Save & Continue" para pasar al siguiente paso. No hay una casilla de consentimiento separada en este asistente: Rokt Thanks está cubierto por los términos que aceptaste cuando configuraste Aftersell por primera vez. Como referencia, consulta nuestros [Términos y Condiciones](https://www.rokt.com/policies/aftersell-powered-by-rokt-services-agreement) y nuestra [Política de Privacidad](https://www.rokt.com/policies/privacy-policy).

Para recibir pagos por tus ofertas de Rokt Thanks, deberás proporcionar una dirección de correo electrónico de PayPal. Si no tienes una cuenta de PayPal, puedes ingresar de todos modos la dirección de correo electrónico en la que deseas recibir los pagos, y PayPal te ayudará a crear una cuenta una vez que se haya procesado tu primer pago. Obtén más información sobre los pagos [aquí](/es/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="Paso de configuración de pagos de Rokt Thanks mostrando el campo de correo electrónico de PayPal" width="774" height="478" data-path="images/aftersell/rokt-thanks-setup-payouts-step-paypal-email.png" />
</Frame>

Después, la app te mostrará una pantalla de carga mientras creamos tu cuenta de Rokt y te damos acceso a nuestra función Rokt Thanks. Esto **no** habilita Rokt Thanks en tu tienda de inmediato.

Una vez creada tu cuenta, habilita Rokt Thanks haciendo clic en el botón "Enable" en la guía de configuración.

<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="Lista de tareas de configuración de Rokt Thanks con el botón Enable resaltado" width="1190" height="480" data-path="images/aftersell/rokt-thanks-setup-checklist-enable-button.png" />
</Frame>

**SIGUIENTE:** Colocaremos las ofertas en tu tienda.

<div id="app-block-placement">
  ## **Colocación del bloque de app**
</div>

Rokt Thanks está construido sobre el framework Checkout Extensibility de Shopify, por lo que requiere la colocación de un bloque de app en las páginas de Shopify para poder renderizarse. El bloque de app que usamos para los productos de Rokt Network se llama bloque 'Rokt Thanks'.

Para colocar este bloque en tu página de agradecimiento y en tu página de estado del pedido, simplemente haz clic en los botones 'Edit Thank you page' y 'Edit Order status page' desde el panel de administración de Rokt Thanks para ser redirigido al editor de checkout de Shopify.

<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 de Shopify con el bloque de app Rokt Thanks siendo agregado" width="1198" height="494" data-path="images/aftersell/rokt-thanks-setup-onboarding-block-placement.png" />
</Frame>

Desde allí, en cualquiera de las secciones de tu página, haz clic en 'Add block' y selecciona 'Rokt Thanks' de la lista de bloques de 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="Panel Add block del editor de checkout de Shopify con Rokt Thanks seleccionado entre los bloques de Aftersell" width="802" height="812" data-path="images/aftersell/rokt-thanks-setup-checkout-editor-add-block.png" />
</Frame>

Una vez colocado, asegúrate de hacer clic en "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ón Save resaltado en la barra de herramientas del editor de checkout de Shopify" width="332" height="96" data-path="images/aftersell/rokt-thanks-setup-save-button-checkout-editor.png" />
</Frame>

Cuando vuelvas al panel de administración de Rokt Thanks, detectaremos automáticamente la colocación del bloque y tu lista de tareas se actualizará. Ten en cuenta que la configuración permanecerá incompleta hasta que los bloques de app se guarden correctamente en el editor de checkout de Shopify.

<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="Lista de tareas de configuración de Rokt Thanks mostrando los bloques colocados en las páginas Thank You y Order Status" 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 cuenta de cliente)**
</div>

**Descripción general**

Shopify ha introducido una nueva generación de páginas de cuenta de cliente —específicamente las páginas Profile y Orders— que admiten bloques de app. Si tu tienda ha migrado a estas nuevas páginas de cuenta, ahora puedes mostrar anuncios de Rokt Thanks en estas ubicaciones, de la misma manera en que aparecen en tu página de agradecimiento.

Esto representa una oportunidad significativa de ingresos incrementales, con un incremento estimado del 10-20% adicional a tus ubicaciones actuales.

**Requisitos**

Tu tienda debe estar usando las nuevas páginas de cuenta de cliente de Shopify. Puedes confirmarlo revisando tu experiencia de inicio de sesión:

Haz clic en el botón "My Account" en la barra de navegación de tu tienda. Si la pantalla de inicio de sesión muestra un botón "Continue with Shop" en un distintivo color púrpura/índigo y usa la autenticación de Shop Pay, **tu tienda está usando las nuevas páginas de cuenta y es elegible para esta ubicación.**

<Frame>
  <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/rokt-thanks-setup-continue-with-shop-signin.gif?s=d98614a0e9ecf818583f3fe10de0cec9" alt="Pantalla de inicio de sesión de la tienda con un botón púrpura Continue with Shop y opciones adicionales de inicio de sesión" width="1112" height="1080" data-path="images/aftersell/rokt-thanks-setup-continue-with-shop-signin.gif" />
</Frame>

Vista con sesión iniciada:

<Frame>
  <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/rokt-thanks-setup-logged-in-account-view.gif?s=b17d297a3fa206c8cdb091432f61b74d" alt="Vista de la cuenta de cliente con sesión iniciada después de iniciar sesión con Shop" width="2072" height="1080" data-path="images/aftersell/rokt-thanks-setup-logged-in-account-view.gif" />
</Frame>

**Paso 1: Completar la configuración**

Aparecerá una nueva tarjeta en la pestaña "Rokt Thanks" en Aftersell. Haz clic en "Start setup" y aparecerá un indicador de carga. Durante la carga, se crearán dos nuevas páginas en tu cuenta —una para Orders y otra para Profile— con todas las dependencias añadidas automáticamente.

<Frame>
  <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/rokt-thanks-setup-start-setup-card.gif?s=d0d20f282383765853f75f81d72fcfb9" alt="Tarjeta Start Setup en la pestaña Rokt Thanks creando las nuevas páginas Orders y Profile" width="3840" height="684" data-path="images/aftersell/rokt-thanks-setup-start-setup-card.gif" />
</Frame>

**Paso 2: Conceder acceso a los datos**

Se requieren ciertos permisos de acceso para que Rokt se muestre en tus páginas de cuenta. No hay un botón separado para esto: **Start setup** solicita `customer_read_customers` y `customer_read_orders` por ti tan pronto como se crean las páginas, y Shopify abre un aviso de "Update data access". Apruébalo 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="Aviso Update data access de Shopify que enumera los permisos de datos de cliente y tienda que solicita Aftersell" width="770" height="636" data-path="images/aftersell/rokt-thanks-setup-update-data-access-prompt.png" />
</Frame>

**Paso 3: Colocar los bloques de app**

Una vez concedidos los permisos, haz clic en "Edit Orders page" para abrir tu editor de 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="Lista de tareas de configuración de Rokt Thanks con cuatro de cinco tareas completadas y el botón Edit Orders Page resaltado" width="1212" height="480" data-path="images/aftersell/rokt-thanks-setup-checklist-edit-orders-page.png" />
</Frame>

Necesitaremos agregar el bloque de app "Rokt Thanks" a **<u>ambas</u>** páginas, Profile y Orders. Así que repite los siguientes pasos para ambas superficies.

Primero, selecciona la superficie en el menú desplegable en la parte superior del editor de 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="Menú desplegable del selector de páginas del editor de Shopify abierto, resaltando las superficies de cuenta Orders y Profile" width="726" height="618" data-path="images/aftersell/rokt-thanks-setup-editor-selector-dropdown-open.png" />
</Frame>

Haz clic en "Add Block" y selecciona "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="Panel Add block del editor de Shopify con el bloque Rokt Thanks de Aftersell resaltado" width="804" height="574" data-path="images/aftersell/rokt-thanks-setup-editor-add-block-panel.png" />
</Frame>

Una vez colocado, asegúrate de hacer clic en "Save". Repite los mismos pasos para la otra superficie.

<Warning>
  La guía de configuración solo rastrea el bloque de la página **Orders**. Mostrará este paso como completado una vez que ese bloque esté colocado, incluso si el bloque de Profile todavía falta; por lo tanto, revisa tú mismo la superficie de Profile antes de considerar terminada la configuración.
</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ón Save resaltado en la barra de herramientas del editor de checkout de Shopify" width="332" height="96" data-path="images/aftersell/rokt-thanks-setup-save-button-checkout-editor.png" />
</Frame>

Eso es todo: Rokt Thanks ya está activo en tus páginas de cuenta.

<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="Ejemplo de oferta de Rokt Thanks en vivo de comidas gratis de HelloFresh con botones Claim y Decline" width="810" height="284" data-path="images/aftersell/rokt-thanks-setup-live-offer-hellofresh-free.png" />
</Frame>

<Note>
  Vaulted rewards está disponible para las tiendas que usan las nuevas cuentas de cliente de Shopify. Si no ves la opción de vaulted rewards en tu panel de administración de Rokt Thanks, es posible que tu tienda aún no sea elegible.
</Note>

***

<div id="appearance">
  ## **Apariencia**
</div>

En el framework Extensibility de Shopify, hay algunas opciones de apariencia disponibles para ti. Estas opciones de personalización las controla Shopify desde su editor de checkout. Puedes acceder al editor de checkout a través de Settings > Checkout > Customize en Shopify.

Rokt Thanks heredará específicamente la tipografía seleccionada para tus páginas de checkout, así como los colores de Button y Accent especificados en la sección 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="Configuración de acento, botón y tipografía del editor de checkout de Shopify con anotaciones que muestran la oferta de Rokt Thanks heredándolas" width="1490" height="806" data-path="images/aftersell/rokt-thanks-setup-checkout-editor-styling-inherit.png" />
</Frame>

***

<div id="preview-the-placement">
  ## **Previsualizar la ubicación**
</div>

Para ver la ubicación en tus páginas reales, sigue estos pasos:

1. Habilita Rokt Thanks en el panel de administración de Aftersell
2. Asegúrate de que los bloques de app 'Rokt Thanks' estén colocados en tu página de agradecimiento, página de estado del pedido y (si eres elegible) páginas de cuenta de cliente a través del editor de checkout de Shopify
3. Espera 10 minutos después de habilitar la ubicación antes de realizar una compra de prueba
4. Realiza una compra de prueba en tu tienda y visualiza las páginas

Si Rokt Thanks no se muestra como se espera, haz clic en el botón de abajo para obtener más información:

[Más información](/es/aftersell/why_is_rokt_thanks_not_showing_on_my_confirmation_page)
