En este nuevo tutorial vamos a crear un proyecto bastante interesante y, sobre todo, con una aplicación real: tarjetas digitales de identificación para mascotas.
En este nuevo tutorial vamos a crear un proyecto con una aplicación muy interesante: tarjetas digitales de identificación para mascotas, donde aprovecharemos WordPress para gestionar sus perfiles, información y diferentes funciones que iremos integrando durante el proyecto.
La idea es sencilla: cada mascota tendrá su propio perfil digital con fotografía, datos importantes, información de contacto, datos de salud y una URL única. A partir de ese perfil generamos automáticamente un código QR que podemos imprimir o grabar en una placa para colocarla en el collar de la mascota.
De esta forma, si alguien encuentra al perrito o mascota, solamente tiene que escanear el código QR para acceder a su tarjeta digital y encontrar rápidamente la información necesaria para contactar a su dueño.
Pero quise llevar el proyecto un poco más lejos. 😄
Para este tutorial desarrollé OV Digital Pet, un plugin para WordPress que se encarga de toda la lógica detrás del sistema: crea los perfiles de las mascotas, genera sus enlaces, administra los datos, crea automáticamente el QR y además genera un panel privado para cada dueño.
La tarjeta digital de la mascota 🐶
Cada mascota tiene su propio perfil dentro de WordPress. En él podemos mostrar información como:
- Fotografía.
- Nombre.
- Raza y sexo.
- Edad calculada automáticamente a partir de su fecha de nacimiento.
- Peso y color.
- Tipo de sangre.
- Nombre y teléfono del dueño.
- Veterinario.
- Alergias.
- Notas médicas.
- Estado de vacunación.
- Microchip.
Además, tenemos botones de contacto directo para que, en caso de emergencia, sea muy sencillo llamar o enviar un mensaje por WhatsApp al dueño.
El diseño que ves en el tutorial es el que preparé para este proyecto, pero una de las ventajas es que OV Digital Pet es compatible con Divi Theme Builder.
Esto significa que puedes utilizar la plantilla incluida con el plugin o diseñar completamente tu propia tarjeta con Divi y darle la identidad visual que quieras.
Un QR único para cada mascota
Aquí es donde conectamos la parte digital con algo físico.
Cuando publicamos una mascota, OV Digital Pet genera automáticamente un código QR enlazado a su perfil.
Desde el panel podemos descargar ese QR y utilizarlo para imprimir una etiqueta, crear una tarjeta o, mejor todavía, grabarlo en una pequeña placa para colocarla en el collar de la mascota.
Así, quien encuentre a la mascota no necesita instalar ninguna aplicación ni registrarse en ningún sitio: escanea el QR con su teléfono y accede directamente a la información.
Un panel privado para el dueño
Esta es una de las partes que más me gustó del proyecto.
No tendría mucho sentido crear una tarjeta digital si cada vez que cambia un teléfono, una fotografía o algún dato de la mascota el cliente tuviera que escribirnos para que nosotros lo modificáramos.
Por eso, el plugin genera también un panel privado para el dueño de cada mascota.
El acceso se realiza mediante un enlace único, sin necesidad de crear usuarios ni recordar contraseñas.
Desde este panel el dueño puede actualizar información de su mascota, cambiar la fotografía y modificar su estado entre:
- En casa
- Perdido
- Fallecido
Los cambios se reflejan automáticamente en la tarjeta digital.
¿Y qué pasa si la mascota se pierde? 🔎
Aquí agregamos otra función que me pareció muy interesante.
Desde el mismo panel del dueño podemos generar automáticamente un cartel de búsqueda de la mascota.
El sistema utiliza los datos que ya tenemos registrados para crear una imagen con la fotografía, nombre e información de contacto, lista para descargar y compartir por WhatsApp, redes sociales o incluso imprimir.
Es decir, el dueño no necesita abrir Canva ni diseñar nada desde cero. La información ya existe dentro del sistema y simplemente la reutilizamos para generar el cartel.
Campos personalizados sin tocar el código
El plugin incluye todos los campos principales que necesitamos para comenzar, pero también quise dejar abierta la posibilidad de adaptar el sistema a otros proyectos.
Desde WordPress puedes crear campos personalizados adicionales sin modificar el código del plugin.
Esto puede ser útil si trabajas, por ejemplo, con una veterinaria que necesita almacenar información adicional o si quieres crear diferentes paquetes y ofrecer características extra a determinados clientes.
También puedes convertirlo en un servicio para tus clientes 💡
Y aquí es donde el proyecto se pone todavía más interesante: no tiene por qué quedarse solamente como un ejercicio para aprender WordPress y Divi.
Puedes adaptarlo y convertirlo en un servicio para veterinarias, tiendas de mascotas, criadores, protectoras o directamente para dueños de mascotas.
Tú puedes encargarte de instalar el sistema, personalizar el diseño con Divi, registrar las mascotas y entregar una placa física con el QR.
Una vez configurado todo, cada nuevo perfil utiliza la misma estructura y el propio plugin se encarga de generar automáticamente los enlaces, el QR y el panel del dueño.
Después tú decides cómo quieres ofrecerlo: como un servicio independiente, incluirlo dentro de un proyecto para una veterinaria o incluso crear tu propia marca alrededor de las tarjetas digitales para mascotas.
¿Qué vamos a construir en el tutorial?
Durante el tutorial vamos a ver todo el proceso necesario para crear este proyecto con WordPress + Divi y utilizar OV Digital Pet para gestionar la parte dinámica del sistema.
Al terminar tendremos:
- 🐾 Perfiles digitales para cada mascota.
- 🔗 Un enlace único generado automáticamente.
- 📱 Un código QR enlazado al perfil.
- 🏷️ Un QR listo para utilizar en una placa física.
- 👤 Un panel privado para cada dueño.
- ✏️ Edición de datos sin entrar al administrador de WordPress.
- 🚨 Estados de mascota: En casa, Perdido o Fallecido.
- 🔎 Generación automática de carteles de búsqueda.
- 🎨 Compatibilidad con Divi Theme Builder para crear tus propios diseños.
- ➕ Campos personalizados para adaptar el sistema a diferentes proyectos.
Descarga OV Digital Pet y crea el proyecto paso a paso
Todo el proceso está explicado paso a paso dentro de los Tutoriales Exclusivos de la Academia OV Divi.
Si ya eres suscriptor, podrás seguir el tutorial completo y descargar OV Digital Pet desde la pestaña de materiales para instalarlo directamente en WordPress.
Me gustó mucho este proyecto porque combina varias cosas que normalmente vemos por separado: WordPress, Divi, contenido dinámico, automatización, códigos QR y hasta un elemento físico como la placa que podemos colocar en el collar de nuestra mascota.
Y además de aprender cómo funciona todo por dentro, terminamos con algo que perfectamente podemos adaptar y convertir en un nuevo servicio para nuestros clientes.
Espero que les guste el proyecto. 🐶🐾
Nos vemos en la próxima.
0 comentarios