En este videotutorial prémium te enseñaremos como usar el plugin Spotlight social media feed para insertar y configurar el feed de Instagram en tu sitio hecho con Divi, de manera sencilla y completamente nativa.

Este es un plugin gratuito que podrás encontrar en el repositorio de WordPress y es totalmente configurable. Veamos los detalles.

Puedes ver la DEMO aquí:

Objetivo de tutorial:

Muchos de nuestros usuarios manejan su portafolio de manera activa en Instagram, es por ello que en muchas ocasiones nace la necesidad de mostrar ese maravilloso feed dentro de nuestro sitio a modo de galería o en la sección de portafolio de nuestro sitio.

Y a pesar de que existen multiples opciones para hacer esta función, el plugin de Spotlight es de los que he encontrado más sencillos de usar y configurar, su interfaz es simple y nos permite configurar el feed de multiples maneras y con multiples opciones a través de selectores. Todo lo explicamos en el video tutorial.

Resultado:

Al final tendremos un resultado como este:

Este es un tutorial pedido por uno de nuestros suscriptores, y como siempre, buscamos complacer y ayudar a toda nuestra comunidad.

Si te ha gustado este contenido no olvides compartirlo con tus amigos y conocidos, además recuerda que puedes compartirnos el enlace de tu creación en los comentarios de este contenido, así todos veamos los resultados maravillosos que conseguiste con este contenido prémium.

Descarga los recursos mencionados en este tutorial acá abajo 👇 siendo premium ⭐

¿Por qué insertar un feed de Instagram en tu sitio Divi?

Mostrar tu feed de Instagram embebido en una página WordPress + Divi cumple varias funciones a la vez:

• Prueba social en vivo: el visitante ve tu actividad reciente sin salir de tu sitio. Para marcas, fotógrafos, cocineros, viajeros o creators visuales, esto vale más que cualquier sección «Sobre nosotros».
• Crece tus seguidores desde tu propio sitio: el feed incluye un botón «Seguir en Instagram» que convierte mejor que un ícono de red social en el footer.
• Contenido fresco automático: cuando publicas en Instagram, el feed de tu sitio se actualiza solo. No tienes que mantener manualmente una galería.
• Mejora el tiempo en página: visitantes que exploran tus posts pasan más tiempo, lo cual es señal positiva para SEO. Si tu sitio es un blog editorial, mira nuestro curso de Blog Magazine con Divi.

El plugin que recomendamos es Spotlight Social Media Feeds. Está en el repositorio oficial de WordPress, su versión gratuita cubre lo que el 90% de los sitios necesita, y la integración con Divi es directa vía shortcode o módulo de bloque.

Pasos clave para mostrar tu feed

1. Instala Spotlight Social Media Feeds desde Plugins → Añadir nuevo → busca «Spotlight Social Media Feeds» → Instalar y Activar. Es 100% gratuito.
2. Conecta tu cuenta de Instagram. En el menú lateral aparece «Spotlight» → click «Add New Feed» → «Connect Instagram Account» → te redirige a Instagram para autorizar el acceso.
3. Autoriza permisos. Instagram te pregunta si autorizas a Spotlight a leer tus posts. Acepta — solo lee, no publica nada en tu cuenta. La conexión queda activa indefinidamente (Instagram refresca el token automáticamente).
4. Crea tu primer feed. Spotlight te lleva al editor de feed con preview en vivo. Ponle un nombre interno (ej. UXDivi Feed) para identificarlo después.
5. Configura el diseño visual: en la pestaña Design eliges el layout (Grid es el más usado), número de columnas (3-4 en desktop, 2 en mobile suele verse bien), número de posts a mostrar (12-15 funciona bien para una página).
6. Personaliza el header del feed. Activa el header — muestra tu avatar de Instagram + bio + número de seguidores. Útil para que el visitante reconozca la cuenta. Puedes ocultarlo si lo metes en una página donde ya tienes presentación.
7. Configura el botón «Load More». Por defecto es «Cargar más» — al click, aparecen 12 posts adicionales. La alternativa es «Auto Scroll» pero suele cargar contenido innecesario y empeorar performance.
8. Guarda el feed. Al guardar, Spotlight te genera un shortcode tipo [sli-shortcode-feed-1].
9. Inserta el feed en tu página de Divi. Edita la página → añade un módulo «Code» (o «Text» con HTML) → pega el shortcode → guarda. Si usas Gutenberg, hay un bloque nativo de Spotlight para arrastrar directamente.

Tips de diseño para que el feed se vea bien con Divi

• Combina colores con tu paleta: en la pestaña Design del feed, configura los colores de botones, textos y borders para que coincidan con la paleta del sitio Divi. Un feed con colores que pelean con el resto del sitio se ve «pegado».
• Bordes redondeados consistentes: si tu sitio Divi usa bordes redondeados en botones e imágenes, aplica el mismo border-radius (ej. 100px para circular, 8px para suave) en los botones del feed.
• Espaciado entre celdas: 4-8px de gap entre posts se ve más editorial. Más de 12px parece feed roto. Menos de 4px parece collage saturado.
• Hover overlay: activa el hover overlay para mostrar likes y comentarios al pasar el cursor. Da prueba social sutil sin saturar el grid.
• Lazy loading siempre activo: el plugin lo trae por defecto, pero verifica que esté ON. Sin lazy loading, un feed con 15+ imágenes pesa mucho en mobile y afecta tus Core Web Vitals.

Preguntas frecuentes

¿Necesito cuenta Business o Creator de Instagram?

No, la versión gratuita de Spotlight funciona con cuentas personales. Solo necesitas cuenta Business o Creator si quieres acceder a features avanzados como hashtag feeds (mostrar posts de un hashtag, no solo de tu cuenta) — eso requiere la versión Pro del plugin.

¿Funciona con Reels y videos?

Sí. Reels e IGTV se muestran como thumbnails con un ícono de play. Al hacer click, el visitante puede verlos en un lightbox dentro de tu sitio o redirigirlos a Instagram (configurable).

¿El plugin afecta la velocidad de mi sitio?

Spotlight es bastante optimizado: usa caché interna, lazy loading y carga las imágenes desde el CDN de Instagram (no las descarga a tu servidor). Si tienes problemas de velocidad, no es por el plugin — para optimización general, mira nuestro curso de Optimización de Velocidad con Divi.

¿Puedo mostrar feeds de varias cuentas a la vez?

Sí. Spotlight permite conectar múltiples cuentas y mostrar varios feeds en distintas páginas (o en la misma). Útil si manejas la cuenta personal + la cuenta de la marca + la cuenta de un cliente desde el mismo WordPress. Si gestionas muchos canales sociales, considera automatizar publicaciones y respuestas con Make + WordPress.

¿Y si Instagram cambia su API y el feed deja de funcionar?

Spotlight tiene actualizaciones frecuentes para adaptarse a cambios de la API de Instagram. Si una actualización rompe algo, suelen sacar fix en pocos días. Mantén el plugin actualizado y problema resuelto. Si necesitas alternativa, otros plugins como Smash Balloon Instagram Feed funcionan también.

¿Listo para insertar tu feed?

El plugin Spotlight es gratis en el repositorio oficial de WordPress, y los recursos del tutorial están más abajo en la zona prémium. Si quieres ir más allá con automatizaciones inteligentes en tu sitio (chatbots, sincronización social, generación de contenido), mira nuestro Mastery en Automatización con IA y el post sobre cómo crear un chatbot de soporte automático en Divi. Si todavía no eres prémium en UXDivi, empieza tu suscripción acá y desbloquea cientos de recursos descargables — desde $10 USD al mes.

Recursos, Snippets y descargas de este tutorial: