Generador de Etiquetas de Precio

¿Qué es una etiqueta de precio?

Una etiqueta de precio es una pequeña etiqueta adjunta o mostrada junto a un producto que indica su precio de venta y, opcionalmente, detalles relacionados como el nombre del producto, unidad de medida, precio original antes de un descuento o un SKU. Las etiquetas de precio ayudan a los compradores a tomar decisiones de compra de un vistazo e indican promociones como rebajas u ofertas especiales mediante señales visuales como colores brillantes, precios grandes y precios originales tachados.

En el comercio minorista, las etiquetas de precio aparecen en muchas formas: etiquetas colgantes en la ropa, pegatinas adhesivas en productos empaquetados, etiquetas impresas en estanterías en supermercados, y pizarras o tarjetas impresas en mercados y ferias de artesanía. Su diseño, tipografía y color generalmente comunican algo sobre la marca y el tipo de oferta — una etiqueta minimalista se adapta a una boutique, mientras que un distintivo amarillo en negrita "−40%" sugiere una liquidación.

Descripción de la herramienta

El Generador de Etiquetas de Precio te permite diseñar etiquetas de precio imprimibles en tu navegador y exportarlas como imágenes PNG o JPEG. Elige un estilo visual, completa los detalles del producto y el precio, opcionalmente activa una venta para mostrar un precio original tachado con un distintivo de descuento calculado automáticamente, elige una moneda y ajusta los colores de acento y texto para que coincidan con tu tienda o producto.

La herramienta es completamente del lado del cliente: nada se carga en un servidor, por lo que es seguro usarla para nombres de productos, SKU internos o cualquier información de precios sensible.

Ejemplos

Entrada:

• Estilo: Venta
• Nombre del producto: Granos de Café Premium
• Descripción: Origen único · 500 g
• Precio: 12,99
• Precio original: 19,99 (venta habilitada)
• Moneda: USD
• Unidad: por paquete

Salida: Una etiqueta de venta amarilla en negrita que muestra $12,99, el precio original $19,99 tachado, y un distintivo de descuento −35% derivado automáticamente de los dos precios.

Características

• Cinco estilos de etiqueta: Clásico, Venta, Distintivo de Descuento, Minimalista y diseños de Supermercado para adaptarse a diferentes contextos minoristas.
• Cálculo automático de descuento: cuando el interruptor "En venta" está habilitado, el porcentaje de descuento se calcula a partir del precio y el precio original y se muestra en la etiqueta.
• Precios conscientes de moneda: elige cualquier moneda ISO 4217; el símbolo correcto aparece como prefijo en los campos de entrada de precio y en la etiqueta renderizada.
• Colores de acento y texto personalizados: selectores de color independientes para el color de acento de la etiqueta y el color de texto principal, con texto secundario sombreado automáticamente.
• Exportar como PNG o JPEG con relación de píxeles 2× para impresión nítida o compartir en la web.

Casos de uso

• Propietarios de pequeñas tiendas preparando etiquetas impresas para estanterías, puestos de mercado o tiendas emergentes sin abrir un editor gráfico.
• Vendedores de ventas de garaje, mercadillos y ferias de artesanía que necesitan etiquetas de precio claras y atractivas para eventos puntuales.
• Vendedores de comercio electrónico generando imágenes de etiquetas de precio consistentes para superponer en fotos de productos para promociones de ventas y publicaciones en redes sociales.

Guía de estilos

Opciones explicadas

• Estilo — Elige el diseño general de la etiqueta.
• Nombre del Producto — Etiqueta principal mostrada más prominentemente en la etiqueta.
• Descripción — Línea secundaria bajo el nombre del producto (tamaño, variante, peso, etc.).
• Unidad — Nota corta como "por paquete", "por 100 g" o "cada uno".
• SKU — Código de producto interno mostrado en texto pequeño; deja vacío para omitir.
• Moneda — Código de moneda ISO 4217 que controla el símbolo mostrado en la etiqueta.
• Precio — El precio de venta actual.
• En venta — Cuando está habilitado, muestra el precio original (tachado) y un distintivo de descuento.
• Precio Original — El precio antes de la venta; el porcentaje de descuento se calcula como round((original − precio) / original × 100).
• Color de Acento — El color dominante utilizado para bordes, fondos o destacados, según el estilo.
• Color de Texto — El color de texto principal; el texto secundario se renderiza como una variante translúcida de este color.
• Formato de Salida — PNG (sin pérdida, soporta transparencia) o JPEG (tamaño de archivo más pequeño).

Consejos

• Para etiquetas de estantería de supermercado, mantén el nombre del producto corto para que quepa en una sola línea.
• Elige un color de texto oscuro cuando el color de acento es claro (p. ej. amarillo), y un color de texto claro cuando el acento es oscuro, para mantener el precio legible.
• El interruptor "En venta" oculta el precio original de la etiqueta renderizada cuando está deshabilitado, por lo que puedes mantener el valor en el campo mientras muestras temporalmente una etiqueta sin venta.
• Imprime al tamaño de píxel natural de la etiqueta o escala por 2× — la exportación utiliza una relación de píxeles 2× para impresión nítida.

Preguntas frecuentes

¿Es la imagen generada libre de usar comercialmente? Sí. Creaste el diseño y la herramienta se ejecuta completamente en tu navegador; la imagen de salida es tuya.

¿Dónde puedo imprimir estas etiquetas? Cualquier impresora de hogar u oficina funciona para salida PNG/JPEG. Para mejores resultados, usa papel adhesivo o cartulina e imprime al 100% de escala.

¿Por qué el distintivo de descuento a veces no aparece? El distintivo se muestra solo cuando "En venta" está habilitado y el precio original es mayor que el precio actual.

¿Puedo cambiar el tamaño de la etiqueta? El tamaño de la etiqueta es fijo por estilo para mantener las proporciones correctas. Redimensiona la imagen exportada en tu editor de imágenes o diálogo de impresora si necesitas una etiqueta física más pequeña o más grande.