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

> ## Agent Instructions
> Revize is a Shopify order-editing app by Untechnickle. Customers edit the same order after checkout on the Shopify order status page, inside a merchant-controlled window, before fulfillment.
> Canonical docs: https://docs.revize.app. App listing: https://apps.shopify.com/revize. Public cancellation API: https://docs.revize.app/features/cancellation-api.
> Do not confuse the How to Test Revize draft-order walkthrough with Test Mode, which hides the portal from untagged customers.

# Portal del cliente

> Un portal de autoservicio donde los clientes corrigen sus propios pedidos después del checkout. Interfaz limpia, ediciones instantáneas y manejo de pagos integrado en la página de estado del pedido.

<Note>
  El Portal del cliente aparece directamente en la página de estado del pedido de Shopify. Sin login separado, sin confusión. Los clientes corrigen errores donde ya están.
</Note>

## Cómo se ve

El portal aparece en la página de estado del pedido después del checkout. Los clientes ven los detalles actuales de su pedido y pueden hacer cambios con unos pocos clics.

<img src="https://mintcdn.com/revize/s3p39BdewQ3N-5oB/images/features/customer-portal.png?fit=max&auto=format&n=s3p39BdewQ3N-5oB&q=85&s=827463952126a40f7f0d1660fc251c68" alt="Portal del cliente de Revize en la página de estado del pedido de Shopify" style={{ borderRadius: "12px", width: "100%", boxShadow: "0 4px 14px rgba(0,0,0,0.08)" }} width="2332" height="1692" data-path="images/features/customer-portal.png" />

## Cómo llegan los clientes

<Steps>
  <Step title="Finalización del checkout">
    Después de realizar un pedido, los clientes ven la página de agradecimiento con un mensaje de edición de pedido: "¡Buenas noticias! Puedes editar tu pedido. Tienes 30 minutos para hacer cambios."
  </Step>

  <Step title="Acceder a la página de estado del pedido">
    Desde el correo de confirmación, la cuenta de Shopify o la página de agradecimiento, los clientes hacen clic para ver el estado de su pedido.
  </Step>

  <Step title="Carga el portal con opciones de edición">
    El Portal del cliente de Revize muestra los artículos del pedido, los detalles de envío y las opciones de edición disponibles.
  </Step>

  <Step title="El cliente realiza cambios">
    Hace clic para editar direcciones, intercambiar variantes, agregar productos, mejorar el envío o cancelar el pedido.
  </Step>

  <Step title="Shopify maneja el pago">
    Los cambios aparecen al instante con diferencias de precio. El cliente confirma con Pagar ahora, Reembolso o Confirmar, y luego Shopify procesa el pago o el reembolso.
  </Step>
</Steps>

<Note>
  **Mensaje de la página de agradecimiento:** El mensaje de edición en la página de agradecimiento es personalizable bajo la pestaña Traducciones en tu panel. Este mensaje único ayuda a los clientes a saber que pueden hacer cambios justo después del checkout.
</Note>

<img src="https://mintcdn.com/revize/s3p39BdewQ3N-5oB/images/features/thank-you-notification.png?fit=max&auto=format&n=s3p39BdewQ3N-5oB&q=85&s=89b6a38754da68b68afcfb9188a16426" alt="Mensaje de edición de pedido en la página de agradecimiento de Shopify" style={{ borderRadius: "12px", width: "100%", boxShadow: "0 4px 14px rgba(0,0,0,0.08)" }} width="2052" height="1545" data-path="images/features/thank-you-notification.png" />

## Acceso y autenticación del cliente

<Tabs>
  <Tab title="Desde correo/SMS (3 semanas)">
    **Mejor experiencia de acceso**

    Cuando los clientes hacen clic en el enlace de estado del pedido desde su correo de confirmación o notificación SMS, pueden ver y editar su pedido durante **3 semanas** sin requisitos de login.

    * No se necesitan contraseñas
    * Capacidades completas de edición
    * Funciona mientras usen el mismo navegador
    * Experiencia de cliente más fluida
  </Tab>

  <Tab title="Múltiples navegadores (2 semanas)">
    **Flexibilidad entre dispositivos**

    Los clientes pueden acceder a su pedido desde hasta **5 navegadores diferentes** durante **2 semanas** sin iniciar sesión.

    * Cambia entre dispositivos libremente
    * Sin barreras de login entre navegadores
    * Perfecto para clientes que compran en múltiples dispositivos
    * Seguimiento automático de acceso
  </Tab>

  <Tab title="Después de que expira el acceso">
    **Verificación segura requerida**

    Cuando termina el período de acceso libre, los clientes deben verificar su identidad para seguir viendo los detalles del pedido.

    **Opciones de verificación:**

    * Ingresa correo/teléfono + número de pedido
    * Inicia sesión en su cuenta de cliente (si tienen una)
    * Solicita un nuevo enlace de acceso por correo/SMS

    Esto garantiza la seguridad del pedido manteniendo la accesibilidad.
  </Tab>
</Tabs>

## Lo que pueden hacer los clientes

<CardGroup cols={2}>
  <Card title="Editar dirección de envío" icon="truck" color="#0ea5e9">
    Corrige errores tipográficos, actualiza números de apartamento o cambia la ubicación de entrega por completo.
  </Card>

  <Card title="Cambiar productos" icon="box" color="#8b5cf6">
    Cambia tallas, colores, cantidades o reemplaza artículos con productos diferentes.
  </Card>

  <Card title="Agregar más artículos" icon="plus" color="#10b981">
    Navega y agrega productos para convertir un error en una oportunidad de upsell.
  </Card>

  <Card title="Aplicar códigos de descuento" icon="tag" color="#ec4899">
    Aplica códigos de descuento que olvidaron en el checkout, sin necesidad de cancelar y volver a pedir.
  </Card>

  <Card title="Mejorar envío" icon="rocket" color="#ef4444">
    Elige opciones de entrega más rápidas cuando cambian los planes.
  </Card>

  <Card title="Cancelar pedido" icon="xmark" color="#6b7280">
    Cancelación simple con reembolsos automáticos al pago original o crédito de tienda.
  </Card>

  <Card title="Editar factura fiscal" icon="file-invoice" color="#14b8a6">
    Actualiza datos de facturación, agrega IDs fiscales y descarga facturas corregidas.
  </Card>

  <Card title="Agregar fecha de entrega" icon="calendar-check" color="#a855f7">
    Selecciona o cambia la fecha de entrega preferida después de la compra.
  </Card>

  <Card title="Actualizar información de contacto" icon="user" color="#64748b">
    Corrige direcciones de correo o números de teléfono para una comunicación de entrega fluida.
  </Card>

  <Card title="Solicitar soporte" icon="headset" color="#6366f1">
    Abre tickets de soporte directamente desde el portal cuando las ediciones necesitan ayuda humana.
  </Card>
</CardGroup>

## Personaliza la apariencia del portal

Elige cómo se abren las ediciones en la página de estado del pedido. En la app Revize, ve a **Edición de pedidos → Appearance**.

<img src="https://mintcdn.com/revize/s3p39BdewQ3N-5oB/images/features/portal-appearance.png?fit=max&auto=format&n=s3p39BdewQ3N-5oB&q=85&s=54d2f9ca00792e32bc98abc895b69cea" alt="La pestaña Appearance en Revize con el diseño Accordion, el estilo de fila y una vista previa" style={{ borderRadius: "12px", width: "100%", boxShadow: "0 4px 14px rgba(0,0,0,0.08)" }} title="Elige el diseño y el estilo del portal del cliente" width="1536" height="1024" data-path="images/features/portal-appearance.png" />

**Customer layout:**

| Diseño | Cómo se abren las ediciones |
| - | - |
| **Accordion** (predeterminado) | Las ediciones se abren debajo de su título. |
| **Popup** | Cada edición se abre en un cuadro de diálogo. |

**Opciones de estilo de cada diseño:**

* **Accordion:** elige un **Row style**: **Divided** (predeterminado), **Bordered** o **Filled**.
* **Popup:** elige un **Button style**: **Bordered** (predeterminado), **Grouped** o **Filled**. Luego define **Desktop columns** en **1** o **2** (2 por defecto). En teléfonos, las ediciones siempre se muestran en una columna.

Cada diseño conserva su propio estilo, así que puedes cambiar entre Accordion y Popup sin perder tu elección. Haz clic en **Guardar** para aplicar los cambios.

**Previsualiza tus cambios:** La tarjeta **Preview** muestra una vista previa del tamaño de un teléfono que se actualiza a medida que cambias los ajustes, antes de guardar. Haz clic en **Open full preview** (o en **Preview** en la parte superior de la página) para ver un pedido de ejemplo a tamaño completo. Cambia entre **Desktop** y **Mobile**, prueba las ediciones como lo haría un cliente y haz clic en **Reset sample order** para empezar de nuevo. En la vista previa no se procesan pagos ni reembolsos.

## Experiencia del cliente

<AccordionGroup>
  <Accordion title="Simple y claro" icon="eye">
    Sin menús confusos ni formularios complejos. Los clientes ven su pedido y hacen clic en lo que quieren cambiar.

    Los cambios aparecen al instante con comparaciones claras de antes/después.
  </Accordion>

  <Accordion title="Feedback instantáneo" icon="bolt">
    Cada edición muestra la diferencia de precio inmediatamente. Los clientes saben exactamente lo que están pagando antes de confirmar.

    * **Pagar ahora** para adiciones
    * **Reembolso** para eliminaciones
    * **Confirmar** para cambios al mismo precio
  </Accordion>

  <Accordion title="Adaptado para móvil" icon="mobile">
    Diseño totalmente responsivo que funciona perfectamente en teléfonos y tabletas. La mayoría de las ediciones de pedidos suceden en móvil.
  </Accordion>

  <Accordion title="Rendimiento ultrarrápido" icon="gauge-high">
    Diseñado para velocidad con tiempos de carga optimizados. Como la app más rápida de la categoría de edición de pedidos, Revize garantiza experiencias fluidas que no frustran a los clientes.
  </Accordion>
</AccordionGroup>

## Notificaciones inteligentes

Revize agrega mensajes de notificación útiles a la página de estado del pedido que guían a los clientes:

* **"Tu pedido está disponible para editar"** - Aparece cuando la edición está abierta
* **"Quedan 30 minutos"** - Temporizador de cuenta regresiva en vivo mostrando el tiempo de edición restante
* **"Los regalos gratuitos no se pueden editar"** - Explica las restricciones claramente
* **"El pedido ya no se puede editar"** - Indica a los clientes cuando la ventana se ha cerrado
* **"Pago requerido para continuar"** - Guía a los clientes cuando se necesita un pago

Estas notificaciones aparecen automáticamente y mantienen informados a los clientes durante todo el proceso.

## Cuándo aparece y se oculta el portal

**El portal aparece cuando:**

* ✅ El pedido está dentro de la ventana de edición que estableciste
* ✅ El cliente abre la página de estado del pedido
* ✅ El pedido aún no ha sido cumplido
* ✅ El pedido cumple con tus restricciones de edición (si las hay)

**El portal se oculta cuando:**

* ❌ La ventana de edición expira
* ❌ El pedido es cumplido
* ❌ El pedido es cancelado
* ❌ El pedido es excluido por etiquetas o restricciones

**Módulos siempre disponibles:**
Incluso después de que expire la ventana de edición, puedes configurar que estos módulos permanezcan visibles:

<CardGroup cols={2}>
  <Card title="Editar factura fiscal" icon="file-invoice" color="#14b8a6">
    Los clientes pueden seguir generando o actualizando facturas fiscales incluso después de que cierre la edición.
  </Card>

  <Card title="Contactar a soporte" icon="headset" color="#6366f1">
    La opción de solicitud de soporte permanece disponible para asistencia post-edición.
  </Card>
</CardGroup>

<Note>
  **Importante:** Incluso cuando el portal principal se oculta, la barra de notificaciones permanece visible para informar a los clientes sobre el estado del pedido, si se requiere un pago o si el pedido ha sido cancelado.
</Note>

## Lo que hace que los clientes lo amen

<CardGroup cols={2}>
  <Card title="Sin esperas" icon="clock" color="#22c55e">
    Corrige errores al instante en lugar de enviar correos a soporte y esperar respuestas.
  </Card>

  <Card title="Sin complicaciones" icon="shield-check" color="#3b82f6">
    Funciona justo donde ya están: la página de estado del pedido. Sin nuevas cuentas ni apps que descargar.
  </Card>

  <Card title="Control total" icon="sliders" color="#8b5cf6">
    Realiza los cambios que necesiten sin explicar la situación a un agente de soporte.
  </Card>

  <Card title="Precios transparentes" icon="dollar-sign" color="#f59e0b">
    Ve exactamente cuánto costarán los cambios antes de confirmar. Sin cargos sorpresa.
  </Card>
</CardGroup>

***

<Note>
  El Portal del cliente convierte los errores de pedido en victorias de autoservicio. Los clientes resuelven los problemas ellos mismos, tu equipo de soporte se mantiene enfocado en problemas complejos y todos están más felices.
</Note>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.