Editor de código de recibos impresos
Puedes personalizar los recibos impresos con el editor de código en el panel de control de Shopify. Con dicho editor, puedes crear personalizaciones más avanzadas mediante HTML, CSS y Liquid que con el editor visual.
Puedes cambiar la plantilla de recibos y las plantillas de secciones utilizadas en los recibos impresos. Los archivos de plantilla de recibos son los tipos de recibos que puedes imprimir en la tienda. Las secciones son partes de los recibos, como el encabezado o el pie de página. Las secciones se pueden volver a utilizar con varios recibos.
En esta página
- Consideraciones para usar el editor de código de recibos
- Consideraciones de incompatibilidad para los tipos de recibos
- Acceder al editor de código
- Usar archivos personalizados en la plantilla de recibos
- Restablecer la plantilla de recibos al valor predeterminado
- Variables de Liquid disponibles en el editor de código de recibos
- Filtros de Liquid disponibles en el editor de código de recibos
- Ejemplo de una personalización de código de plantilla de recibos impresos
Consideraciones para usar el editor de código de recibos
Antes de usar el editor de código de recibos, revisa las siguientes consideraciones:
- El editor de código solo se puede utilizar desde el panel de control de Shopify en una computadora de escritorio.
- Los cambios de código que realices se aplican a todas las sucursales de POS Pro. Sin embargo, puedes agregar condiciones a fin de mostrar las personalizaciones para sucursales específicas. Obtén más información sobre cómo usar las etiquetas de flujo de control con Liquid.
- Cuando cambias al editor de código, no puedes realizar personalizaciones a la plantilla de recibos desde la aplicación Shopify POS. Puedes seguir ajustando las opciones de impresión en la aplicación Shopify POS desde las sucursales con el plan de suscripción a POS Pro.
- Las personalizaciones realizadas en el editor de código solo se aplican a las sucursales de POS Pro. Si utilizas el editor de código y tienes sucursales de POS Lite, puedes utilizar el editor visual para personalizar el encabezado y el pie de página para dichas sucursales.
- Los archivos que componen los recibos contienen Liquid, el lenguaje de plantilla de Shopify. Obtén más información sobre el uso de Liquid.
- Para editar las plantillas en el editor de código de recibos, debes tener conocimientos de HTML, CSS y Liquid. La atención al cliente de temas de Shopify puede ayudarte con ajustes menores dentro del alcance de la política de diseño de Shopify.
- Algunos tipos de recibos impresos no se pueden personalizar.
- El editor de código no está disponible para las sucursales que se encuentran en Italia.
Consideraciones de incompatibilidad para los tipos de recibos
Algunos tipos de recibos impresos no se pueden personalizar en el editor de código de recibos. Los tipos de recibos que no tienen una plantilla en el editor de código son incompatibles para la personalización.
Puedes personalizar los siguientes tipos de recibos impresos:
- Recibos de ventas
- Recibos de tarjetas de regalo
- Recibos de regalo
No puedes personalizar los siguientes recibos:
- Recibos de devolución
- Recibos de cambio
Además, todos los tipos de recibos de las sucursales que se encuentran en Italia no son elegibles para la personalización.
Acceder al editor de código
Puedes editar las plantillas con el editor de código.
Pasos:
Desde el panel de control de Shopify, ve a Configuración > Aplicaciones y canales de ventas
Desde la página Aplicaciones y canales de ventas, haz clic en Point of sale.
Haz clic en Abrir canal de ventas.
Haz clic en Configuración > Personalización de recibos.
Haz clic en Personalizar recibos.
Haz clic en
...
> Editar código.En el cuadro de diálogo Editar código, haz clic en Editar código.
Usar archivos personalizados en la plantilla de recibos
Puedes usar los archivos que subas para personalizar los recibos. Si tienes imágenes personalizadas que desees imprimir en los recibos, puedes subirlas al panel de control de Shopify y luego usarlas en los recibos personalizados. Obtén más información sobre las cargas de archivos.
Pasos:
Desde el panel de control de Shopify, ve a Configuración > Aplicaciones y canales de ventas
Desde la página Aplicaciones y canales de ventas, haz clic en Point of sale.
Haz clic en Abrir canal de ventas.
Haz clic en Configuración > Personalización de recibos.
Haz clic en Personalizar recibos.
Haz clic en Página de contenido.
Copia el enlace junto al archivo que desees usar en la plantilla de recibos.
Incluye el enlace en la plantilla.
Restablecer la plantilla de recibos al valor predeterminado
Puedes restablecer una plantilla de recibos a la versión predeterminada con el editor de código.
Pasos:
Desde el panel de control de Shopify, ve a Configuración > Aplicaciones y canales de ventas
Desde la página Aplicaciones y canales de ventas, haz clic en Point of sale.
Haz clic en Abrir canal de ventas.
Haz clic en Configuración > Personalización de recibos.
Haz clic en la plantilla que desees restablecer.
Haz clic en el ícono de restablecer.
En el modal Restablecer el archivo al valor predeterminado, haz clic en Restablecer para confirmar.
Variables de Liquid disponibles en el editor de código de recibos
Puedes usar Liquid para personalizar la plantilla de recibos impresos y los tipos de recibos.
Los siguientes objetos de datos están disponibles para el editor de código de recibos:
Objeto | Descripción |
---|---|
shop | Contiene la información de la tienda, como el nombre de la tienda. |
location | Contiene la información del establecimiento minorista, como la dirección y el número de teléfono. |
order | Contiene los datos del pedido, incluidos las líneas de artículo, los descuentos, los impuestos y la información de la transacción. |
gift_card |
Solo está disponible en la plantilla gift_card.liquid . Contiene los datos de la tarjeta de regalo, incluidos el saldo, el código alfanumérico y el contenido de un código QR que se puede escanear mediante la aplicación POS.
|
Filtros de Liquid disponibles en el editor de código de recibos
Puedes usar los filtros de Liquid para realizar ajustes en la información de las plantillas de recibos. Por ejemplo, puedes cambiar el formato de la moneda o el uso de minúsculas a mayúsculas de un texto específico, como un código impositivo.
Para aplicar un filtro, agrega una barra vertical |
y luego el filtro dentro del bloque de código de Liquid entre corchetes dobles {{ }}
. Los filtros solo se pueden aplicar a bloques de código de Liquid.
En el siguiente ejemplo, el filtro ajusta el código impositivo de minúscula a mayúscula.
En el bloque de código de ejemplo, product
es el objeto, title
es su propiedad y upcase
es el filtro aplicado. El filtro upcase
cambia el uso de minúsculas del valor tax_line.title
a mayúsculas. Por ejemplo, si tax_line.title
tiene un valor de Hst
, el filtro upcase
cambia dicho valor a HST
.
Consulta la sección Filtros de la referencia de Liquid de temas de Shopify para ver detalles sobre cómo usar filtros de Liquid.
Los siguientes filtros están disponibles en el editor de código de recibos:
Propiedad | Descripción | |
---|---|---|
t | Traduce las etiquetas predefinidas al idioma asignado a la sucursal. | |
money | Da formato al precio en la moneda de la sucursal. | |
escape |
Escapa los caracteres especiales en HTML, como <> , ' y & , y los convierte en secuencias de escape.
| |
barcode | Genera un SVG de código de barras 1D. | |
qrcode | Genera un SVG de código de barras 2D. |
Ejemplo de una personalización de código de plantilla de recibos impresos
Puedes usar Liquid para agregar mensajería condicional. Esta funcionalidad es similar a guardar en una sola sucursal con el editor visual. Por ejemplo, el negocio comenzó con una sola sucursal y ahora tienes varias sucursales nuevas. Deseas resaltar la tienda original en los recibos impresos.
Puedes agregar un mensaje personalizado a la plantilla header.liquid
en la carpeta Secciones del editor de código y usar Liquid para mostrar el mensaje solo para la sucursal insignia.
El siguiente código verifica el nombre de la sucursal, en este caso tu sucursal original llamada "Base", y muestra el mensaje "Te damos la bienvenida a nuestra tienda original, abierta en 1972.", si la sucursal coincide con el nombre. En cambio, los recibos impresos de las otras sucursales muestran el mensaje "Te damos la bienvenida a nuestra tienda.".