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

# Correo de confirmación de pedido

> Edita el botón 'Ver mi pedido' en los correos de notificación de Shopify para que diga 'Ver o editar tu pedido' y agrega un mensaje sobre la ventana de edición.

<Info>
  Este es un cambio único en el panel de Shopify. Toma alrededor de 2 minutos y ayuda a los clientes a descubrir que pueden editar su pedido.
</Info>

## Por qué hacerlo

El correo de confirmación de pedido predeterminado de Shopify tiene un botón **"Ver tu pedido"**. Los clientes hacen clic en él pero no saben que en realidad pueden *editar* el pedido. Un simple cambio de texto lo soluciona, y un pequeño mensaje debajo del botón les dice exactamente cuánto tiempo tienen.

**Antes:** "Ver tu pedido"
**Después:** "Ver o editar tu pedido" + una línea que diga cuánto tiempo tienen para hacer cambios.

***

## Lo que cambiarás

<CardGroup cols={2}>
  <Card title="Texto del botón" icon="pen" color="#6366f1">
    Cambia "Ver tu pedido" a **"Ver o editar tu pedido"**
  </Card>

  <Card title="Mensaje de ventana de edición" icon="clock" color="#0ea5e9">
    Agrega una línea debajo del botón: **"Tienes 60 minutos para editar tu pedido."**
  </Card>
</CardGroup>

<Note>
  El botón aún enlaza a `{{ order_status_url }}`: la misma página de estado del pedido donde el portal de edición de Revize es visible. Nada cambia sobre cómo funciona el enlace.
</Note>

***

## Configuración paso a paso

### Paso 1: Abre la plantilla de notificación

<Steps>
  <Step title="Ve al panel de Shopify">
    Abre tu panel de Shopify y haz clic en **Configuración** en la esquina inferior izquierda.
  </Step>

  <Step title="Abre Notificaciones">
    Haz clic en **Notificaciones** en el menú de configuración.
  </Step>

  <Step title="Selecciona la plantilla de correo">
    Haz clic en **Confirmación de pedido** (esta es la más común para editar). Puedes repetir esto para cualquier notificación que tenga un botón "Ver tu pedido", como **Confirmación de envío** o **Actualización de envío**.
  </Step>

  <Step title="Abre el editor de código">
    Haz clic en **Editar código** en la esquina superior derecha del editor de correo. Shopify abrirá la plantilla HTML/Liquid.
  </Step>
</Steps>

***

### Paso 2: Encuentra el botón

Usa **Ctrl + F** (Windows) o **Cmd + F** (Mac) para buscar:

```
View your order
```

Lo encontrarás dentro de un elemento de botón que se ve algo así:

```liquid theme={null}
<a href="{{ order_status_url }}">View your order</a>
```

El HTML exacto a su alrededor varía según el tema, pero el texto y la URL son siempre los mismos.

***

### Paso 3: Cambia el texto del botón

Reemplaza el texto del botón con:

```liquid theme={null}
<a href="{{ order_status_url }}">View or Edit your order</a>
```

Eso es todo: el enlace permanece igual, solo cambia la etiqueta.

***

### Paso 4: Agrega el mensaje de ventana de edición

Directamente **debajo** del código del botón, agrega esta línea:

```html theme={null}
<p style="font-size: 14px; color: #666666; margin-top: 10px; text-align: center;">
  You have 60 minutes to edit your order after checkout.
</p>
```

<Tip>
  Reemplaza **60 minutes** con lo que realmente esté configurada tu [ventana de edición](/es/setup/edit-window). Si tu ventana de edición es de 30 minutos, escribe "30 minutes". Si es de 2 horas, escribe "2 hours".
</Tip>

***

### Paso 5: Previsualiza y guarda

<Steps>
  <Step title="Previsualiza el correo">
    Haz clic en **Vista previa** para ver cómo se ve el correo actualizado. Confirma que el texto del botón diga "View or Edit your order" y que el mensaje aparezca debajo.
  </Step>

  <Step title="Envía un correo de prueba (opcional)">
    Haz clic en **Enviar correo de prueba** para ver exactamente lo que recibirán los clientes en su bandeja de entrada.
  </Step>

  <Step title="Guarda">
    Haz clic en **Guardar** para aplicar los cambios. Todos los futuros correos de confirmación de pedido usarán el nuevo texto del botón y el mensaje.
  </Step>
</Steps>

***

## Ejemplo de resultado

Esto es lo que ve el cliente en su bandeja de entrada después del cambio:

<Tabs>
  <Tab title="Antes">
    ```
    Thank you for your order!

    [ View your order ]
    ```
  </Tab>

  <Tab title="Después">
    ```
    Thank you for your order!

    [ View or Edit your order ]
    You have 60 minutes to edit your order after checkout.
    ```
  </Tab>
</Tabs>

El botón enlaza a la página de estado del pedido donde el portal de edición de Revize está activo. Los clientes ven su resumen del pedido y todas las opciones de edición disponibles.

***

## Solución de problemas

<AccordionGroup>
  <Accordion title="No puedo encontrar 'View your order' en la plantilla" icon="circle-exclamation">
    Algunos temas usan palabras ligeramente diferentes como "View my order" o "View order details". Intenta buscar `order_status_url` en su lugar: esa es la variable de URL que usa Shopify, y el texto del botón estará junto a ella.
  </Accordion>

  <Accordion title="El mensaje no aparece debajo del botón" icon="circle-exclamation">
    Asegúrate de haber pegado la etiqueta `<p>` **después** de la etiqueta `</a>` de cierre del botón, no dentro de ella. Si el botón está envuelto en una celda de tabla (`<td>`), coloca el mensaje dentro de la misma celda pero después del enlace del botón.
  </Accordion>

  <Accordion title="¿Puedo dar estilo al mensaje de manera diferente?" icon="paintbrush">
    Sí: es HTML estándar. Cambia los valores de `font-size`, `color` o `margin-top` para que coincidan con tu marca. También puedes ponerlo en negrita con `<strong>` o cambiar la alineación.
  </Accordion>

  <Accordion title="¿Esto afectará a otros correos de notificación?" icon="circle-question">
    No. Cada plantilla de notificación es independiente. Los cambios en la plantilla de confirmación de pedido no afectarán a las confirmaciones de envío ni a ningún otro correo. Necesitarás actualizar cada uno por separado.
  </Accordion>
</AccordionGroup>

***

<Check>
  **Listo.** Los clientes ahora verán "View or Edit your order" en su correo de confirmación de pedido, con un mensaje claro sobre cuánto tiempo tienen para hacer cambios.
</Check>