En este nuevo tutorial único y exclusivo de los tutoriales de la Academia OV Divi aprenderás a mostrar archivos de Google Drive para descargar en tu sitio web creado en Divi y WordPress con OV Google Drive Files (¡Nuevo plugin! 😍)
Anteriormente ya hemos realizado un tutorial para mostrar una galería de imágenes en tu sitio web gestionada desde Google Drive, estas imágenes también tienen un botón de descarga, pero en este tutorial hemos implementado una funcionalidad parecida pero compatible con varios tipos de archivo.
¿Qué aprenderás en este tutorial?
- Cómo instalar y configurar el plugin OV Google Drive Files desde cero
- Configuración completa de la API de Google Drive (paso a paso sin errores)
- Cómo conectar tu Google Drive con WordPress de forma segura
- Mostrar archivos de cualquier carpeta de Drive en tu sitio web
- Personalizar el diseño para que combine con tu branding
¿Qué hace especial a este plugin?
OV Google Drive Files va más allá de una simple galería de imágenes. Este plugin te permite:
✅ Múltiples tipos de archivo: ZIP, PDF, documentos, imágenes, videos y más
✅ Descarga directa: Los visitantes descargan sin acceder a Google Drive
✅ Diseño profesional: Iconos SVG elegantes y animaciones suaves
✅ Totalmente responsive: Se adapta perfectamente a móviles y tablets
✅ Renovación automática: Sin interrupciones por tokens expirados
✅ Fácil personalización: Cambia colores para combinar con tu marca
Flexibilidad total de visualización:
- Vista en cuadrícula (Grid): Perfecta para mostrar archivos como una galería elegante, ideal para portfolios y catálogos de recursos.
- Vista en lista (List): Optimizada para mostrar información detallada de cada archivo, perfecta para documentación y descargas organizadas.
- Filtros por tipo de archivo: Muestra solo lo que necesitas – desde archivos ZIP únicamente hasta combinaciones como «PDF y documentos» con un simple parámetro.
Casos de uso prácticos:
Este plugin es perfecto para:
- Recursos descargables (ebooks, plantillas, archivos ZIP)
- Portfolio de trabajos con archivos para descargar
- Documentación y manuales en PDF
- Área de miembros con contenido exclusivo
- Tienda digital con productos descargables
Integración perfecta con Divi
El plugin está diseñado específicamente para sitios web creados con Divi aunque también funciona para otros temas:
- Hereda la tipografía de tu tema automáticamente
- Compatible con todos los módulos de Divi
- Shortcode flexible que puedes usar en cualquier lugar
- Colores personalizables para combinar con tu diseño
Lo que incluye el tutorial:
- Descarga e instalación del plugin
- Configuración de Google Cloud Console (sin errores)
- Creación y configuración de la API de Google Drive
- Conexión segura entre WordPress y Google Drive
- Preparación de carpetas en Google Drive
- Uso del shortcode en Divi Builder
- Personalización de colores y estilos
¿Por qué usar Google Drive como backend?
- Gestión fácil: Sube y organiza archivos desde cualquier dispositivo
- Almacenamiento ilimitado: No consumes espacio de tu hosting
- Velocidad: Google Drive ofrece descargas rápidas globalmente
- Sincronización: Cambios en Drive se reflejan inmediatamente en tu web
- Backup automático: Tus archivos están seguros en la nube
🔥 ¡No te pierdas este tutorial exclusivo! Aprende a implementar esta funcionalidad profesional que elevará la experiencia de usuario de tu sitio web creado con Divi. ¡Accede ahora!
Excelente… y será posible mostrar imágenes desde Google fotos en algún post de blog?
Hola Patricio, probablemente pero debe ser otro método. Voy a investigar más sobre este tema 😉
Gracias Patricio, saludos