Diseñador moderno de recibos en la sede de Comercio

El diseñador moderno de recibos ofrece una experiencia de diseño basada en React para formatos de recibos de Comercio directamente desde la sede central de Comercio. Sustituye la experiencia de lanzamiento del diseñador ClickOnce por un diseñador basado en navegador que puedes abrir desde la página de formatos de recibo . El diseñador incluye un lienzo visual, selección de plantillas, plantillas reutilizables, etiquetas de campos localizadas y datos de previsualización, campos personalizados de recibo, validación y soporte para vista previa.

El diseñador moderno guarda los datos estructurados de distribución de recibos para la nueva ruta de formato de recibo. Store Commerce puede usar el formato de recibo estructurado cuando activas la función de diseñador moderno de recibos y la Unidad de Escala de Comercio soporta recibos estructurados.

Prerequisites

  • Actualizar la sede de Comercio y la Unidad de Escala de Comercio a versiones que incluyan el diseñador moderno de recibos y el punto final de recibos estructurados.
  • Actualizar Store Commerce a una versión que soporte la vista previa y impresión estructurada de recibos.
  • Activa la función de diseñador moderno de recibos en la gestión de funciones antes de usar la ruta estructurada de recibos en Store Commerce.
  • Configura perfiles de recibo existentes, impresoras y perfiles de hardware para las cajas registradoras donde se imprimen los recibos.

Importante

  • Activa la función de diseñador de recibos modernos solo después de actualizar la Unidad de Escala de Comercio o el Servidor de Retail a una versión que soporte recibos estructurados. Cuando activas la función, Store Commerce utiliza el punto final de recibos estructurados para los flujos de recibo soportados. Si el endpoint no está disponible, la vista previa o impresión de recibo puede fallar.

  • Activar la función de diseñador moderno de recibos no migra automáticamente los formatos de recibo existentes. Después de activar la función, abre cada formato de recibo existente en el diseñador moderno y selecciona Guardar para que se creen los datos de diseño estructurado moderno. Si no guardas un formato de recibo existente en el diseñador moderno, no está disponible a través del camino de recibo estructurado moderno.

Abre el diseñador moderno de recibos

Para abrir el diseñador moderno de recibos, sigue estos pasos:

  1. En la sede de Comercio, ve a Retail y>Comercio Configuración> decanales de pos, configuración de POS >y formatos de recibode pos>.
  2. Crea un formato de recibo, o selecciona un formato de recibo existente.
  3. Seleccione Diseñador.
  4. Si el formato del recibo no tiene ya un diseño moderno, selecciona una plantilla de la galería de plantillas o empieza desde una plantilla en blanco.
  5. Selecciona el formato de Editar para abrir el lienzo completo del diseñador.

Nota:

La galería de plantillas aparece solo cuando un formato de recibo no tiene ya un diseño moderno, como cuando creas un nuevo formato de recibo o abres un formato existente antes de que se haya guardado en el diseñador moderno. Después de que existe un diseño moderno para el formato de recibo, la galería no se muestra de nuevo para ese formato.

Captura de pantalla de la galería de plantillas de diseñador moderno de recibos incrustada en la página de Formatos de recibos.

Diseñar un formato de recibo

El lienzo moderno de diseñador muestra la disposición del recibo con secciones y campos separados. La paleta de campos lista campos estándar de recibo y campos personalizados. Usa la paleta y el editor de propiedades para añadir campos, campos de posición y editar propiedades.

Para diseñar un formato de recibo, siga estos pasos:

  1. Abre el diseñador moderno de recibos desde el formato de recibo.
  2. Usa la paleta de campos para encontrar el campo que añadir. Los campos estándar y personalizados se agrupan por separado.
  3. Arrastra el campo hasta el lienzo del recibo.
  4. Selecciona un campo en el lienzo para editar sus propiedades.
  5. Actualiza propiedades aplicables, como posición, longitud, alineación, grosor de fuente, prefijo o texto.
  6. Resuelve cualquier error de validación que aparezca en el diseñador.
  7. Haga clic en Guardar.

Captura de pantalla del lienzo moderno del diseñador de recibos con campos y la paleta de campos.

Campos personalizados y etiquetas localizadas

En la versión 10.0.49 de Commerce, el diseñador moderno de recibos soporta campos personalizados definidos por el usuario. Los campos personalizados aparecen en la paleta de campos con sus leyendas configuradas. Si hay un pie de foto traducido disponible para la entidad legal y el idioma actuales, el diseñador muestra el pie de foto localizado. Si no hay traducción disponible, el diseñador recurre al nombre del campo.

Las etiquetas estándar de campos y los datos de previsualización de muestras también se localizan en la versión 10.0.49. Este comportamiento ayuda a los implementadores a diseñar diseños de recibos en el mismo contexto de lenguaje que ven los usuarios de almacenamiento.

Validar las líneas de recibo

El diseñador moderno valida los problemas a nivel de línea mientras tú editas el formato del recibo. La validación ayuda a prevenir problemas de colocación de campos y tipos de línea antes de que el formato se utilice en Store Commerce.

La validación puede detectar problemas como:

  • Campos que entran en conflicto con el tipo de línea.
  • Campos que se solapan en la misma línea.
  • Tipos de línea que deben inferirse o corregirse después de mover los campos.

Si aparecen errores de validación, selecciona el campo o línea afectada, corrige la colocación o selección del campo y guarda el formato de nuevo.

Guardar el formato de recibo como plantilla

Las plantillas te permiten reutilizar el diseño de un recibo en diferentes formatos. Puedes guardar un diseño terminado como plantilla y seleccionarlo más adelante cuando otro formato de recibo necesite el mismo patrón de maquetación.

Para guardar un formato de recibo como plantilla, sigue estos pasos:

  1. Abre el formato de recibo en el diseñador moderno de recibos.
  2. Haz los cambios de diseño necesarios.
  3. Selecciona Guardar como plantilla.
  4. Escriba un nombre y una descripción para la plantilla.
  5. Selecciona Guardar como plantilla.

Para usar una plantilla guardada:

  1. Crea un nuevo formato de recibo o abre un formato que no tenga ya un diseño moderno.
  2. Selecciona la plantilla desde la galería.
  3. Abre al diseñador para hacer cualquier cambio específico de recibo.

No puedes aplicar plantillas guardadas de la galería después de que un formato de recibo ya tenga un diseño moderno.

Vista previa del formato del recibo

Después de guardar un diseño moderno de recibo, la página de formatos de recibo muestra una vista previa incorporada. La vista previa te ayuda a confirmar el diseño antes de probar el formato en Store Commerce.

Para previsualizar el formato de un recibo, sigue estos pasos:

  1. En la sede de Comercio, abre el formato de recibo.
  2. Revisa la vista previa incrustada en la página de formatos de recibo .
  3. Si necesitas hacer algún cambio, selecciona Editar formato.
  4. Guarda los cambios y vuelve a la página de formato del recibo. La vista previa se actualiza tras la partida.

Captura de pantalla de la vista previa moderna de recibos incrustada en la página de Formatos de recibos.

Utilizar formatos modernos de recibos en el comercio en tiendas

Cuando activas la función de diseñador moderno de recibos, Store Commerce utiliza la ruta estructurada de recibo para escenarios de recibo soportados. Los recibos estructurados incluyen un documento de recibo independiente del dispositivo que las estaciones de hardware Store Commerce and Retail utilizan para la vista previa e impresión.

Los flujos de recibos soportados incluyen:

  • Impresión de recibos postventa y recibos de regalo o correo electrónico.
  • Mostrar vista previa de recibos del journal, imprimir, imprimir todo, correo electrónico rápido, recibos de regalo y vista previa basada en documentos.
  • Vista previa e impresión de recibos de transacciones del cliente.
  • Recibos de gestión de efectivo, como entrega bancaria, entrega de caja fuerte, retirada de licitación, importe inicial, declaración de licitación, cajón abierto, anulación de transacción, suspensión de transacción y recibos de consulta de tarjeta regalo.

Si no abres y guardas un formato de recibo existente en el diseñador moderno después de activar la función, los datos de distribución estructurada de recibos modernos no existen para ese formato. Abre y guarda los formatos de recibo existentes en el diseñador moderno antes de usarlos con el camino de recibo estructurado moderno.

Nota:

Los cambios guardados en el diseñador moderno de recibos no se guardan de nuevo al formato de diseñador heredado. Si la función de diseñador de recibos modernos se desactiva posteriormente, los cambios realizados solo en el diseñador moderno no aparecerán en el diseñador heredado. Los cambios modernos vuelven a estar disponibles si vuelves a activar la función.

La ruta estructurada de recibos alinea el comportamiento de previsualización, impresión, impresión de todo, correo electrónico y recibo de regalo con la ruta heredada. Store Commerce utiliza configuraciones de comportamiento de impresión de recibos, como Imprimir siempre, Solicitar al usuario y No imprimir, al decidir qué recibos imprimir.

Si configuras el recibo con Prompt user, Store Commerce solicita en el pago e imprime el recibo estructurado seleccionado a través de la impresora configurada. Si un recibo no puede imprimirse porque la configuración del recibo o de la impresora no permite imprimirlo, Store Commerce muestra el mismo tipo de mensaje de disponibilidad que usa la ruta de recibo heredado.

Cierra al diseñador con cambios sin guardar

Si cambias el diseño de un recibo e intentas salir de la página antes de guardar, el diseñador informa del estado sucio al anfitrión de la sede de Comercio. La sede de comercio puede entonces avisar antes de cerrar o de marcharse, ayudando a evitar cambios accidentales en la distribución del recibo.

Aprende más