Cómo integrar un feed de Instagram en WordPress

El plugin Smash Balloon Social Photo Feed es uno de los más conocidos y usados para mostrar el feed de Instagram en WordPress.

Su principal ventaja es la facilidad de uso y la personalización del diseño del feed. Además, mejora la interacción con la audiencia al mantener la web actualizada con contenido dinámico y visual proveniente de la cuenta de Instagram.

En esta pequeña guía aprenderás paso a paso cómo integrar un feed de Instagram en WordPress utilizando este plugin.


Paso 1: Instalar el plugin Smash Balloon Social Photo Feed

  1. Accede al panel de administración de tu sitio WordPress.
  2. Dirígete a Plugins > Añadir nuevo.
  3. En la barra de búsqueda, escribe Smash Balloon Social Photo Feed.
  4. Haz clic en Instalar ahora y después en Activar.
instalar plugin feed

Una vez activado, verás una nueva sección llamada Instagram Feed en tu menú lateral de WordPress.


Paso 2: Conectar tu cuenta de Instagram

  1. Ve a Instagram Feed > Todos los feeds.
  2. Haz clic en el botón Añadir nuevo.
  3. Sigue los pasos seleccionando «linea de tiempo del usuario» para mostrar el feed y «añadir fuente» para conectar tu cuenta de Instagram
  4. Elige el tipo de cuenta que deseas conectar: Personal o Business, (para no liarte te recomendamos personal)
  5. Inicia sesión en tu cuenta de Instagram y autoriza el acceso.

Una vez completado el proceso, tu cuenta aparecerá en la lista de fuentes conectadas.


Paso 3: Crear y personalizar tu feed de Instagram en WordPress

  1. Ve a Instagram Feed > Todos los feeds y haz clic en Añadir nuevo.
  2. Sigue los pasos anteriores y verás la cuenta que has conectado, selecciónala y te llevará al personalizador del feed.
  3. Ajusta el diseño del feed a tus necesidades: número de columnas, colores, espaciado y estilo. Podrás ver una previsualización de todos los cambios.
  4. Guarda los cambios.
instagram en wordpress

Paso 4: Insertar el feed en tu sitio web

  1. De vuelta a «Todos los feeds» copia el shortcode que aparece en la parte superior de la página de configuración del feed, por ejemplo: [instagram-feed feed=1]
  2. Pega el shortcode en cualquier página, entrada o widget de tu sitio WordPress.

  3. Guarda los cambios y visualiza el resultado en tu web.


Paso 5: Optimización y recomendaciones

  • Usa el diseño responsive: el plugin adapta automáticamente el feed a dispositivos móviles. Ajusta la configuración del feed para diferentes dispositivos.
  • En la pestaña de Ajustes > Feeds, puedes cambiar el almacenamiento en caché, esto actualiza el feed para mostrar nuevas publicaciones, si publicas a menudo ajústalo a tus necesidades.
  • En Ajustes > Advanced asegúrate de marcar la opción «Utiliza tamaños dinámicos» y como formato de imagen selecciona webP.

Como habrás comprobado, integrar un feed de Instagram en tu sitio WordPress con Smash Balloon Social Photo Feed es rápido y sencillo. Gracias a su flexibilidad y opciones de personalización, podrás mostrar tu contenido de Instagram de manera atractiva y profesional, mejorando la experiencia del usuario y el engagement con tu marca.

Para más información y descargas, visita la página oficial del plugin en WordPress.org.

¿Quieres conocer otros plugins útiles para WordPress?

No te pierdas nuestra sección de recursos