Instagram Feed

Descripción

Muestra fotos de Instagram desde cualquier cuenta Instagram no privada, ya sea de un mismo feed o de varios diferentes.

Características

  • Super sencillo de configurar.
  • Mostrar fotos de múltiples cuentas de Instagram en el mismo feed o en feeds separados.
  • Completamente adaptable y listo para dispositivos móviles – el diseño se ve muy bien en cualquier tamaño de pantalla y en cualquier ancho de contenedor.
  • Completamente personalizable – ¡Personaliza el ancho, alto, número de fotos, número de columnas, tamaño de imagen, color de fondo, espaciado entre imágenes y más!
  • Mostrar múltiples feeds de Instagram en la misma página o en diferentes páginas de tu sitio.
  • Usa las opciones de shortcode incorporadas para personalizar completamente cada uno de tus feeds de Instagram.
  • Muestra miniaturas, fotos medianas o fotos de tamaño completo de tu feed de Instagram.
  • Carga infinitas fotos de Instagram con el botón «Cargar más».
  • Incluye un botón Seguir en Instagram en la base de tu feed.
  • Muestra una hermosa cabecera n la parte superior de tu feed.
  • Muestre tus fotos de Instagram cronológicamente o en orden aleatorio.
  • Agrega tu propio CSS personalizado y JavaScript para personalizaciones aún más profundas.

Ventajas

  • Aumenta la participación social – Aumenta la participación entre tú y tus seguidores de Instagram. Aumenta tu número de seguidores mostrando tu contenido de Instagram directamente en tu sitio.
  • Ahorra tiempo – ¿No tienes tiempo para actualizar tus fotos en tu sitio? Ahorra tiempo y aumenta la eficiencia solo publicando tus fotos en Instagram y mostrarlas automáticamente en tu web.
  • Muestra tu contenido a tu manera – ¡Personaliza tus feeds de Instagram para que se vean exactamente como tú quieres, para que se mezclen aparentemente en tu sitio o salten a tus visitantes!
  • Mantén tu sitio como nuevo – Sube automáticamente tu nuevo contenido de Instagram directamente a tu sitio para mantenerlo como nuevo y conservar la participación de tu audiencia.
  • Super simple de configurar – Una vez instalado, ¡puedes mostrar tus fotos de Instagram en 30 segundos! No hay pasos confusos ni se necesita una cuenta de desarrollador de Instagram.

Versión pro

Para mantener la versión gratuita del plugin de forma continua, y para proporcionar un soporte rápido y eficaz de forma gratuita, ofrecemos una versión Pro del plugin. La versión Pro te permite:

  • Mostrar feeds de hashtags (totalmente compatible con los cambios en la API de Instagram del 11 de diciembre de 2018).
  • Ver fotos y videos en una caja de luz emergente directamente en tu sitio.
  • Ver comentarios de publicaciones para los feeds de usuarios.
  • Muestra el número de me gusta y comentarios para cada publicación.
  • Crea carruseles de tus plublicaciones.
  • Usa diseños de «Muro» o «Resaltar» para tus feeds.
  • Mostrar leyenda para fotos y vídeos.
  • Filtrado de publicaciones basado en hashtag/palabra.
  • Avanzado sistema de moderación para ocultar/mostrar ciertas publicaciones.
  • Crear feeds de Instagram «tipo tienda» y más.

Descubre más acerca de la versión Pro. o prueba la demo Pro.

Valoraciones destacadas

«Simple y conciso – Un plugin excellente. Simple y sin excesos. Tuve un par de pequeños problemas con el plugin cuando comencé a usarlo, pero escribí un comentario en los foros de soporte y al día siguiente publicaron una nueva versión con la solución. ¡Un soporte increíble!» – Josh Jones.

«¡Gran plugin, mejor soporte! – He notado un aumento en el número de seguidores de Instagram desde que añadí este plugin a la barra lateral. Gracias por la ayuda en hacer algunos ajustes… ¡Gran aspecto y funcionamiento!» – BNOTP.

Dar respuesta o soporte

Nos esforzamos en proporcionar el plugin de feed de Instagram más personalizable, robusto y con mejor soporte del mundo, por lo que si tienes un problema o tienes algún comentario sobre cómo mejorarlo, abre un ticket en el foro de soporte.

Para ver fotos en caja de luz emergente, mostrar publicaciones por hashtag, mostrar leyendas de fotos, soporte de video y mucho más, echa un vistazo a la versión pro.
Añade feeds de Instagram maravillosamente limpios, personalizables y adaptables a tu web. Súper simple de configurar y con un montón de opciones de personalización para adaptarse perfectamente a la apariencia de tu sitio.

¿Por qué necesito esto?

Aumenta la participación social
Aumenta la participación entre tú y tus seguidores de Instagram. Aumenta tu número de seguidores de Instagram mostrando tu contenido de Instagram directamente en tu sitio.

Ahorra tiempo
¿No tienes tiempo para actualizar tus fotos en tu sitio? Ahorra tiempo y aumenta la eficiencia solo publicando tus fotos en Instagram y mostrarlas automáticamente en tu web.

Muestra tu contenido a tu manera
¡Personaliza tus feeds de Instagram para que se vean exactamente como tú quieres, para que se mezclen aparentemente en tu sitio o salten a tus visitantes!

Mantén tu sitio como nuevo
Sube automáticamente tu nuevo contenido de Instagram directamente a tu sitio para mantenerlo como nuevo y conservar la participación de tu audiencia.

No necesitas codificación
Elije entre toneladas de opciones de personalización integradas en Instagram Feed para crear un feed verdaderamente único de tu contenido de Instagram.

Super simple de configurar
Una vez instalado, ¡puedes mostrar tus fotos de Instagram en 30 segundos! No hay pasos confusos ni se necesita una cuenta de desarrollador de Instagram.

Atención al cliente alucinante
Entendemos que a veces necesitas ayuda, tienes problemas o simplemente tienes preguntas. Amamos a nuestros usuarios y nos esforzamos por brindar la mejor experiencia de soporte en el negocio. Somos expertos en la API de Instagram y podemos proporcionar un servicio y experiencia sin igual. Si necesitas soporte, háznoslo saber y nos pondremos en contacto contigo de inmediato.

¿Qué puede hacer?

  • Muestra fotos de Instagram desde cualquier cuenta de Instagram que tengas.
  • Completamente adaptable y listo para dispositivos móviles -tu diseño de feed de Instagram se ve muy bien en cualquier tamaño de pantalla y en cualquier ancho de contenedor.
  • Mostrar múltiples feeds de Instagram en la misma página o en diferentes páginas de tu sitio, mediante el uso de nuestras potentes opciones de shortcode de Instagram Feed.
  • Mostrar publicaciones de varias ID de usuario de Instagram
  • Usa las opciones de shortcode incorporadas para personalizar completamente cada uno de tus feeds de Instagram.
  • Carga fotos de Instagram infinitamente con el botón «Cargar más».
  • ¡Continuamente añadimos muchas más características!

Completamente personalizable

  • Por defecto, el feed de Instagram adoptará el estilo de tu web, ¡pero se puede personalizar completamente para que se vea como quieras!
  • Establece el número de fotos de Instagram que quieres mostrar.
  • Elije cuántas columnas quieres para mostrar tus fotos de Instagram y el tamaño de las fotos de Instagram.
  • Elije mostrar u ocultar ciertas partes del feed de Instagram, como la cabecera, los botones «Cargar más» y «Seguir».
  • Controla el ancho, la altura y el color de fondo de tu feed de Instagram.
  • Establecer el espacio/relleno entre las fotos de Instagram.
  • Mostrar fotos de Instagram en orden cronológico o aleatorio.
  • Usa tu propio texto y colores personalizados para los botones «Cargar más» y «Seguir».
  • Introduce tu propio CSS personalizado o JavaScript para una personalización aún más profunda.
  • Utiliza las opciones de shortcode para dar estilo de maneras completamente diferentes a múltiples feeds de Instagram.
  • ¡Continuamente añadimos muchas más opciones de personalización!

Capturas

  • Estilo del plugin por defecto
  • Tu feed de Instagram es completamente personalizable
  • Muestra múltiples feeds de Instagram desde cualquier cuenta Instagram no privada
  • Tus feeds de Instagram son completamente adaptables y se ven geniales en cualquier dispositivo
  • Muestra tus fotos de Instagram en varias columnas, con o sin una barra de desplazamiento
  • Simplemente copia y pega el shortcode en cualquier página, publicación o widget en tu sitio
  • Las páginas de configuración del plugin Instagram Feed

Instalación

  1. Instala el plugin Instagram Feed a través del directorio de plugins de WordPress, o subiendo los archivos a tu servidor web (en el directorio /wp-content/plugins/).
  2. Activa el plugin Instagram Feed a través del menú «Plugins» de WordPress.
  3. Navega hasta la página de configuración de «Instagram Feed» para obtener tu token de acceso de Instagram y tu ID de usuario de Instagram y configura tus ajustes.
  4. Utiliza el shortcode [instagram-feed] en tu página, publicación o widget para mostrar tus fotos de Instagram.
  5. Puedes mostrar múltiples feeds de Instagram usando opciones de shortcode, por ejemplo: [instagram-feed num=6 cols=3]

Para obtener instrucciones simples paso a paso sobre cómo configurar el plugin Instagram Feed, consulta nuestra guía de instalación.

Muestra tu feed

Un solo feed de Instagram

Copia y pega el siguiente shortcode directamente en la página, publicación o widget donde te gustaría que se muestre el feed de Instagram: [instagram-feed]

Múltiples feeds de Instagram

Si deseas mostrar múltiples feeds de Instagram, puedes establecer diferentes ajustes directamente en el shortcode así: [instagram-feed num=9 cols=3]

Puedes mostrar tantos feeds de Instagram diferentes como quieras, ya sea en la misma página o en diferentes páginas, simplemente utilizando las siguientes opciones de shortcode. Por ejemplo:
[instagram-feed]
[instagram-feed id=”ANOTHER_USER_ID”]
[instagram-feed id=”ANOTHER_USER_ID, YET_ANOTHER_USER_ID” num=4 cols=4 showfollow=false]

Consulta la siguiente tabla para obtener una lista completa de las opciones de ahortcode disponibles:

Opciones de shortcode

  • Opciones generales
  • id – Una ID de usuario de Instagram – Ejemplo: [instagram-feed id=AN_INSTAGRAM_USER_ID]
  • width – El ancho de tu feed de Instagram. Cualquier número – Ejemplo: [instagram-feed width=50]
  • widthunit – La unidad del ancho de tu feed de Instagram. En ‘px’ o ‘%’ – Ejemplo: [instagram-feed widthunit=%]
  • height – La altura de tu feed de Instagram. Cualquier número – Ejemplo: [instagram-feed height=250]
  • heightunit – La unidad de la altura de tu feed de Instagram. En ‘px’ o ‘%’ – Ejemplo: [instagram-feed heightunit=px]
  • background – El color de fondo del feed de Instagram. Cualquier color en código hexadecimal – Ejemplo: [instagram-feed background=#ffff00]
  • class – Añadir una clase de CSS al contenedor de feeds de Instagram – Ejemplo: [instagram-feed class=feedOne]
  • Opciones de fotos
  • sortby – Ordena las publicaciones de Instagram de más reciente a más antigua (none) o aleatorias (random) – Ejemplo: [instagram-feed sortby=random]
  • num – El número de publicaciones de Instagram para mostrar inicialmente. El máximo es 33 – Ejemplo: [instagram-feed num=10]

  • cols – El número de columnas en tu feed de Instagram. De 1 a 10 – Ejemplo: [instagram-feed cols=5]

  • imageres – La resolución/tamaño de las fotos de Instagram. Automático ‘auto’, completo ‘full’, medio ‘medium’ o miniatura ‘thumb’ – Ejemplo: [instagram-feed imageres=full]
  • imagepadding – El espacio alrededor de tus fotos de Instagram – Ejemplo: [instagram-feed imagepadding=10]
  • imagepaddingunit – La unidad del relleno en tu feed de Instagram. En ‘px’ o ‘%’ – Ejemplo: [instagram-feed imagepaddingunit=px]
  • disablemobile – Desactiva el diseño móvil para tu feed de Instagram. Verdadero ‘true’ o falso ‘false’ – Ejemplo: [instagram-feed disablemobile=true]
  • Opciones de cabecera
  • showheader – Decidir si deseas mostrar la cabecera del feed de Instagram. Verdadero ‘true’ o falso ‘false’ – Ejemplo: [instagram-feed showheader=false]
  • headercolor – El color del texto de la cabecera del feed de Instagram. Cualquier color en código hexadecimal – Ejemplo: [instagram-feed headercolor=#333]
  • Opciones del botón «Cargar más»
  • showbutton – Decidir si deseas mostrar el botón «Cargar más». Verdadero ‘true’ o falso ‘false’ – Ejemplo: [instagram-feed showbutton='false']
  • buttoncolor – El color de fondo del botón. Cualquier color en código hexadecimal – Ejemplo: [instagram-feed buttoncolor=#000]
  • buttontextcolor – El color del texto del botón. Cualquier color en código hexadecimal – Ejemplo: [instagram-feed buttontextcolor=#fff]
  • buttontext – El texto utilizado para el botón – Ejemplo: [instagram-feed buttontext="Cargar más fotos"]
  • Opciones del botón ‘Seguir en Instagram’
  • showfollow – Decidir si deseas mostrar el botón ‘Seguir en Instagram’. Verdadero ‘true’ o falso ‘false’ – Ejemplo: [instagram-feed showfollow=true]
  • followcolor – El color de fondo del botón ‘Seguir en Instagram’. Cualquier color en código hexadecimal – Ejemplo: [instagram-feed followcolor=#ff0000]
  • followtextcolor – El color del texto del botón ‘Seguir en Instagram’. Cualquier color en código hexadecimal – Ejemplo: [instagram-feed followtextcolor=#fff]
  • followtext – El texto utilizado para el botón ‘Seguir en Instagram’ – Ejemplo: [instagram-feed followtext="Sígueme"]

Para más opciones de shortcode, revisa la versión Pro.

Configurando el plugin gratuito de WordPress Instagram Feed

1) Una vez que hayas instalado el plugin Instagram Feed, haz clic en el elemento Instagram Feed de tu menú de WordPress

2) Haz clic en el gran botón azul de Instagram para iniciar sesión en tu cuenta de Instagram y obtener tu token de acceso de Instagram y tu ID de usuario de Instagram

3) Copia y pega el token de acceso de Instagram y tu ID de usuario de Instagram en los campos correspondientes del token de acceso de Instagram y del ID de usuario de Instagram. Si tienes problemas para recuperar la información de Instagram desde Instagram, intenta utilizar el botón de Instagram en esta página.

También puede mostrar fotos de otras cuentas de Instagram usando esta herramienta para encontrar su ID de usuario de Instagram.

4) Navega hasta la página de personalización de ‘Instagram Feed’ para personalizar tu feed de Instagram.

5) Una vez que hayas personalizado tu feed de Instagram, haz clic en la pestaña Mostrar tu feed para capturar el shortcode [instagram-feed].

6) Copia el shortcode de Instagram Feed y pégalo en cualquier página, publicación o widget donde quieras que aparezca el feed de Instagram.

7) Puedes pegar el shortcode de Instagram Feed directamente en el editor de tu página.

8) Puedes usar el widget de «Texto» por defecto de WordPress para mostrar tu feed de Instagram en una barra lateral u otra área de widgets.

Preguntas frecuentes

¿Puedo mostrar múltiples feeds de Instagram en mi sitio o en la misma página?

Sí. Puedes visualizar múltiples feeds de Instagram usando nuestras opciones de shortcode incorporadas, por ejemplo: [instagram-feed id="12986477" cols=3].

¿Puedo mostrar fotos de más de una cuenta de Instagram en un solo feed?

Sí. Solo tienes que separar las IDs por comas, ya sea en el campo de ID de usuario en la página de configuración del plugin, o directamente en el shortcode, de este modo: [instagram-feed id="12986477,13460080"].

¿Cómo puedo encontrar mi token de acceso de Instagram y mi ID de usuario de Instagram?

Lo hemos hecho super fácil. Simplemente haz clic en el gran botón azul de la página de configuración de Instagram Feed e inicia sesión en tu cuenta de Instagram. El plugin recuperará y mostrará tanto tu token de acceso como tu ID de usuario de Instagram.

Mi feed de Instagram no se muestra. ¿Por qué no?

Hay algunas posibles razones para esto:

  • Tu token de acceso puede no ser válido. Intenta hacer clic de nuevo en el botón azul de acceder de Instagram en la página de configuración del plugin y copia y pega el token de Instagram que te proporciona, en el campo del token de acceso del plugin.
  • Tu cuenta de Instagram puede estar establecida como privada. Tu cuenta de Instagram puede estar establecida como privada. Instagram no permite que las fotos de las cuentas privadas de Instagram se muestren públicamente.
  • Tu ID de usuario puede no ser válida. Asegúrate de no usar tu nombre de usuario de Instagram en lugar de tu ID de usuario. Puedes encontrar tu ID de usuario de Instagram utilizando esta herramienta.
  • El archivo JavaScript del plugin no se incluye en tu página. Esto se debe probablemente porque a tu tema de WordPress le falta la función wp_footer de WordPress, obligatoria para que los plugins puedan añadir sus archivos de JavaScript a tu página. Puedes solucionar esto abriendo el archivo footer.php de tu tema y añadiendo, directamente antes de la etiqueta de cierre, lo siguiente: <?php wp_footer(); ?>
  • Tu web puede contener un error de JavaScript que impide que se ejecute JavaScript. El plugin utiliza JavaScript para cargar las fotos de Instagram en tu página, por lo tanto, necesita que JavaScript se ejecute para que funcione. Necesitarás eliminar cualquier error de JavaScript existente en tu web para que el plugin pueda cargar tu feed.

Si aún tienes problemas para mostrar tu feed, abre un ticket en el foro de soporte con un enlace a la página donde estás intentando mostrar el feed de Instagram y, si es posible, un enlace a tu cuenta de Instagram.

¿Hay algún problema de seguridad con el uso de un token de acceso en mi sitio?

No. El token de acceso que se usa en el plugin es un token de «solo lectura», lo que significa que nunca podría usarse de manera malintencionada para manipular tu cuenta de Instagram.

¿Puedo ver fotos a tamaño completo o reproducir videos de Instagram directamente en mi web?

Esta es una característica de la versión pro del plugin, que te permite ver las fotos en una caja de luz emergente, soportar videos, mostrar leyendas, mostrar fotos con hashtag y ¡mucho más!

¿Cómo puedo incrustar mi feed de Instagram directamente en una plantilla de página de WordPress?

Puedes incrustar tu feed de Instagram directamente en un archivo de plantilla usando la función do_shortcode de WordPress:
<?php echo do_shortcode('[instagram-feed]'); ?>.

Mi feed ha dejado de funcionar: todo lo que veo es un símbolo de carga

Si tus fotos de Instagram no se están cargando y todo lo que ves es un símbolo de carga, hay algunas posibles razones:

1) Hay un problema con el token de acceso de Instagram que estás usando.

Puedes obtener un nuevo token de acceso de Instagram en la página de configuración de Instagram Feed haciendo clic en el botón azul de inicio de sesión de Instagram y luego copiarlo y pegarlo en el campo «Token de acceso» del plugin.

Ocasionalmente, el botón azul de acceso de Instagram no produce un token de acceso funcional. También puedes probar este enlace.

2) Tu ID de usuario de Instagram es incorrecta o es de una cuenta privada de Instagram.

Por favor, vuelve a comprobar la ID de usuario de Instagram que estás utilizando. Ten en cuenta que la ID de usuario de Instagram es diferente de tu nombre de usuario de Instagram. Para encontrar tu ID de usuario de Instagram, simplemente ingresa tu nombre de usuario de Instagram en esta herramienta.

Si tu ID de usuario de Instagram no muestra ninguna foto de Instagram, es posible que tu cuenta de Instagram sea privada y que las fotos de Instagram no se puedan mostrar.

3) El archivo JavaScript del plugin no se incluye en tu página.

Esto se debe probablemente porque a tu tema de WordPress le falta la función wp_footer de WordPress, obligatoria para que los plugins puedan añadir sus archivos de JavaScript a tu página. Puedes solucionar esto abriendo el archivo footer.php de tu tema y añadiendo, directamente antes de la etiqueta de cierre, lo siguiente:
<?php
wp_footer();
?>

4) Hay un error de JavaScript en tu sitio que impide que se ejecute el archivo JavaScript del plugin.

Puedes averiguar si este es tu caso haciendo clic derecho en tu página, seleccionando «Inspeccionar elemento» y luego haciendo clic en la pestaña «Consola», o seleccionando la opción «Consola de JavaScript» desde las Herramientas de desarrollo de tu navegador. Las instrucciones pueden variar dependiendo de tu navegador.

Si hay un error de JavaScript en tu sitio, lo verás en rojo junto con el archivo JavaScript que lo está causando.

5) El feed que estás intentando mostrar no tiene publicaciones en Instagram.

Si estás intentando mostrar un feed de Instagram que no tiene publicaciones hechas, puede ser que en el feed de Instagram solo se muestre un símbolo de carga o nada en absoluto. Una vez que agregues una publicación de Instagram, el feed de Instagram debería mostrarse normalmente.

6) El shortcode que estás usando es incorrecto.

Es posible que tengas un error en el shortcode de Instagram Feed que estás utilizando o le falta un argumento necesario.

¿Cuáles son las opciones de shortcode disponibles que puedo usar para personalizar mi feed de Instagram?

Las siguientes opciones están disponibles en la página de configuración de Instagram Feed, pero también se pueden usar directamente en el shortcode [instagram-feed] para personalizar feeds individuales de Instagram en función de la fuente.

  • Opciones generales
  • id – Una ID de usuario de Instagram – Ejemplo: [instagram-feed id=AN_INSTAGRAM_USER_ID]
  • width – El ancho de tu feed de Instagram. Cualquier número – Ejemplo: [instagram-feed width=50]
  • widthunit – La unidad del ancho de tu feed de Instagram. En ‘px’ o ‘%’ – Ejemplo: [instagram-feed widthunit=%]
  • height – La altura de tu feed de Instagram. Cualquier número – Ejemplo: [instagram-feed height=250]
  • heightunit – La unidad de la altura de tu feed de Instagram. En ‘px’ o ‘%’ – Ejemplo: [instagram-feed heightunit=px]
  • background – El color de fondo del feed de Instagram. Cualquier color en código hexadecimal – Ejemplo: [instagram-feed background=#ffff00]
  • class – Añadir una clase de CSS al contenedor de feeds de Instagram – Ejemplo: [instagram-feed class=feedOne]
  • Opciones de fotos
  • sortby – Ordena las publicaciones de Instagram de más reciente a más antigua (none) o aleatorias (random) – Ejemplo: [instagram-feed sortby=random]
  • num – El número de publicaciones de Instagram para mostrar inicialmente. El máximo es 33 – Ejemplo: [instagram-feed num=10]

  • cols – El número de columnas en tu feed de Instagram. De 1 a 10 – Ejemplo: [instagram-feed cols=5]

  • imageres – La resolución/tamaño de las fotos de Instagram. Automático ‘auto’, completo ‘full’, medio ‘medium’ o miniatura ‘thumb’ – Ejemplo: [instagram-feed imageres=full]
  • imagepadding – El espacio alrededor de tus fotos de Instagram – Ejemplo: [instagram-feed imagepadding=10]
  • imagepaddingunit – La unidad del relleno en tu feed de Instagram. En ‘px’ o ‘%’ – Ejemplo: [instagram-feed imagepaddingunit=px]
  • disablemobile – Desactiva el diseño móvil para tu feed de Instagram. Verdadero ‘true’ o falso ‘false’ – Ejemplo: [instagram-feed disablemobile=true]
  • Opciones de cabecera
  • showheader – Decidir si deseas mostrar la cabecera del feed de Instagram. Verdadero ‘true’ o falso ‘false’ – Ejemplo: [instagram-feed showheader=false]
  • headercolor – El color del texto de la cabecera del feed de Instagram. Cualquier color en código hexadecimal – Ejemplo: [instagram-feed headercolor=#333]
  • Opciones del botón «Cargar más»
  • showbutton – Decidir si deseas mostrar el botón «Cargar más». Verdadero ‘true’ o falso ‘false’ – Ejemplo: [instagram-feed showbutton='false']
  • buttoncolor – El color de fondo del botón. Cualquier color en código hexadecimal – Ejemplo: [instagram-feed buttoncolor=#000]
  • buttontextcolor – El color del texto del botón. Cualquier color en código hexadecimal – Ejemplo: [instagram-feed buttontextcolor=#fff]
  • buttontext – El texto utilizado para el botón – Ejemplo: [instagram-feed buttontext="Cargar más fotos"]
  • Opciones del botón ‘Seguir en Instagram’
  • showfollow – Decidir si deseas mostrar el botón ‘Seguir en Instagram’. Verdadero ‘true’ o falso ‘false’ – Ejemplo: [instagram-feed showfollow=true]
  • followcolor – El color de fondo del botón ‘Seguir en Instagram’. Cualquier color en código hexadecimal – Ejemplo: [instagram-feed followcolor=#ff0000]
  • followtextcolor – El color del texto del botón ‘Seguir en Instagram’. Cualquier color en código hexadecimal – Ejemplo: [instagram-feed followtextcolor=#fff]
  • followtext – El texto utilizado para el botón ‘Seguir en Instagram’ – Ejemplo: [instagram-feed followtext="Sígueme"]

Para más opciones de shortcode, revisa la versión Pro.

Para más FAQs relacionadas con el plugin Instagram Feed, visita la sección de FAQ en nuestra web.

Reseñas

Leer todas las 2.089 reseñas

Colaboradores y desarrolladores

“Instagram Feed” es un software de código abierto. Las siguientes personas han colaborado con este plugin.

Colaboradores

“Instagram Feed” ha sido traducido a 6 idiomas. Gracias a los traductores por sus contribuciones.

Traduce “Instagram Feed” a tu idioma.

¿Interesado en el desarrollo?

Revisa el código , echa un vistazo al repositorio SVN , o suscríbete al log de desarrollo por RSS .

Registro de cambios

1.10.2

  • Compatibilidad confirmada con la próxima actualización de WordPress 5.0 «Gutenberg»
  • Solución: Corregido un problema causado por algunos temas que afectaba al formato de los botones «Cargar más» y «Seguir»
  • Solución: Corregido un problema ocasional de formato con mensajes de error debido a que no se establece la altura de línea
  • Solución: Correcciones menores en la administración UI
  • Retoque: Se elimina la mención de algunas características pro que quedarán obsoletas debido a los próximos cambios en la API de Instagram

1.10.1

  • Retoque: La configuración automática de detección de resolución de imagen ahora funciona mejor con imágenes amplias. Cambiar el tamaño del navegador ahora aumentará automáticamente la resolución de la imagen si es necesario.
  • Solución: Corregido un problema por el cual el botón «Cargar más» desaparecería si todas las publicaciones de un feed se almacenaban en caché.

1.10

  • Nuevo: hemos mejorado la forma en que se cargan las fotos en el feed, añadiendo una transición suave para mostrar las fotos de forma sutil en lugar de repentina.
  • Nuevo: Más tamaños de cabecera; ahora puedes elegir entre tres tamaños: pequeño, mediano y grande. Cambia esto en la pestaña “Personalizar”.
  • Solución: El uso de porcentaje para el relleno de la imagen hacía que la altura de las imágenes fuera demasiado alta.
  • Solución: Eliminado el aviso de PHP cuando el alojamiento web bloquea la API de Instagram.

1.9.1

  • Fix: Captions missing as “alt” text for Instagram images.
  • Fix: System information was not formatting connected Instagram accounts and user ids correctly
  • Fix: “Unauthorized redirect URL” error occurring while trying to connect a new Instagram account due to recent changes from Instagram
  • Solución: El uso de porcentaje para el relleno de la imagen hacía que la altura de las imágenes de Instagram fuera demasiado alta.

1.9

  • New: Retrieving Access Tokens and connecting multiple Instagram accounts is now easier using our improved interface for managing account information. While on the Configure tab, click on the big blue button to connect an account, or use the “Manually Connect an Account” option to connect one using an existing Access Token. Once an account is connected, you can use the associated buttons to either add it to your primary Instagram User feed or to a different Instagram feed on your site using the user shortcode option, eg: user=smashballoon.
  • Tweak: Disabled auto load in the database for backup caches
  • Fix: Fixed an occasional issue with the Instagram login flow which would result in an “Unauthorized redirect URL” error

1.8.3

  • Fix: SVG icons caused some display problems in IE 11
  • Fix: Removed support for using usernames in the Instagram User ID setting due to recent API changes. Will now default to the Instagram User ID attached to the Access Token.
  • Fix: Backup feed not always being used when Access Tokens expire
  • Fix: Instagram Access Tokens may have been incorrectly saved as invalid under certain circumstances

1.8.2

  • Tweak: Setting “Cache Error API Recheck” enabled by default for new Instagram Feed installs
  • Fix: Page caches created with the WP Rocket plugin will be cleared when the Instagram Feed settings are updated or the cache is forced to clear
  • Fix: Fixed a rare issue where feeds were displaying “Looking for cache that doesn’t exist” when page caching was not being used

1.8.1

  • Fix: Fixed issue where Instagram feeds were displaying “Looking for cache that doesn’t exist” when page caching was not being used
  • Fix: Font method setting not working when “Are you using an ajax theme?” setting is enabled

1.8

  • Important: Due to recent changes in the Instagram API it is no longer possible to display photos from other Instagram accounts which are not your own. You can only display the user feed of the account which is associated with your Access Token.
  • New: Added an Access Token shortcode option and support for multiple Instagram Access Tokens. If you own multiple Instagram accounts then you can now use multiple Access Tokens in order to display user feeds from each Instagram account, either in separate feeds, or in the same feed. Just use the accesstoken shortcode option. See this FAQ for more information on displaying multiple User feeds.

1.7

  • New: Added feed caching to limit the number of Instagram API requests. Use the setting on the “Configure” tab “Check for new posts every” to set how long feed data will be cached before refreshing.
  • New: Added backup caching for all feeds. If the Instagram feed is unable to display then a backup feed will be shown to visitors if one is available. The backup cache can be disabled or cleared by using the following setting: Customize > Misc > Enable Backup Caching.
  • New: Icons are now generated as SVGs for a sharper look and more semantic markup
  • New: Instagram carousel posts include an icon to indicate that they are carousel posts
  • Tweak: Using the “sort posts by random” feature will include the most recent 33 posts instead of just the posts shown in the Instagram feed
  • Fix: links back to instagram.com will use the “www” prefix

1.6.2

  • Fix: Fixed a rare issue where the Load More button wouldn’t be displayed after the last update if the Instagram account didn’t have many posts

1.6.1

  • Fix: Fixed Font Awesome 5.0 causing Instagram icon to appear as a question mark with a circle
  • Fix: Fixed inline padding style for sbi_images element causing validation error when set to “0” or blank space
  • Fix: Added a workaround for an Instagram API bug which caused some feeds to show fewer posts than expected

1.6

  • New: Loading icon appears when waiting for new posts after clicking the “Load More…” button
  • New: Added translation files for Dutch (nl_NL)
  • Fix: Fixed a potential security vulnerability. Thanks to Magnus Stubman for reporting the issue.

1.5.1

  • New: The plugin is now compatible with the WPML plugin allowing you to use multiple translations for your feeds on your multi-language sites
  • New: Added translation files for Danish (da_DK), Finnish (fi_FL), Japanese (ja_JP), Norwegian (nn_NO), Portuguese (pt_PT), and Swedish (sv_SE) to translate the “Load More” and “Follow on Instagram” text

1.5

  • New: Improved tool for retrieving Instagram Access Tokens
  • New: Added an option to show/hide Instagram bio text in feed header
  • New: Feeds that include IDs from “private” Instagram accounts will now ignore the private data and display a message to logged-in site admins which indicates that one of the Instagram accounts is private
  • New: Feeds without any Instagram posts yet will display a message informing logged-in admins to make a post on Instagram in order to view the feed
  • New: Added translation files for French (fr_FR), German (de_DE), English (en_EN), Spanish (es_ES), Italian (it_IT), and Russian (ru_RU) to translate “Load More…” and “Follow on Instagram”
  • Tweak: Optimized several images used in the Instagram feed including loader.png
  • Tweak: Font Awesome stylesheet handle has been renamed so it will only be loaded once if our Custom Facebook Feed plugin is also active
  • Fix: Updated the Font Awesome icon font to the latest version: 4.7.0
  • Fix: Padding removed from “Load More” button if no buttons are being used in the Instagram feed
  • Fix: All links in the feed are now https
  • Fix: Fixed JavaScript errors which were being caused if the Instagram Access Token had expired or the user ID was incorrect, private, or had no Instagram posts

1.4.9

  • Compatible con WordPress 4.8

1.4.8

  • Tweak: Updated plugin links for new WordPress.org repo
  • Fix: Minor bug fixes

1.4.7

  • Fix: Fixed a security vulnerabiliy
  • Tested with upcoming WordPress 4.6 update

1.4.6.2

  • Fix: Removed a comment from the plugin’s JavaScript file which was causing an issue with some optimization plugins, such as Autoptimize.

1.4.6.1

  • Fix: Fixed an issue with the Instagram image URLs which was resulting in inconsistent url references in some feeds

1.4.6

  • IMPORTANT: Due to the recent Instagram API changes, in order for the Instagram Feed plugin to continue working after June 1st you must obtain a new Access Token by using the Instagram button on the plugin’s Settings page. This is true even if you recently already obtained a new token. Apologies for any inconvenience.

1.4.5

  • New: When you click on the name of a setting on the plugin’s Settings pages it now displays the shortcode option for that setting, making it easier to find the option that you need
  • New: Added a setting to disable the Font Awesome icon font if needed. This can be found under the Misc tab at the bottom of the Customize page.
  • Tweak: Updated the Instagram icon to match their new branding
  • Tweak: Added a help link next to the Instagram login button in case there’s an issue using it
  • Fix: Updated the Font Awesome icon font to the latest version: 4.6.3

1.4.4

  • Fix: Fixed an issue caused by a specific type of emoji which would cause the feed to break when used in a post
  • Tweak: Added links to our other free plugins to the bottom of the admin pages: The Custom Facebook Feed and Custom Twitter Feeds

1.4.3

  • Fix: Important notice added in the last update is now only visible to admins

1.4.2

  • New: Compatible with Instagram’s new API changes effective June 1st
  • New: Added video icons to Instagram posts in the feed which contain videos
  • New: Added a setting to allow you to use a fixed pixel width for the feed on desktop but switch to a 100% width responsive layout on mobile
  • Tweak: Added a width and height attribute to the images to help improve Google PageSpeed score
  • Tweak: A few minor UI tweaks on the settings pages
  • Fix: Minified CSS and JS files

1.3.11

  • Fix: Fixed a bug which was causing the height of the Instagram photos to be shorter than they should have been in some themes
  • Fix: Fixed an issue where when an Instagram feed was initially hidden (in a tab, for example) then the Instagram photo resolution was defaulting to ‘thumbnail’

1.3.10

  • Fix: Fixed an issue which was setting the visibility of some Instagram photos to be hidden in certain browsers
  • Fix: The new square photo cropping is no longer being applied to Instagram feeds displaying images at less than 150px wide as the images from Instagram at this size are already square cropped
  • Fix: Fixed a JavaScript error in Internet Explorer 8 caused by the ‘addEventListener’ function not being supported

1.3.9

  • Fix: Fixed an issue where Instagram photos wouldn’t appear in the Instagram feed if it was initially being hidden inside of a tab or some other element
  • Fix: Fixed an issue where the new Instagram image cropping fuction was failing to run on some sites and causing the Instagram images to appear as blank

1.3.8

  • Fix: If you have uploaded an Instagram photo in portrait or landscape then the plugin will now display the square cropped version of the photo in your Instagram feed

1.3.7

  • Fix: Fixed an issue with double quotes in photo captions (used in the Instagram photo alt tags) which caused a formatting issue

1.3.6

  • Fix: Fixed an issue introduced in version 1.3.4 which was causing theme settings to not be applied in some themes

1.3.5

  • Fix: Reverted the ‘prop’ function introduced in the last update back to ‘attr’ as prop isn’t supported in older versions of jQuery
  • Fix: Removed the image load function as it was causing Instagram images not to be displayed for some users

1.3.4

  • Fix: Used the Instagram photo caption to add a more descriptive alt tag to the Instagram photos
  • Fix: Instagram photos are now only displayed once they’re fully loaded
  • Fix: Added a stricter CSS implementation for some elements to prevent styles being overridden by themes
  • Fix: Added CSS opacity property to Instagram images to prevent issues with lazy loading in some themes
  • Fix: Removed a line of code which was disabling WordPress Debug/Error Reporting. If needed, this can be disabled again by using the setting at the bottom of the plugin’s ‘Customize’ settings page.
  • Fix: Made some JavaScript improvements to the core Instagram Feed plugin code

1.3.3

  • Fix: Fixed an issue with the ‘Load more’ button not always showing when displaying Instagram photos from multiple Instagram User IDs
  • Fix: Moved the initiating sbi_init function outside of the jQuery ready function so that it can be called externally if needed by Ajax powered themes/plugins

1.3.2

  • New: Added an option to disable the Instagram Feed mobile layout
  • New: Added an setting which allows you to use the Instagram Feed plugin with an Ajax powered theme
  • New: Added a ‘class’ shortcode option which allows you to add a CSS to class to each individual Instagram feed: [instagram-feed class=feedOne]
  • New: Added a Support tab which contains System Info to help with troubleshooting
  • New: Added friendly error messages which display only to WordPress admins
  • New: Added validation to the Instagram User ID field to prevent usernames being entered instead of IDs
  • Tweak: Made the Instagram Access Token field slightly wider to prevent tokens being copy and pasted incorrectly
  • Fix: Fixed a JavaScript bug which caused the feed not to load photos correctly in IE8

1.3.1

  • Fix: Fixed an issue with the Instagram icon not appearing in the ‘Follow on Instagram’ button or in the Instagram Feed header
  • Fix: Addressed a few CSS issues which were causing some minor formatting issues in the Instagram Feed on certain themes

1.3

  • New: You can now display Instagram photos from multiple Instagram User IDs. Simply separate your Instagram IDs by commas.
  • New: Added an optional header to the Instagram feed which contains your Instagram profile picture, Instagram username and Instagram bio. You can activate this on the Instagram Feed Customize page.
  • New: The Instagram Feed plugin now includes an ‘Auto-detect’ option for the Instagram Image Resolution setting which will automatically set the correct Instagram image resolution based on the size of your Instagram feed.
  • New: Added an optional ‘Follow on Instagram’ button which can be displayed at the bottom of your Instagram feed. You can activate this on the Instagram Feed Customize page.
  • Nuevo: se añadió la capacidad de usar tu propio texto personalizado para el botón «Cargar más»
  • New: Added a loader icon to indicate that the Instagram photos are loading
  • New: Added a unique ID to each Instagram photo so that they can be targeted individually via CSS
  • Tweak: Added a subtle fade effect to the Instagram photos when hovering over them
  • Tweak: Improved the responsive layout behavior of the Instagram feed
  • Tweak: Improved the documentation within the Instagram Feed plugin settings pages
  • Tweak: Included a link to step-by-step setup directions for the plugin
  • Fix: Fixed an issue with the feed not clearing other widgets correctly

1.2.3

  • Fix: Replaced the ‘on’ function with the ‘click’ function to increase compatibility with themes using older versions of jQuery

1.2.2

  • Tweak: Added an initialize function to the Instagram Feed plugin
  • Fix: Fixed an occasional issue with the ‘Sort Photos By’ option being undefined

1.2.1

  • Fix: Fixed a minor issue with the Custom JavaScript being run before the Instagram photos are loaded
  • Fix: Removed stray PHP notices
  • Fix: Changed the double quotes to single quotes on the ‘data-options’ attribute

1.2

  • New: Added Custom CSS and Custom JavaScript sections which allow you to add your own custom CSS and JavaScript to the Instagram Feed plugin
  • New: Added an option to display your Instagram photos in random order
  • New: A new tabbed layout has been implemented on the Instagram Feed plugin’s settings pages
  • New: Added an option to preserve your Instagram Feed settings when uninstalling the plugin
  • New: Added a Pro version of the Instagram Feed plugin which allows you to display Instagram photos by hashtag, display Instagram captions, view Instagram photos in a pop-up lightbox, show the number of Instagram likes & comments and more
  • Tweak: The ‘Load More’ button now automatically hides if there are no more Instagram photos to load
  • Tweak: Added a small gap to the top of the ‘Load More’ button
  • Tweak: Added a icon to the Instagram Feed menu item

1.1.6

  • Fix: A maximum width is now only applied to the Instagram feed when the Instagram photos are displayed in one column

1.1.5

  • Fix: Added a line of code which enables shortcodes to be used in widgets for themes which don’t have it enabled

1.1.4

  • Fix: Fixed an issue with the Instagram Access Token and Instagram User ID retrieval functionality in certain web browsers

1.1.3

  • Fix: Fixed an issue with the maximum Instagram image width
  • Fix: Corrected a typo in the Instagram Feed Shortcode Options table

1.1.1

  • Pre-tested for the upcoming WordPress 4.0 update
  • Fix: Fixed an uncommon issue related to the output of the Instagram content

1.1

  • New: Added an option to set the number of Instagram photos to be initially displayed
  • New: Added an option to show or hide the ‘Load More’ button
  • New: Added ‘Step 3’ to the Instagram Feed Settings page explaining how to display your feed using the [instagram-feed] shortcode
  • New: Added a full list of all available Instagram Feed shortcode options to help you if customizing multiple Instagram feeds

1.0.2

  • Fix: Fixed an issue with the Instagram login URL on the plugin’s Instagram Feed Settings page

1.0.1

  • Fix: Fixed an issue with the Instagram Feed ‘Load More’ button opening an empty browser window in Firefox

1.0

  • Launched the Instagram Feed plugin!