Muestra contenido en la página de estado del pedido según los criterios

Esta página fue impresa el Sep 15, 2024. Para acceder a la versión actual, por favor visita https://help.shopify.com/es/manual/fulfillment/setup/order-status-page/customization/displaying-content-based-on-criteria.

Puedes mostrar contenido en la página de estado del pedido en función de los siguientes criterios:

  • La ubicación de los clientes
  • Un pedido de un producto en particular
  • Un método de envío

En esta página

Mostrar contenido según la ubicación de los clientes

Puedes agregar un mensaje personalizado a la página de estado del pedido, que solo se mostrará a los clientes con direcciones de envío en una región determinada. Por ejemplo, puedes elegir mostrar un mensaje sólo a los clientes que viven en Nueva York, EE. UU. Puedes definir tantas áreas como desees.

Pasos:

  1. Desde tu panel de control de Shopify, ve a Configuración > Pantalla de pago.
  2. En el cuadro de texto Scripts adicionales, pega el siguiente código de ejemplo: 
<script>
{% if checkout.shipping_address.country_code == 'US' and checkout.shipping_address.province_code == 'NY' %}
    Shopify.Checkout.OrderStatus.addContentBox(
    '<h2>YOUR TITLE HERE</h2>',
    '<p>YOUR MESSAGE HERE</p>'
    )
{% endif %}
</script>

  1. Edita el código para especificar dónde deben estar los clientes para recibir el mensaje personalizado. Para hacerlo, deberás editar las abreviaturas de país y estado dentro de la declaración de Liquid {% if %} en la parte superior del bloque de código. El mensaje en el ejemplo anterior está configurado para mostrarse a los clientes que viven en Nueva York, Estados Unidos.

    • Para mostrar el mensaje a los clientes en un estado diferente, reemplaza NY con la abreviatura del estado de tu elección. Para encontrar la abreviatura postal de un estado de EE. UU., puedes consultar esta lista de abreviaturas de estado de USPS.
    • Para mostrar el mensaje a los clientes en Nueva York, así como en otro estado, agrega and checkout.shipping_address.province_code == 'XX' donde XX es la abreviatura del estado de tu elección. Para agregar más estados, repite este paso.
    • Para mostrar el mensaje a los clientes en un país diferente, reemplaza US con la abreviatura del país de tu elección. También deberás reemplazar NY con una abreviatura de estado o provincia en el nuevo país. Si prefieres no especificar un estado, elimina lo siguiente: and checkout.shipping_address.province_code == 'NY'.
    • Para obtener orientación adicional sobre cómo escribir declaraciones if en Liquid, consulta la referencia de Liquid en Etiquetas de flujo de control.

  2. Realiza un pedido de prueba para ver los resultados en la página de estado del pedido.

  1. En la aplicación de Shopify, toca el botón … y, luego, toca Configuración.
  2. En la sección Configuración de la tienda, Toca Pago.
  3. En el cuadro de texto Scripts adicionales, pega el siguiente código de ejemplo: 
<script>
{% if checkout.shipping_address.country_code == 'US' and checkout.shipping_address.province_code == 'NY' %}
    Shopify.Checkout.OrderStatus.addContentBox(
    '<h2>YOUR TITLE HERE</h2>',
    '<p>YOUR MESSAGE HERE</p>'
    )
{% endif %}
</script>

  1. Edita el código para especificar dónde deben estar los clientes para recibir el mensaje personalizado. Para hacerlo, deberás editar las abreviaturas de país y estado dentro de la declaración de Liquid {% if %} en la parte superior del bloque de código. El mensaje en el ejemplo anterior está configurado para mostrarse a los clientes que viven en Nueva York, Estados Unidos.

    • Para mostrar el mensaje a los clientes en un estado diferente, reemplaza NY con la abreviatura del estado de tu elección. Para encontrar la abreviatura postal de un estado de EE. UU., puedes consultar esta lista de abreviaturas de estado de USPS.
    • Para mostrar el mensaje a los clientes en Nueva York, así como en otro estado, agrega and checkout.shipping_address.province_code == 'XX' donde XX es la abreviatura del estado de tu elección. Para agregar más estados, repite este paso.
    • Para mostrar el mensaje a los clientes en un país diferente, reemplaza US con la abreviatura del país de tu elección. También deberás reemplazar NY con una abreviatura de estado o provincia en el nuevo país. Si prefieres no especificar un estado, elimina lo siguiente: and checkout.shipping_address.province_code == 'NY'.
    • Para obtener orientación adicional sobre cómo escribir declaraciones if en Liquid, consulta la referencia de Liquid en Etiquetas de flujo de control.

  2. Realiza un pedido de prueba para ver los resultados en la página de estado del pedido.

  1. En la aplicación de Shopify, toca el botón … y, luego, toca Configuración.
  2. En la sección Configuración de la tienda, Toca Pago.
  3. En el cuadro de texto Scripts adicionales, pega el siguiente código de ejemplo: 
<script>
{% if checkout.shipping_address.country_code == 'US' and checkout.shipping_address.province_code == 'NY' %}
    Shopify.Checkout.OrderStatus.addContentBox(
    '<h2>YOUR TITLE HERE</h2>',
    '<p>YOUR MESSAGE HERE</p>'
    )
{% endif %}
</script>

  1. Edita el código para especificar dónde deben estar los clientes para recibir el mensaje personalizado. Para hacerlo, deberás editar las abreviaturas de país y estado dentro de la declaración de Liquid {% if %} en la parte superior del bloque de código. El mensaje en el ejemplo anterior está configurado para mostrarse a los clientes que viven en Nueva York, Estados Unidos.

    • Para mostrar el mensaje a los clientes en un estado diferente, reemplaza NY con la abreviatura del estado de tu elección. Para encontrar la abreviatura postal de un estado de EE. UU., puedes consultar esta lista de abreviaturas de estado de USPS.
    • Para mostrar el mensaje a los clientes en Nueva York, así como en otro estado, agrega and checkout.shipping_address.province_code == 'XX' donde XX es la abreviatura del estado de tu elección. Para agregar más estados, repite este paso.
    • Para mostrar el mensaje a los clientes en un país diferente, reemplaza US con la abreviatura del país de tu elección. También deberás reemplazar NY con una abreviatura de estado o provincia en el nuevo país. Si prefieres no especificar un estado, elimina lo siguiente: and checkout.shipping_address.province_code == 'NY'.
    • Para obtener orientación adicional sobre cómo escribir declaraciones if en Liquid, consulta la referencia de Liquid en Etiquetas de flujo de control.

  2. Realiza un pedido de prueba para ver los resultados en la página de estado del pedido.

Mostrar contenido basado en un pedido para un producto en particular

Obtén más información sobre cómo revisar tu checkout.line_items para ver si tu producto especial está en el pedido.

Pasos:

  1. Desde tu panel de control de Shopify, ve a Configuración > Pantalla de pago.
  2. Desplázate hacia abajo hasta la sección Scripts adicionales.
  3. Copia el siguiente código en tu portapapeles command + c en una Mac o ctrl + c en un PC. 
<script>
  {% for line in checkout.line_items %}
    // DEBUG looking at {{ line.title }}
    {% if line.title == 'Downloadable product' %}
      Shopify.Checkout.OrderStatus.addContentBox(
        '<p>Download your product <a href="#">Here!</a></p>'
      )
    {% endif %}
  {% endfor %}
</script>
  1. Pega el siguiente código en el cuadro de Scripts adicionales: (presiona ctrl + V en un PC o command + V en una Mac)
  2. Completa un pedido de prueba para ver la página de estado del pedido.
  1. En la aplicación de Shopify, toca el botón … y, luego, toca Configuración.
  2. En la sección Configuración de la tienda, Toca Pago.
  3. Desplázate hacia abajo hasta la sección Scripts adicionales.
  4. Copia el siguiente código en tu portapapeles command + c en una Mac o ctrl + c en un PC. 
<script>
  {% for line in checkout.line_items %}
    // DEBUG looking at {{ line.title }}
    {% if line.title == 'Downloadable product' %}
      Shopify.Checkout.OrderStatus.addContentBox(
        '<p>Download your product <a href="#">Here!</a></p>'
      )
    {% endif %}
  {% endfor %}
</script>
  1. Pega el siguiente código en el cuadro de Scripts adicionales: (presiona ctrl + V en un PC o command + V en una Mac)
  2. Completa un pedido de prueba para ver la página de estado del pedido.
  1. En la aplicación de Shopify, toca el botón … y, luego, toca Configuración.
  2. En la sección Configuración de la tienda, Toca Pago.
  3. Desplázate hacia abajo hasta la sección Scripts adicionales.
  4. Copia el siguiente código en tu portapapeles command + c en una Mac o ctrl + c en un PC. 
<script>
  {% for line in checkout.line_items %}
    // DEBUG looking at {{ line.title }}
    {% if line.title == 'Downloadable product' %}
      Shopify.Checkout.OrderStatus.addContentBox(
        '<p>Download your product <a href="#">Here!</a></p>'
      )
    {% endif %}
  {% endfor %}
</script>
  1. Pega el siguiente código en el cuadro de Scripts adicionales: (presiona ctrl + V en un PC o command + V en una Mac)
  2. Completa un pedido de prueba para ver la página de estado del pedido.

Mostrar contenido según el método de envío

Puedes usar un script condicional con la variable checkout.shipping_method.title para mostrar contenido en la página de estado del pedido cuando se haya utilizado un método de envío en particular para dicho pedido.

Por ejemplo, puedes tener una opción de retiro en tienda para los clientes que vivan cerca de tu tienda física. Puedes darles la dirección física de la tienda en la página de estado del pedido si seleccionan la opción de retiro en tienda.

Pasos:

  1. Desde tu panel de control de Shopify, ve a Configuración > Pantalla de pago.
  2. Desplázate hacia abajo hasta la sección Scripts adicionales.
  3. Copia el siguiente código en tu portapapeles ( command + c en una Mac o ctrl + c en una PC. 
  <script>
    // DEBUG {{ checkout.shipping_method.title }} has been used
    {% if checkout.shipping_method.title == 'Pick-up at the store' %}
      Shopify.Checkout.OrderStatus.addContentBox(
        `<p>Okay, we're ready for you to collect your products from 17 Mapple Crescent, Toronto. Our store is open 9:00 to 5:00 every day.</p>`
      )
    {% endif %}
  </script>
  1. Pega el siguiente código en el cuadro de Scripts adicionales: (command +v en una Mac ctrl + v en una PC)
  2. Completa un pedido de prueba para ver la página de estado del pedido.
  1. En la aplicación de Shopify, toca el botón … y, luego, toca Configuración.
  2. En la sección Configuración de la tienda, Toca Pago.
  3. Desplázate hacia abajo hasta la sección Scripts adicionales.
  4. Copia el siguiente código en tu portapapeles ( command + c en una Mac o ctrl + c en una PC. 
  <script>
    // DEBUG {{ checkout.shipping_method.title }} has been used
    {% if checkout.shipping_method.title == 'Pick-up at the store' %}
      Shopify.Checkout.OrderStatus.addContentBox(
        `<p>Okay, we're ready for you to collect your products from 17 Mapple Crescent, Toronto. Our store is open 9:00 to 5:00 every day.</p>`
      )
    {% endif %}
  </script>
  1. Pega el siguiente código en el cuadro de Scripts adicionales: (command +v en una Mac ctrl + v en una PC)
  2. Completa un pedido de prueba para ver la página de estado del pedido.
  1. En la aplicación de Shopify, toca el botón … y, luego, toca Configuración.
  2. En la sección Configuración de la tienda, Toca Pago.
  3. Desplázate hacia abajo hasta la sección Scripts adicionales.
  4. Copia el siguiente código en tu portapapeles ( command + c en una Mac o ctrl + c en una PC. 
  <script>
    // DEBUG {{ checkout.shipping_method.title }} has been used
    {% if checkout.shipping_method.title == 'Pick-up at the store' %}
      Shopify.Checkout.OrderStatus.addContentBox(
        `<p>Okay, we're ready for you to collect your products from 17 Mapple Crescent, Toronto. Our store is open 9:00 to 5:00 every day.</p>`
      )
    {% endif %}
  </script>
  1. Pega el siguiente código en el cuadro de Scripts adicionales: (command +v en una Mac ctrl + v en una PC)
  2. Completa un pedido de prueba para ver la página de estado del pedido.

¿Estás listo/a para comenzar a vender con Shopify?

Prueba gratis