¿Qué es EAN-13?
Con la aparición de los Códigos de Barras las empresas y negocios empezaron a optar por este nuevo sistema, que trajo consigo grandes ventajas, ya que permite almacenar distinta información que puede ser leída a gran velocidad con un lector láser. Sin embargo, al surgir nuevas necesidades comenzaron a diversificarse los Códigos de Barras y hoy existen varios tipos.
Uno de ellos es el Código EAN o EAN13, que se refiere al Número de Artículo Internacional (o en ingles European Article Number). A diferencia del estándar de Códigos UPC que utiliza 12 dígitos, este sistema cuenta con 13 dígitos y actualmente se puede encontrar en cualquier producto. Algunas veces a este Código también se le llama GTIN o GTIN13 (Global Trade Identifier).
Problemática
La “Empresa” requiere de un etiquetado completo de sus productos con códigos de barra en con el Estándar EAN-13 de sus productos que se encuentran en almacén para hacer el uso de Lectores de Códigos de barra. La “Empresa” cuenta con un archivo en formato .xlsx con la información los productos:
- Clave
- Descripción del Producto
- Contenido
- RFC
- Código de Barras
Se quiere crear un sistema que permita poder subir el archivo en formato .xlsl y poder generar las etiquetas de manera masiva en formato .PDF con las medidas de papel y contenido del producto correcto.
¿Cómo se hizo el Sistema?
Para este proyecto se utilizaron los siguientes plugins para realizar el trabajo lo mas rápido posible cumpliendo con los requerimientos del proyecto:
- WordPress
- Gravity Forms
- Se utilizo Gravity Forms debido a que este plugin permite hacer de manera rápida y completa, cualquier tipo de formulario para WordPress además de contar con extensiones como Gravity PDF que nos permite ahorrar significativamente tiempo a la hora de generar PDF, así como ya cuenta con un importador y exportador de entradas que no facilita el trabajo para cargar el .xlsl.
- Gravity PDF
- Extensión para el plugin de Gravity Forms que permite generar archivos en formato PDF de una manera, rápida, dinámica y fácil.
- Gravity View
- Permite mostrar, editar, eliminar los registros de los formularios de Gravity Forms en el Front-End de la web.
- Código Personalizado.
- También se necesito de código personalizado para generar el PDF con condicionales de visibilidad, etc..
¿Cómo funciona el Sistema Generador de Etiquetas EAN-13?

Esta es la pagina principal del Sistema en esta pagina se pueden registrar mediante el formulario situado arriba de la tabla, se pueden insertar datos para generar etiquetas de manera manual. Al registrar una etiqueta de manera manual, se agregara a la tabla inferior la etiqueta con la posibilidad de descargarla en PDF.
También si el usuario desea puede editar las etiquetas de manera manual dando clic sobre la clave de alguno de los productos, lo redirige a la pagina donde se puede editar la información completa de la etiqueta seleccionada.

En la siguiente pantalla podemos ver una ejemplo de como se ve una etiqueta con código de barras y la información terminada.

Para mostrar la tabla con paginación y barra de búsqueda se utilizo el plugin de Gravity View, para poder generar la vista que mediante un shortcode se incrusto en una pagina para que fuera visibles para los usuarios.




Como podemos ver WordPress no solo nos sirve para poder hacer pagina web si no que puede ser una muy útil navaja suiza con herramientas para todos los niveles, tanto programadores, como personas que buscan hacer su web de manera sencilla.
Conclusión
Se puedo resolver la problemática de generar etiquetas de manera masiva, usando los plugin y herramientas adecuadas sin usar mucho código, para agilizar los tiempos de entrega, esto siempre va a ser un factor muy importante a la hora de crear nuestros proyectos.
¿Tienes algún Proyecto Web?
Si ¿Necesitas ayuda con algún proyecto web? No dudes en contactarme desarrollo soluciones completas y personalizadas con WordPress y PHP, con herramientas y procesos modernos, utilizando HTML, CSS, SCSS, PHP, JavaScript, Bootstrap y más… Si ¿Estás listo? ¡Envíame un mensaje y hablemos de tu proyecto web!