Editor de Etiquetas de Código de Barras

Editor de etiquetas de código de barras gratuito online, sem necessidade de instalação. Desenhe arrastando e soltando texto, códigos de barras (1D/2D), imagens e formas. Importação em lote via CSV, números de série com incremento automático, campos de entrada no local, depois imprima diretamente ou exporte para PDF/imagens. Um gerador de etiquetas de código de barras fácil para todos.

Escolher um Modelo

Etiqueta de Produto

Nome, preço e um código de barras do produto — uma etiqueta básica de prateleira de varejo

60 × 40 mm

Etiqueta de Envio

Endereço de destinatário/remetente mais um código de barras de rastreamento, dimensionada para etiquetas de envio comuns de 4×6"

101 × 152 mm

Etiqueta de Patrimônio

Uma pequena etiqueta de TI/patrimônio fixo com um código de barras de identificação do ativo

50 × 25 mm

Crachá de Identificação

Nome e cargo com uma moldura — ideal para crachás de eventos ou placas de mesa

90 × 54 mm

Etiqueta de Localização de Armazém

Um código de localização grande mais um código de barras, fácil de escanear para consulta rápida na prateleira

100 × 50 mm

Etiqueta de Alimento

Nome do produto, ingredientes, data de validade (preenchida automaticamente com a data de impressão) e um código de barras

70 × 50 mm

Etiqueta de Contato QR

Um código QR com nome/cargo/informações de contato — ideal para um adesivo de cartão de visita

60 × 30 mm

Etiqueta de Endereço de Remetente

Nome e endereço do remetente, dimensionada para etiquetas de endereço de remetente em envelopes

70 × 35 mm

Etiqueta de Farmácia

Nome do medicamento, instruções de dosagem, dados do paciente e um código de barras da receita

80 × 50 mm

Etiqueta de Número de Série

Um código de barras vinculado ao modo "série" — o número de série incrementa automaticamente ao longo de uma impressão em lote

40 × 20 mm

Tutorial

Primeiros Passos: Criar a Primeira Etiqueta

  1. Clique no botão "Nova Etiqueta", no canto superior esquerdo da barra de ferramentas, para abrir a caixa de diálogo de configuração da etiqueta.
  2. Escolha a unidade de exibição (mm ou polegada), a largura, a altura e a resolução da impressora (203/300/600 DPI, correspondente à impressora utilizada).
  3. Clique em "Criar" para iniciar a edição — o espaço de trabalho mostrará o tamanho recém-configurado.

Adicionar e Editar Elementos

  1. O grupo "Elementos" da barra de ferramentas lista os tipos de elemento disponíveis: texto, código de barras, linha, retângulo, elipse e imagem. Arraste um ícone até o espaço de trabalho para adicioná-lo.
  2. Ao selecionar um elemento no espaço de trabalho, o Painel de Propriedades, à direita, mostra o que pode ser ajustado: posição, tamanho, rotação, conteúdo de texto e fonte, tipo de código de barras e parâmetros (por exemplo, a proporção entre barras largas e estreitas), estilo de traço, entre outros — de acordo com o tipo de elemento.
  3. Para alinhar vários elementos com precisão, selecione todos e utilize os controles de alinhamento do Painel de Propriedades (alinhar à esquerda/ao centro/à direita, ao topo/ao meio/à base).

Camadas, Desfazer e Área de Transferência

  1. O grupo "Camadas" da barra de ferramentas reordena a posição de empilhamento do elemento selecionado: trazer para frente, avançar uma posição, recuar uma posição, enviar para trás.
  2. Utilize Desfazer (Ctrl+Z) / Refazer (Ctrl+Y) para reverter ou reaplicar alterações.
  3. O grupo "Área de Transferência" oferece Copiar (Ctrl+C), Colar (Ctrl+V), Duplicar (Ctrl+D) e Excluir para o(s) elemento(s) selecionado(s).

Importar Fonte de Dados: Aplicar os Mesmos Dados a Várias Etiquetas

  1. Clique em "Importar Fonte de Dados" na barra de ferramentas e cole ou envie dados em CSV (a primeira linha deve conter os cabeçalhos das colunas).
  2. No Painel de Propriedades, defina o modo de conteúdo de um elemento de texto ou código de barras como "Campo" e escolha a coluna à qual ele será vinculado — o elemento exibirá um espaço reservado {{fieldName}} indicando a vinculação atual.
  3. Após a importação, clique em "Imprimir" para abrir a janela de pré-visualização em lote, onde é possível percorrer todas as linhas renderizadas na etiqueta e ajustar quais linhas/cópias serão impressas.

Modo de Campo de Entrada: Digitar no Momento da Impressão

  1. Se um valor precisar ser digitado manualmente pouco antes da impressão de cada etiqueta (por exemplo, um número de série ou código de lote), defina o modo de conteúdo desse elemento como "Campo de Entrada" no Painel de Propriedades — será exibido um espaço reservado {{INPUTn}}.
  2. Ao abrir a pré-visualização em lote, será solicitada a digitação do valor de cada campo de entrada, em ordem; alguns campos podem ter uma máscara de entrada (por exemplo, somente caracteres alfanuméricos, comprimento fixo). Após informar um valor, é possível prosseguir para imprimir a etiqueta seguinte.

Pré-visualização, Impressão e Exportação

  1. O botão "Imprimir" abre a janela de pré-visualização em lote, onde é possível percorrer cada etiqueta, definir o número de cópias e enviar o trabalho diretamente para a caixa de diálogo de impressão do navegador.
  2. Para salvar as etiquetas como arquivos, utilize as opções de exportação para gerar arquivos PDF ou imagens PNG.
  3. "Salvar" / "Abrir Arquivo", no canto superior esquerdo da barra de ferramentas, permitem salvar a etiqueta em edição como um arquivo de projeto e reabri-la posteriormente para continuar a edição.

Avançado: Modo de Impressão Direta (Ignorar a Caixa de Diálogo de Impressão)

  1. Uma impressão normal exibe a caixa de diálogo de impressão do navegador/sistema — o operador precisa clicar em "Imprimir" para que o trabalho seja realmente enviado. Se a impressora já estiver definida como padrão no Windows e não precisar ser selecionada a cada vez, é possível configurar o "Modo de Impressão Direta" para que, ao clicar em "Imprimir" na pré-visualização em lote, o trabalho seja enviado diretamente para a impressora padrão, sem exibir a caixa de diálogo. Tanto o Chrome quanto o Edge (ambos baseados em Chromium) suportam esse recurso.
  2. Configuração: clique com o botão direito num espaço vazio da área de trabalho → Novo → Atalho. No campo de localização, cole (incluindo as aspas).
    Para o Chrome: "C:\Program Files\Google\Chrome\Application\chrome.exe" --kiosk-printing https://rayenapp.com?directPrint=1
    Para o Edge: "C:\Program Files (x86)\Microsoft\Edge\Application\msedge.exe" --kiosk-printing https://rayenapp.com?directPrint=1
    Em seguida, dê um nome e salve.
  3. Antes de utilizar, feche completamente o navegador pelo Gerenciador de Tarefas (Ctrl+Shift+Esc) — apenas fechar as janelas não é suficiente, pois esse parâmetro só entra em vigor numa nova inicialização. Encerre todos os processos chrome.exe (ou msedge.exe, no caso do Edge) e, em seguida, dê um clique duplo no atalho para abrir o site; abrir o navegador da maneira normal não terá esse efeito.
  4. Se a página exibir um selo "Modo de Impressão Direta Ativo", isso significa que essa aba foi aberta por meio desse atalho — mas isso é apenas um indício, não uma garantia. Se a impressão realmente ignora a caixa de diálogo ainda depende da versão do navegador e das configurações do sistema; portanto, teste uma impressão real após a configuração.

Alternar o Idioma de Exibição

  1. O menu suspenso de idioma, no canto superior direito da página, permite alternar o idioma em que este tutorial (e o aplicativo) são exibidos. A escolha é memorizada e aplicada automaticamente na próxima vez que o site for acessado.