← Todos los artículos

2026-09-19

Cómo crear etiquetas de código de barras en tu navegador: paso a paso

Cómo crear etiquetas de código de barras en tu navegador: paso a paso
pdf labels barcodes label merge browser based graphical layout editor google sheets addin microsoft excel addon electronic shelf labels esl barcode3 labels label editor

Cómo crear etiquetas de código de barras en tu navegador: paso a paso

Si necesitas una etiqueta de código de barras ahora mismo —y no quieres instalar software de diseño de etiquetas, configurar controladores ni lidiar con archivos de plantilla—, puedes diseñar e imprimir etiquetas profesionales completamente en un navegador moderno. Esta guía recorre el flujo de trabajo interactivo del Sistema de impresión de etiquetas de nueva generación de RSJ Software GmbH: crea un diseño de etiqueta, añade un código de barras, vincúlalo a datos, previsualízalo e imprímelo o expórtalo.

LPSNG es una plataforma de diseño e impresión de etiquetas basada en navegador. Su edición principal incluye una interfaz web, un estudio de etiquetas, una cola de trabajos y generación de PDF. Esto significa que el flujo de trabajo que se describe a continuación funciona tanto en la edición alojada en la nube como en instancias integradas o empresariales. Si bien LPSNG también ofrece una API de servicios web y el reproductor LPSNG Player de línea de comandos para la automatización, este artículo se centra en la ruta gestionada desde el navegador.

Requisitos previos

Antes de empezar, asegúrate de tener:

  • Un navegador web moderno: Chrome, Firefox, Edge o Safari.
  • Una cuenta de RSJ LPSNG. La edición en la nube es un entorno multiusuario alojado; si tu organización ejecuta una instancia integrada o empresarial, utiliza esa URL en su lugar.
  • Una impresora si deseas etiquetas físicas. Se admiten impresoras térmicas y estándar. Si aún no tienes una impresora, puedes diseñar la etiqueta y exportarla como PDF o PNG.
  • Una idea básica del tipo de código de barras que necesitas. LPSNG admite una amplia gama de formatos de códigos de barras 1D y 2D, incluidos Code 128, EAN-13, código QR y Data Matrix.

No se requiere ninguna instalación local para los pasos siguientes.

Paso a paso: diseño e impresión de una etiqueta de código de barras en el navegador

Paso 1: Inicia sesión en LPSNG y abre el estudio de etiquetas

Abre tu instancia del Sistema de impresión de etiquetas de nueva generación en el navegador e inicia sesión. En la edición en la nube, navega hasta la interfaz web y abre el estudio de etiquetas. El estudio de etiquetas forma parte de la funcionalidad principal incluida en todas las ediciones, por lo que el mismo diseñador interactivo está disponible tanto si utilizas la solución alojada en la nube como una instancia integrada en una red local.

Paso 2: Crea un nuevo diseño de etiqueta y establece las dimensiones

Crea un nuevo diseño de etiqueta. Establece las dimensiones de la página o etiqueta para que coincidan con tu material de etiquetas físico. Para una etiqueta de envío, un tamaño habitual es 4x6 pulgadas:

  • Unidad: pulgadas o milímetros, según tu material.
  • Ancho: 4 pulgadas
  • Alto: 6 pulgadas
  • Márgenes: 0, a menos que tu material requiera una zona de silencio.

Definir correctamente las dimensiones del diseño antes de añadir campos evita la mayoría de los problemas de alineación posteriores.

Paso 3: Añade un campo de código de barras

En el estudio de etiquetas, añade un elemento de código de barras al lienzo. Elige el tipo de código de barras entre los formatos disponibles. Selecciona el tipo que coincida con tu flujo de trabajo:

  • Code 128: habitual en envíos, almacenes e identificación de productos.
  • EAN-13: habitual en etiquetas de punto de venta minorista.
  • Código QR: útil para escaneo móvil y enlaces a contenido web.
  • Data Matrix: habitual en fabricación y electrónica.

La documentación de formatos de códigos de barras cubre la lista completa de formatos 1D y 2D admitidos. No adivines entre formatos similares como EAN-13 y UPC-A: el escáner esperará la simbología exacta codificada en la etiqueta.

Paso 4: Vincula el campo de código de barras a una fuente de datos

Un campo de código de barras puede utilizar un valor introducido manualmente o puede vincularse a una fuente de datos. Aquí es donde el flujo de trabajo del navegador resulta útil para el etiquetado por lotes.

LPSNG puede utilizar archivos de Excel como archivos de datos y archivos de consulta, y ofrece un complemento para Google Sheets. Si trabajas con una tabla, tus datos de origen podrían tener este aspecto:

sku,title,price
4412,USB-C Cable,12.99
4413,USB-C Hub,39.99
4414,HDMI Adapter,24.50

Asigna el campo de código de barras a la columna que contiene el valor a codificar —normalmente un SKU, EAN, GTIN o número de serie—. Luego asigna los campos de texto a las columnas legibles por humanos.

Paso 5: Añade campos de texto y dales estilo

Añade elementos de texto junto o debajo del código de barras para información como el nombre del producto, el precio o la ubicación. En el estudio de etiquetas, puedes formatear cada campo con fuentes y estilos. Mantén limpia el área del código de barras:

  • Coloca el texto fuera de la zona de silencio del código de barras.
  • Utiliza tamaños de fuente coherentes para trabajos por lotes.
  • Evita superponer áreas de texto y código de barras cuando cambie la longitud del valor de los datos.

Paso 6: Previsualiza la etiqueta en el navegador

Utiliza la previsualización para comprobar la etiqueta renderizada antes de imprimir. Observa:

  • Si el código de barras es nítido y no está distorsionado.
  • Si los datos correctos aparecen en el código de barras y en los campos de texto.
  • Si las etiquetas que utilizan valores largos siguen cabiendo dentro del diseño.

La previsualización en el navegador es el paso de verificación más rápido y detecta la mayoría de los errores de diseño antes de desperdiciar material de etiquetas.

Paso 7: Imprime directamente o exporta como PDF/PNG

Cuando la previsualización sea correcta, elige cómo deseas producir la etiqueta:

  • Imprimir directamente en una impresora conectada desde el navegador.
  • Exportar PDF o PNG para imprimir más tarde, compartir con un servicio de impresión o revisar fuera de LPSNG.
  • Enviar trabajos por lotes y supervisarlos en la cola de trabajos.

Para impresión de gran volumen o programática, la API de servicios web puede enviar trabajos de impresión y renderizar etiquetas individuales como PDF o PNG. Esa es una ruta de integración independiente de este flujo de trabajo interactivo basado en navegador.

Verificación: cómo confirmar que tu etiqueta de código de barras funciona

Después de la previsualización, verifica el resultado antes de comprometer un lote completo:

  1. Inspecciona visualmente la previsualización. Confirma que el código de barras sea nítido, que las zonas de silencio estén presentes y que el texto legible coincida con los datos codificados.
  2. Escanea el código de barras en pantalla con una aplicación de escáner del teléfono. Es una forma rápida de comprobar que el código de barras codifica el valor esperado.
  3. Imprime una etiqueta de prueba en papel normal. Antes de cargar el material de etiquetas, imprime una etiqueta en papel corriente y escanea el resultado impreso. Comprueba el contraste, el tamaño y las zonas de silencio.
  4. Revisa la cola de trabajos para los trabajos por lotes. LPSNG incluye una cola de trabajos. Confirma que los trabajos enviados se completen correctamente y que los trabajos fallidos, si los hay, muestren un motivo claro.

Solución de problemas habituales

El código de barras no se escanea

  • Aumenta el contraste: utiliza barras negras sobre fondo blanco.
  • Conserva las zonas de silencio: mantén despejada el área alrededor del código de barras.
  • Comprueba el tamaño del código de barras: los códigos de barras muy pequeños pueden ser difíciles de leer para los escáneres.
  • Confirma la simbología: Code 128, EAN-13, código QR y otros formatos no son intercambiables.

El diseño de la etiqueta está desalineado

  • Verifica las dimensiones del diseño con respecto al material de etiquetas físico.
  • Comprueba el tamaño del papel y la configuración de márgenes de la impresora.
  • Utiliza la función de calibración de la impresora si está disponible, especialmente en impresoras de etiquetas térmicas.

Los datos no se rellenan

  • Confirma que la conexión a la fuente de datos esté activa.
  • Comprueba que la asignación de campos apunte a la columna o valor correcto.
  • Previsualiza un único registro antes de imprimir todo el lote.

Problemas de impresión desde el navegador

  • Asegúrate de que la impresora esté instalada y seleccionada correctamente en el navegador.
  • Para una impresión directa y fiable desde sistemas externos, utiliza la interfaz de servicios web de LPSNG, que admite impresión directa y renderizado de etiquetas como PDF o PNG.

Preguntas frecuentes

¿Puedo crear etiquetas de código de barras sin programar?

Sí. RSJ LPSNG proporciona un diseñador visual de etiquetas en el navegador donde puedes añadir campos de código de barras, texto y otros elementos sin escribir código. Seleccionas el tipo de código de barras, introduces o vinculas datos, previsualizas e imprimes o exportas.

¿Qué formatos de código de barras admite LPSNG?

LPSNG admite una amplia gama de formatos de códigos de barras 1D y 2D, incluidos Code 128, EAN-13, código QR, Data Matrix y más. La lista completa está disponible en la documentación de formatos de códigos de barras.

¿Puedo usar LPSNG para imprimir en una impresora térmica desde el navegador?

Sí. LPSNG puede imprimir en impresoras térmicas. Para la impresión desde el navegador, la impresora debe estar configurada en el navegador. LPSNG también proporciona una solución alternativa de impresión en la nube para impresoras térmicas y una API de servicios web para la impresión directa desde sistemas integrados.

¿Existe una API para automatizar la generación de etiquetas de código de barras?

Sí. LPSNG proporciona una API de servicios web que puede enviar trabajos de impresión, renderizar etiquetas individuales como PDF o PNG e integrarse con sistemas externos. El LPSNG Player también está disponible como motor de impresión independiente de línea de comandos para entrada de paquetes y datos con salida PDF, PNG, JSON, impresión o ESL.

Conclusión

Puedes diseñar, previsualizar y producir etiquetas de código de barras profesionales sin instalar nada localmente. El Sistema de impresión de etiquetas de nueva generación cubre toda la ruta gestionada: crea un diseño, añade un código de barras y campos de texto, vincula datos de Excel o Google Sheets, previsualiza e imprime o exporta.

Para etiquetas sencillas y puntuales, el estudio visual de etiquetas es suficiente. Para trabajos por lotes y flujos de trabajo automatizados, LPSNG se conecta a la misma plataforma a través de una API de servicios web, scripts de campo en Python e integraciones como Google Sheets y Excel. Si deseas evaluar el flujo de trabajo, empieza con la edición en la nube. Si necesitas un despliegue local o restringido, la edición integrada ejecuta el sistema completo en un ordenador de placa única como una Raspberry Pi.

¿Listo para probarlo? Abre RSJ LPSNG en tu navegador, crea un pequeño diseño de etiqueta y escanea la previsualización con tu teléfono antes de imprimir.

Publicaciones relacionadas

EU label: AI-generated content