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 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
- Desde tu panel de control de Shopify, ve a Configuración > Pantalla de pagos.
- Desde la aplicación de Shopify, abre Tienda y luego Configuración.
- En Configuración de la tienda, selecciona Pantalla de pago.
- Desde la aplicación de Shopify, abre Tienda y luego Configuración.
- En Configuración de la tienda, selecciona Pantalla de pago.
- 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 %}
- 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 declaraciones if
en Liquid, consulta la referencia de Liquid en las Etiquetas de flujo de control.
- Realiza un pedido de prueba para ver los resultados en la página de estado del pedido.