Instagram en WordPress: cómo mostrar el feed o las publicaciones en tu página web [Con y sin plugins]

¿Quieres añadir o mostrar fotos de Instagram en WordPress? ¿Te gustaría añadir tu feed de Instagram en tu página web? Entonces este tutorial de cómo integrar WordPress e Instagram te va a interesar, ya que vamos a aprender a mostrar de diferentes formas las imágenes de esta red social en tu página web o blog.

Instagram se ha convertido en una de las redes sociales más utilizadas en la actualidad. Y no nos extraña, ya que es una red social que puede ser muy efectiva para determinadas estrategias de marketing online y además, ofrece ventajas respecto a otras, como su mayor capacidad de engagement e interacción con el usuario o su poder para reforzar la marca personal o la imagen de la empresa.

Es por ello que en este post veremos cómo añadir Instagram a WordPress de varias maneras muy sencillas, tanto con la ayuda de plugins como sin ellos, para que puedas mostrar tus fotos de Instagram en tu página web.

* Para mostrar tus contenidos de Instagram en WordPress puede que en la mayoría de casos sea necesario tener tu perfil público, así que tenlo en cuenta si eres de los que tiene su perfil privado.

Cómo mostrar Instagram en WordPress sin utilizar plugins

Si lo que queremos es solo mostrar una imagen o video de Instagram dentro de una entrada o página de WordPress sin utilizar plugins, podemos hacerlo de varias maneras y todas ellas de lo más sencillo.

Copiar la URL del contenido en Instagram y pegarla en el editor de WordPress

Al igual que cuando copias la dirección de un vídeo de Youtube, WordPress reconoce de forma automática las URL de Instagram y reproduce el contenido si se pega la URL del elemento en el editor de texto de WordPress.

La URL que debes copiar es la que se muestra cuando abres una imagen de Instagram, tal cual como en el ejemplo de abajo.

Una vez que hayas pegado la URL de Instagram se insertará la imagen en tu WordPress automáticamente, como puedes ver en la imagen inferior.

Esta es sin duda una forma sencilla de añadir Instagram en WordPress, pero existen más que vamos a ver a continuación.

Utilizar el código de inserción de Instagram

Otra forma de insertar las imágenes, videos o contenidos de Instagram en WordPress es utilizar el código de inserción de Instagram.

Este código podemos encontrarlo al pulsar el botón de opciones (icono de 3 puntos) cuando estamos viendo una imagen en Instragram, tal como puedes ver marcado abajo en el cuadrado amarillo.

En el cuadro de diálogo que se muestra debes elegir «Código de inserción» y ya podrás copiar el código, así como elegir si quieres incluir también el título de la imagen en la inserción.

Una vez que hayas copiado el código, lo que resta es pegarlo en el editor de texto en la parte de HTML para que así funcione y se muestre.

Plugins de WordPress para añadir el feed de Instagram

Las soluciones que acabamos de ver hasta el momento están bien para poner una imagen, vídeo o publicación de forma puntual en alguna parte de nuestra web WordPress.

Pero puede que lo que te interese no sea solo mostrar alguno de tus contenidos, sino enseñar a tus visitantes tu feed de Instagram en alguna parte de tu sitio.

Existe alguna herramienta externa como Instawidget que hace esta función, pero no la recomiendo ya que al hacer clic encima de cualquier foto, el usuario no es redirigido al propio perfil de Instagram, sino a la página de Instawidget, donde se muestran las fotos.

La mejor solución en la mayoría de casos es optar por alguno de los muchos plugins que existen en WordPress para Instagram, de los que a continuación veremos dos que son los que considero los mejores para esta función.

Instagram Feed

Este es sin duda el plugin más utilizado para añadir el feed Instagram en una web WordPress. Y no es de extrañar, ya que en su versión gratuita permite incrustar el feed de Instagram de forma muy sencilla mediante un shortcode en cualquier parte de la web. Además, este plugin tiene muchas opciones de personalización para mostrar el feed: colores, botones, texto, etc.

Aunque la versión premium permite personalizar otras opciones muy interesantes del feed de Instagram como la localización de las imágenes o el número de «Me gusta» o «Comentarios», en la mayoría de casos suele ser más que suficiente si se usa la versión gratuita.

Configurar Instagram Feed es bastante fácil. Una vez instalado, activado y en el panel del plugin, es necesario vincular el perfil de Instagram con el plugin mediante el botón azul “Iniciar sesión y obtener mi token de acceso y mi ID de usuario”.

Seremos llevados a nuestra cuenta de Instagram donde tendremos que autorizar a a la aplicación, generando el token y el User ID que deberemos pegar más abajo, tras lo que haremos clic en «Guardar cambios».

Una vez vinculado nuestro perfil solo resta ir a la pestaña «Mostrar tu feed» donde hay varias opciones en forma de shortcode que podemos pegar en cualquier lugar de nuestra web WordPress donde se pueda insertar texto.

Aunque configurar este plugin de Instagram es bastante sencillo, si que es cierto que tiene bastantes opciones que seguro que pueden serte muy útiles y no sabes como funcionan. Por eso también te recomiendo echarle un vistazo a este vídeotutorial que hemos realizado sobre la configuración de Instagram Feed paso a paso:

 

WP Instagram Widget

Esta es otra excelente opción para mostrar el feed de Instagram en WordPress, ya que es un plugin muy sencillo que crea un widget específico de Instagram.

WP Instagram Widget es un plugin muy útil si lo que quieres es poner en tus widgets de WordPress Instagram sin complicaciones y de manera muy simple. Sin embargo, no tiene demasiadas opciones de personalización ni la posibilidad de CSS customizado, por lo que puede que en algunos casos el anterior plugin Instagram Feed sea más adecuado si quieres integrarlo con el estilo de tu web.

Añadir Instagram a tu WordPress es muy sencillo

Como has visto, insertar publicaciones o el feed de Instagram en WordPress es de lo más fácil y existen muchas soluciones gratuitas que puedes utilizar para hacerlo.

Si no eres amigo de los plugins y no quieres mostrar tu feed actualizado a excepción de publicaciones sueltas, la opción de embeberlo en el contenido es la más sencilla y práctica. Pero como ves hay más opciones con las que integrar Instagram y WordPress de manera sencilla en apenas unos minutos.

Y tú, ¿qué te han parecido estas formas de añadir Instagram a WordPress? ¿Conoces alguna otra que crees que es más adecuada o efectiva? Pues déjanos un comentario que ya sabes que respondemos a todos.

Y si te ha gustado el post o crees que puede ser de utilidad a algún amigo o conocido, ya sabes que puedes compartirlo en tus redes sociales 😉