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

Precaución

Este es un tutorial avanzado y Shopify no presta el soporte técnico. En necesario tener conocimiento de HTML, CSS, JavaScript y Liquid. Considera contratar a un Shopify Expert si no te sientes cómodo siguiendo los pasos del tutorial.

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

Pasos

Escritorio

1. Desde tu panel de control de Shopify, ve a Configuración > Pantalla de pagos.

iPhone

1. Desde la aplicación de Shopify, abre Tienda y luego Configuración.
2. En Configuración de la tienda, selecciona Pantalla de pago.

Android

1. Desde la aplicación de Shopify, abre Tienda y luego Configuración.
2. En Configuración de la tienda, selecciona Pantalla de pago.

1. En el cuadro de texto Scripts adicionales, pega el siguiente código de ejemplo:

{% if checkout.shipping_address.country_code == 'US' and checkout.shipping_address.province_code == 'NY' %}
<script type="text/javascript">
  var customMessage = document.createElement("div");
  customMessage.innerHTML = '<div class="section" style="padding-top: 3em"><div class="content-box"><div class="content-box__row"><p class="os-step__description">TYPE YOUR CUSTOM MESSAGE HERE.</p></div></div></div>';
  console.log(document.querySelector("[data-order-summary-section=payment-lines]"));
  document.querySelector("[data-order-summary-section=payment-lines]").before(customMessage);
</script>
{% endif %}

1. Edita el código para especificar dónde deben estar los clientes para recibir el mensaje personalizado. Para esto, debes editar las abreviaturas de país y estado dentro del enunciado 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 del servicio de correo 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 estado 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, entonces elimina lo siguiente: and checkout.shipping_address.province_code == 'NY'.

Para obtener orientación adicional sobre cómo escribir líneas de código condicionales if en Liquid, consulta la referencia de Liquid en las etiquetas de flujo de control.

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