Si desea recordar a sus clientes las selecciones que realizaron en el widget, puede agregar su información de recogida/entrega/envío y una nota de entrega a la página de estado del pedido.
Los comerciantes en planes de inicio, básico, Shopify o Shopify avanzado tienen la capacidad de agregar información de recogida y entrega de Zapiet a la página de estado mediante la adición de un fragmento de código.
Los comerciantes en el plan Shopify Plus tienen la capacidad de habilitar el widget de estado de pedido.
Habilitar el widget de estado de pedido con un fragmento de código
Puedes cambiar el texto de la plantilla para adaptarlo a tus necesidades o traducirlo a otro idioma. Si estás utilizando un idioma que no sea inglés, echa un vistazo a nuestra Plantilla para diferentes idiomas.
Los comerciantes en planes de inicio, básico, Shopify o Shopify avanzado tienen la capacidad de agregar información de recogida y entrega de Zapiet a la página de estado mediante la adición de un fragmento de código.
En tu administrador de Shopify, haz clic en Configuración y luego en Pantalla de pago.
En la sección de Página de estado del pedido, añades el siguiente código en el cuadro de Scripts adicionales.
<script>
{% if order.attributes.Pickup-Date and order.attributes.Pickup-Time %}
Shopify.Checkout.OrderStatus.addContentBox(
'<h2>Información de recogida</h2>',
'<p>Su pedido estará listo para ser recogido en nuestra ubicación de {{ order.attributes.Pickup-Location-Company }} el {{ order.attributes.Pickup-Date | fecha: "%A, %d %B" }} a las {{ order.attributes.Pickup-Time }}</p>'
)
{% elsif order.attributes.Pickup-Date %}
Shopify.Checkout.OrderStatus.addContentBox(
'<h2>Información de recogida</h2>',
'<p>Su pedido estará listo para ser recogido en nuestra ubicación de {{ order.attributes.Pickup-Location-Company }} el {{ order.attributes.Pickup-Date | fecha: "%A, %d %B" }}</p>'
)
{% elsif order.attributes.Checkout-Method == "recogida" %}
Shopify.Checkout.OrderStatus.addContentBox(
'<h2>Información de recogida</h2>',
'<p>Su pedido estará listo para ser recogido en nuestra ubicación {{ order.attributes.Pickup-Location-Company }}.</p>'
)
{% elsif order.attributes.Delivery-Date and order.attributes.Delivery-Time %}
Shopify.Checkout.OrderStatus.addContentBox(
'<h2>Información de entrega</h2>',
'<p>Nuestro equipo entregará su pedido localmente el {{ order.attributes.Delivery-Date | fecha: "%A, %d %B" }} entre {{ order.attributes.Delivery-Time }}</p>'
)
{% elsif order.attributes.Delivery-Date %}
Shopify.Checkout.OrderStatus.addContentBox(
'<h2>Información de entrega</h2>',
'<p>Nuestro equipo entregará su pedido localmente el {{ order.attributes.Delivery-Date | fecha: "%A, %d %B" }}</p>'
)
{% elsif order.attributes.Checkout-Method == "entrega" %}
Shopify.Checkout.OrderStatus.addContentBox(
'<h2>Información de entrega</h2>',
'<p>Nuestro equipo entregará su artículo localmente. Póngase en contacto con nosotros para obtener más detalles sobre las fechas/horas exactas de entrega.</p>'
)
{% elsif order.attributes.Shipping-Date %}
Shopify.Checkout.OrderStatus.addContentBox(
'<h2>Detalles de envío</h2>',
'<p>Su pedido llegará el {{ order.attributes.Shipping-Date | fecha: "%A, %d %B" }}</p>'
)
{% endif %}
</script>Haz clic en Guardar.
La información que el cliente seleccionó en el widget ahora se añadirá a la página de estado del pedido.
Debido a las limitaciones de Shopify, es posible que la información no aparezca de inmediato: es posible que el pedido aún no se haya creado cuando se genere la página de estado del pedido. Para asegurarse de que la información aparezca, sus clientes deberán actualizar la página.
Recogida en Tienda
Entrega Local
Envío
Agregar la plantilla de nota de entrega
Puedes agregar la nota de entrega que el cliente dejó en nuestro widget a la página de estado del pedido.
En tu administrador de Shopify, haz clic en Configuración y luego en Pantalla de pago.
En la sección de Página de estado del pedido, añades el siguiente código en el cuadro de Scripts adicionales.
<script>
{% if order.attributes['Delivery-Note'] %}
Shopify.Checkout.OrderStatus.addContentBox(
'<h2>Nota de Entrega</h2>',
'<p>{{ order.attributes["Delivery-Note"] }}</p>'
);
{% endif %}
</script>Haz clic en Guardar.
La nota de entrega que el cliente agregó en el widget ahora se añadirá a la página de estado del pedido.
Debido a las limitaciones de Shopify, es posible que la información no aparezca de inmediato: es posible que el pedido aún no se haya creado cuando se genere la página de estado del pedido. Para asegurarse de que la información aparezca, sus clientes deberán actualizar la página.
Plantilla para diferentes idiomas
En la plantilla anterior, los atributos siempre tendrán el formato Día, DD Mes (por ejemplo, miércoles 27 de abril), independientemente del idioma que utilice. Es por eso que necesita cambiar el formato de fecha para nuestros atributos cuando usa otros idiomas.
Puedes usar la plantilla a continuación que usa el formato DD/MM/YYYY o encontrar el formato que más te convenga en http://strftime.net.
Si deseas utilizar otro formato, busca %d/%m/%Y en la plantilla a continuación y reemplácelo con el formato que necesitas. Si debes cambiar en las líneas 5, 10, 20, 25 y 35.
En lugar de la fecha: "%d/%m/%Y" (23/04/2022), usaría la fecha: "%m-%d-%Y" (24-04-2022)
<script>
{% if order.attributes.Pickup-Date and order.attributes.Pickup-Time %}
Shopify.Checkout.OrderStatus.addContentBox(
'<h2>Información de recogida</h2>',
'<p>Su pedido estará listo para ser recogido en nuestra ubicación de {{ order.attributes.Pickup-Location-Company }} el {{ order.attributes.Pickup-Date | fecha: "%d/%m/%Y" }} a las {{ order.attributes.Pickup-Time }}</p>'
)
{% elsif order.attributes.Pickup-Date %}
Shopify.Checkout.OrderStatus.addContentBox(
'<h2>Información de recogida</h2>',
'<p>Su pedido estará listo para ser recogido en nuestra ubicación de {{ order.attributes.Pickup-Location-Company }} el {{ order.attributes.Pickup-Date | fecha: "%d/%m/%Y" }}</p>'
)
{% elsif order.attributes.Checkout-Method == "recogida" %}
Shopify.Checkout.OrderStatus.addContentBox(
'<h2>Información de recogida</h2>',
'<p>Su pedido estará listo para ser recogido en nuestra ubicación {{ order.attributes.Pickup-Location-Company }}.</p>'
)
{% elsif order.attributes.Delivery-Date and order.attributes.Delivery-Time %}
Shopify.Checkout.OrderStatus.addContentBox(
'<h2>Información de entrega</h2>',
'<p>Nuestro equipo entregará su pedido localmente el {{ order.attributes.Delivery-Date | fecha: "%d/%m/%Y" }} entre {{ order.attributes.Delivery-Time }}</p>'
)
{% elsif order.attributes.Delivery-Date %}
Shopify.Checkout.OrderStatus.addContentBox(
'<h2>Información de entrega</h2>',
'<p>Nuestro equipo entregará su pedido localmente el {{ order.attributes.Delivery-Date | fecha: "%d/%m/%Y" }}</p>'
)
{% elsif order.attributes.Checkout-Method == "entrega" %}
Shopify.Checkout.OrderStatus.addContentBox(
'<h2>Información de entrega</h2>',
'<p>Nuestro equipo entregará su artículo localmente. Póngase en contacto con nosotros para obtener más detalles sobre las fechas/horas exactas de entrega.</p>'
)
{% elsif order.attributes.Shipping-Date %}
Shopify.Checkout.OrderStatus.addContentBox(
'<h2>Detalles de envío</h2>',
'<p>Su pedido llegará el {{ order.attributes.Shipping-Date | fecha: "%d/%m/%Y" }}</p>'
)
{% endif %}
</script>
Limitaciones
Debido a las limitaciones de Shopify, es posible que la información que sus clientes seleccionaron en el widget no se muestre de inmediato; es posible que el pedido aún no se haya creado cuando se genera la página de estado del pedido. Para asegurarse de que se muestre la información, sus clientes deberán actualizar la página.
Widget de estado de pedido
Los comerciantes en el plan Shopify Plus tienen la capacidad de habilitar el widget de estado de pedido.
Requerimientos
Necesitas tener el plan Shopify Plus.
En la pestaña Tienda en línea > Temas, haz clic en Personalizar junto al tema que deseas editar.
Haz clic en Página de inicio y luego en Pantalla de pago.
Haz clic en Finalizar compra y luego en Gracias.
Haz clic en Agregar bloque de aplicación.
Haz clic en Widget de estado de pedido por Zapiet - Recogida + Entrega para habilitar nuestro widget.
Verás nuestro widget en la página de estado del pedido.
Haz clic en Guardar.
El widget de extensión de estado de pedido ahora está habilitado en tu tienda.
