> 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/es/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/shopify-post-checkout-widget.md). # Widget de Shopify posterior al pago Los referidos suelen provenir de páginas de postcompra con mucho tráfico, lo que convierte a estos lugares en espacios ideales para promocionar tu programa de referidos. El widget de postcompra de Shopify te permite interactuar sin fricciones con los clientes justo después de la compra, impulsando los referidos. Al aprovechar el marco de extensibilidad de Shopify, este widget ofrece una experiencia fluida y con tu marca que maximiza el impacto del programa. Si tu programa no está presente aquí, podrías estar perdiendo oportunidades valiosas de interacción y quedarte atrás frente a competidores que ya aprovechan estas ubicaciones. #### ¿Qué es el widget de postcompra de Shopify? Nuestro Widget de Postcompra aprovecha **Shopify Checkout Extensibility** para colocar una llamada a la acción (CTA) de referidos con la marca en las páginas de postcompra. Replica el popular [Widget de acceso instantáneo](/brand/es/what-would-you-like-to-learn-about/advocate-program/manage-advocate-participant-experiences/widget-experiences/set-up-an-instant-access-widget.md) y admite: * Visualización integrada * Visualización en ventana emergente Ambas versiones incluyen dos estados principales del widget: * Captura de correo electrónico / Identificación del usuario * Página para compartir con detalles de referidos #### Funciones principales El widget de postcompra de Shopify está diseñado para maximizar la interacción con los referidos. Cuenta con un flujo de dos pasos: primero, el widget identifica al usuario recopilando su correo electrónico (si no ha iniciado sesión), y luego muestra su enlace o código de referido personalizado junto con botones para compartir. Para los usuarios de Shopify que han iniciado sesión, el paso del correo electrónico se omite por completo para ofrecer una experiencia más fluida. El widget admite opciones de visualización integrada y en ventana emergente, por lo que puedes elegir el formato que mejor se adapte al diseño de tu tienda y a la experiencia del cliente. Se conecta sin fricciones con tu programa de referidos para crear o actualizar perfiles de participantes y obtener los datos necesarios de referidos, como el enlace para compartir, el código de referido y las opciones para compartir en redes sociales. Se pueden mostrar hasta 3 botones para compartir, con compatibilidad con plataformas como correo electrónico, Facebook, WhatsApp, Messenger, LinkedIn, X (anteriormente Twitter) y SMS. La personalización es una función esencial. Puedes adaptar el contenido de cada paso, incluidos encabezados, subtítulos, botones de CTA y mensajes para compartir. También tienes la opción de incluir una imagen en la parte superior del widget para reforzar tu marca. Importante: todos estos ajustes se pueden configurar dentro del Editor de páginas de Shopify, lo que facilita realizar cambios sin salir del administrador de Shopify. Por último, el widget está diseñado para heredar la identidad visual de tu sitio, por lo que no es necesario configurar manualmente colores o fuentes. Esto garantiza una apariencia coherente con el resto de tu tienda. #### Añadir el widget a tu sitio Para añadir el widget de Advocate a tu tienda de Shopify: 1. Ve a tu *editor del tema*. 2. Seleccione el **navegador de páginas** en la parte superior de la pantalla y luego selecciona **Pago y cuentas de clientes**. 3. Repite el paso anterior para la sección *Gracias* página. 4. En la sección principal, selecciona **Añadir bloque**y luego elige **Widget de referidos de Advocate** de la sección de integración de impact.com. #### Flujo del widget La experiencia del widget está diseñada para guiar a los usuarios a través de dos pasos sencillos. {% stepper %} {% step %} #### **Paso 1:** El widget solicita a tu cliente que introduzca su nombre y dirección de correo electrónico, a menos que ya haya iniciado sesión en Shopify, en cuyo caso este paso se omite automáticamente. Una vez que se captura la información del usuario, se le añade a tu programa como nuevo participante o se actualizan sus datos si ya forma parte del programa.
{% endstep %} {% step %} #### **Paso 2:** Se muestran al cliente los detalles de su referido. Esto incluye un enlace único de referido o un código de referido, según cómo esté configurado el programa. El widget también muestra hasta 3 botones para compartir, y además puedes incluir un breve mensaje encima de la información de referido para fomentar que lo compartan y reforzar los beneficios del programa.
{% endstep %} {% endstepper %} **Opciones de personalización** Todo el contenido visual puede configurarse para reflejar la voz de tu marca. Estas personalizaciones estarán disponibles directamente en el **Editor de páginas de Shopify** para facilitar su uso. | Personalización | Secciones editables | | ---------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Compartidas entre los estados del widget |

• URL de la imagen (opcional)

• Encabezado (obligatorio)

• Subencabezado (opcional)

• Enlace a términos y condiciones (opcional)

| | Opciones específicas de la ventana emergente | • Etiqueta del botón CTA (p. ej., “Comenzar”) | | Opciones de recopilación de correo electrónico |

• CTA del botón “Comenzar a recomendar”

• Campo de nombre (opcional)

| | Opciones de información para compartir |

• Texto personalizado encima del enlace

• Selecciona hasta 3 medios para los botones para compartir:

• Correo electrónico

• SMS

• Facebook

• Facebook Messenger

• WhatsApp

• LinkedIn

• X (Twitter)

• Enlace directo

• Correo electrónico

• SMS

• Facebook

• Facebook Messenger

• WhatsApp

• LinkedIn

• X (Twitter)

• Enlace directo

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