Editor de Etiquetas de Código de Barras

Editor de etiquetas de código de barras gratuito en línea, sin instalación. Diseña arrastrando y soltando texto, códigos de barras (1D/2D), imágenes y formas. Importación por lotes desde CSV, números de serie autoincrementales, campos de entrada en el sitio; luego imprime directamente o exporta a PDF/imágenes. Un generador de etiquetas de código de barras fácil de usar para todos.

Elegir una plantilla

Etiqueta de producto

Nombre, precio y un código de barras del producto: una etiqueta básica de estantería minorista

60 × 40 mm

Etiqueta de envío

Dirección de destino/remitente más un código de barras de seguimiento, dimensionada para las etiquetas de envío comunes de 4×6"

101 × 152 mm

Etiqueta de activo

Una pequeña etiqueta de TI/activo fijo con un código de barras de identificación

50 × 25 mm

Gafete de identificación

Nombre y cargo con un marco de borde; ideal para gafetes de eventos o placas de escritorio

90 × 54 mm

Etiqueta de ubicación de almacén

Un código de ubicación grande más un código de barras, fácil de escanear para una localización rápida en el estante

100 × 50 mm

Etiqueta de alimentos

Nombre del producto, ingredientes, fecha de caducidad (rellenada automáticamente con la fecha de impresión) y un código de barras

70 × 50 mm

Etiqueta de contacto QR

Un código QR con nombre/cargo/datos de contacto; ideal para una pegatina tipo tarjeta de presentación

60 × 30 mm

Etiqueta de dirección de remitente

Nombre y dirección del remitente, dimensionada para etiquetas de dirección de remitente en sobres

70 × 35 mm

Etiqueta de farmacia

Nombre del medicamento, instrucciones de dosificación, datos del paciente y un código de barras de la receta

80 × 50 mm

Etiqueta de número de serie

Un código de barras vinculado al modo "serie": el número de serie se incrementa automáticamente en una impresión por lotes

40 × 20 mm

Tutorial

Primeros pasos: cree su primera etiqueta

  1. Haga clic en el botón "Nueva etiqueta" en la parte superior izquierda de la barra de herramientas para abrir el cuadro de diálogo de configuración de la etiqueta.
  2. Elija la unidad de visualización (mm o pulgadas), el ancho, el alto y la resolución de la impresora (203/300/600 DPI, según su impresora real).
  3. Haga clic en "Crear" para comenzar a editar: el lienzo mostrará el tamaño que acaba de configurar.

Agregar y editar elementos

  1. El grupo "Elementos" de la barra de herramientas enumera los tipos de elementos disponibles: texto, código de barras, línea, rectángulo, elipse e imagen. Arrastre un icono al lienzo para agregarlo.
  2. Seleccione un elemento en el lienzo y el Panel de propiedades a la derecha mostrará lo que se puede ajustar: posición, tamaño, rotación, contenido de texto y fuente, tipo de código de barras y parámetros (por ejemplo, la relación ancho/estrecho), estilo de línea discontinua, y más, según el tipo de elemento.
  3. Para alinear varios elementos con precisión, selecciónelos todos y utilice los controles de alineación del Panel de propiedades (alinear a la izquierda/centro/derecha, arriba/medio/abajo).

Capas, deshacer y portapapeles

  1. El grupo "Capas" de la barra de herramientas reordena la posición del elemento seleccionado en la pila: traer al frente, traer adelante, enviar atrás, enviar al fondo.
  2. Use Deshacer (Ctrl+Z) / Rehacer (Ctrl+Y) para revertir o volver a aplicar cambios.
  3. El grupo "Portapapeles" ofrece Copiar (Ctrl+C), Pegar (Ctrl+V), Duplicar (Ctrl+D) y Eliminar para el/los elemento(s) seleccionado(s).

Importar origen de datos: aplique los mismos datos a muchas etiquetas

  1. Haga clic en "Importar origen de datos" en la barra de herramientas y pegue o cargue datos CSV (la primera fila debe contener los encabezados de columna).
  2. En el Panel de propiedades, configure el modo de contenido de un elemento de texto o código de barras como "Campo" y elija a qué columna se vincula; el elemento mostrará un marcador de posición {{fieldName}} para indicar el vínculo actual.
  3. Después de importar, haga clic en "Imprimir" para abrir la ventana de vista previa por lotes, donde podrá recorrer todas las filas representadas en la etiqueta y ajustar qué filas/copias imprimir.

Modo de campo de entrada: escriba en el momento de imprimir

  1. Si un valor debe escribirse manualmente justo antes de imprimir cada etiqueta (por ejemplo, un número de serie o un código de lote), configure el modo de contenido de ese elemento como "Campo de entrada" en el Panel de propiedades; se mostrará un marcador de posición {{INPUTn}}.
  2. Al abrir la vista previa por lotes, se le pedirá que escriba el valor de cada campo de entrada en orden; algunos campos pueden tener una máscara de entrada (por ejemplo, solo alfanumérica, longitud fija). Después de ingresar un valor, podrá continuar para imprimir la siguiente etiqueta.

Vista previa, impresión y exportación

  1. El botón "Imprimir" abre la ventana de vista previa por lotes, donde puede recorrer cada etiqueta, establecer el número de copias y enviar el trabajo directamente al cuadro de diálogo de impresión de su navegador.
  2. Para guardar las etiquetas como archivos en lugar de imprimirlas, use las opciones de exportación para generar imágenes PDF o PNG.
  3. "Guardar" / "Abrir archivo" en la parte superior izquierda de la barra de herramientas le permiten guardar la etiqueta en la que está trabajando como un archivo de proyecto y volver a abrirlo más tarde para seguir editando.

Avanzado: modo de impresión directa (omitir el cuadro de diálogo de impresión)

  1. Una impresión normal muestra el cuadro de diálogo de impresión del navegador/sistema; el operador debe hacer clic en "Imprimir" para que realmente se envíe. Si la impresora ya está configurada como la predeterminada de Windows y no es necesario seleccionarla cada vez, puede configurar el "Modo de impresión directa" para que, al hacer clic en "Imprimir" en la vista previa por lotes, el trabajo se envíe directamente a la impresora predeterminada sin ningún cuadro de diálogo. Tanto Chrome como Edge (ambos basados en Chromium) son compatibles con esto.
  2. Configuración: haga clic con el botón derecho en un espacio vacío del escritorio → Nuevo → Acceso directo. En el campo de ubicación, pegue (incluidas las comillas).
    Para Chrome: "C:\Program Files\Google\Chrome\Application\chrome.exe" --kiosk-printing https://rayenapp.com?directPrint=1
    Para Edge: "C:\Program Files (x86)\Microsoft\Edge\Application\msedge.exe" --kiosk-printing https://rayenapp.com?directPrint=1
    Luego asígnele un nombre y guárdelo.
  3. Antes de usarlo, cierre por completo el navegador desde el Administrador de tareas (Ctrl+Shift+Esc); cerrar solo las ventanas no es suficiente, ya que este indicador solo tiene efecto en un inicio completamente nuevo. Finalice cualquier proceso chrome.exe (o msedge.exe para Edge) y luego haga doble clic en el acceso directo para abrir el sitio; abrir el navegador de la forma habitual no tendrá este efecto.
  4. Si la página muestra una insignia de "Modo de impresión directa activo", significa que esta pestaña se abrió mediante ese acceso directo; pero eso es solo un indicio, no una garantía. Que la impresión realmente omita el cuadro de diálogo sigue dependiendo de la versión de su navegador y de la configuración del sistema, así que pruebe una impresión real una vez que lo haya configurado.

Cambiar el idioma de visualización

  1. El menú desplegable de idioma en la parte superior derecha de la página cambia el idioma en el que se muestra este tutorial (y la aplicación). Su elección se recuerda y se aplica automáticamente la próxima vez que abra el sitio.