Mantener el contenido de tu sitio web fresco y atractivo puede llevar mucho tiempo, pero añadir tu feed de Instagram con WordPress puede ayudar a agilizar este proceso.
La publicación automática de nuevas fotos de Instagram en tu sitio de WordPress garantiza que tu contenido más reciente esté siempre a la vista, manteniendo tu sitio dinámico e interactivo. Esto mejora el atractivo visual de tu sitio web, aumenta la exposición de la marca e incluso dirige más tráfico a tu cuenta de Instagram.
A lo largo de los años, hemos utilizado diversas estrategias de medios sociales para mejorar el tráfico de nuestro sitio web. Nos ha servido para aprender a utilizar eficazmente plataformas como Facebook, Twitter e Instagram para conectar con nuestro público.
En este artículo, te mostraremos cómo publicar automáticamente nuevas fotos de Instagram en WordPress, paso a paso.
¿Por qué publicar fotos de Instagram en WordPress?
Instagram tiene más de 2.000 millones de usuarios activos al mes y permite compartir vídeos e imágenes en la plataforma de medios sociales. Incluso permite descubrir nuevas cuentas de usuarios basándose en lo que ya les gusta.
Si ya tienes un sitio web WordPress y acabas de empezar a usar Instagram, entonces puedes ganar más seguidores fácilmente publicando tus nuevas fotos de Instagram en tu sitio web.
Esto puede ayudarle a construir la prueba social, mostrando que usted está activo en Instagram e interactuar con su público en la plataforma. También puede aumentar el tiempo que los visitantes pasan en tu sitio.
Dicho esto, echemos un vistazo a cómo publicar fácil y automáticamente nuevas fotos de Instagram en WordPress. Puede utilizar los enlaces rápidos a continuación para saltar a los diferentes métodos:
Método 1: Añadir una foto de Instagram como una nueva entrada en WordPress
Este método es para usuarios que quieren crear una nueva entrada de blog mostrando su última foto de Instagram.
Esto significa que cada vez que se publique una entrada de Instagram de tu cuenta, se publicará automáticamente una entrada de blog con esa característica.
Puedes hacerlo fácilmente utilizando IFTTT (If This Then That), que es una potente herramienta que te permite automatizar tu sitio de WordPress con los medios sociales.
En primer lugar, tienes que visitar el sitio web de IFTTT y hacer clic en el botón “Comenzar” en la esquina superior derecha de la pantalla.
Después, tienes que acceder o crear una nueva cuenta en el sitio web.
Una vez hecho esto, visita tu panel de IFTTT y haz clic en el botón “Crear” de la esquina superior derecha para empezar a crear un applet.
Esto te llevará a una nueva página en la que tienes que establecer los ajustes de disparo y acción.
Puede empezar haciendo clic en el botón “Añadir” situado junto a la opción “Si esto”.
A continuación, se le dirigirá a la página “Elegir un servicio”, donde deberá seleccionar una plataforma para el activador.
Si quieres publicar una entrada de blog cada vez que se suba una nueva foto a tu cuenta de Instagram, tendrás que seleccionar Instagram como servicio.
Accederá a la página “Elegir un activador”.
Desde aquí, sólo tienes que elegir la opción “Cualquier foto nueva tuya” como disparador.
Ahora accederás a la página “Conectar servicio”, donde podrás conectar tu cuenta de Instagram a IFTTT.
Para ello, basta con hacer clic en el botón “Conectar”.
Se abrirá una indicación de Instagram en una nueva ventana en la que tendrás que acceder a tu cuenta.
Una vez hecho esto, IFTTT te pedirá permiso para recibir información sobre medios desde tu cuenta de Instagram. Solo tienes que conmutar el interruptor “Medios” y hacer clic en el botón “Permitir”.
Ahora serás redirigido a la página de IFTTT, donde tu cuenta de Instagram ha sido conectada.
A continuación, haga clic en el botón “Crear activador” para completar el proceso.
Ahora que su disparador ha sido creado, es hora de crear la acción. Esto es lo que sucederá después de que se produzca el desencadenante.
Para ello, haga clic en el botón “Añadir” situado al lado de la opción “A continuación”.
Accederá de nuevo a la página “Elegir un servicio”.
Esta vez, busque y seleccione WordPress como servicio.
A continuación, accederá a la página “Elegir una acción”, donde deberá seleccionar la acción que su sitio web llevará a cabo una vez que se produzca la activación.
Desde aquí, selecciona la opción “Crear una entrada con foto” como acción.
Esto te llevará a una nueva página donde deberás añadir la URL de tu sitio web y los datos de acceso para conectarlo con IFTTT.
Una vez hecho esto, basta con hacer clic en el botón “Crear acción” situado en la parte inferior de la página.
Ahora se le dirigirá a la nueva pantalla, donde podrá ver el activador y la acción que ha creado mediante IFTTT.
También puede modificar estas acciones al hacer clic en el enlace “Modificar”. Sin embargo, si no desea realizar ningún cambio, simplemente haga clic en el botón “Continuar”.
Accederá a una nueva pantalla en la que podrá cambiar el título del applet y conmutar el interruptor para recibir un aviso cada vez que se utilice este applet.
Por último, haga clic en el botón “Finalizar”.
Ahora puedes publicar una nueva foto en tu cuenta de Instagram y se publicará automáticamente en tu sitio de WordPress.
Este es el aspecto que tenía en nuestro blog WordPress de demostración.
Método 2: Muestra tu feed de Instagram en tu sitio WordPress
Este método es para usuarios que sólo quieren mostrar sus feeds de Instagram en sus sitios web sin crear nuevas entradas en WordPress.
Usted puede hacer esto fácilmente usando el feed plugin Instagram por Smash Balloon. Es el mejor plugin de Instagram para WordPress que te permite añadir fácilmente tu feed de Instagram a cualquier página o entrada.
Ni siquiera necesitas un token de acceso para incrustar el feed de tus imágenes y carretes de Instagram.
En primer lugar, debes instalar y activar el plugin Instagram Feed. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.
Nota: El Instagram Feed plugin también tiene un plan gratuito. Sin embargo, vamos a utilizar la versión Pro para este tutorial, ya que tiene más opciones de personalización.
Tras la activación, vaya a la páginaInstagram Feed ” Ajustes desde la barra lateral de administración de WordPress para introducir su clave de licencia.
Puede encontrar esta información en su cuenta del sitio web de Smash Balloon.
Una vez hecho esto, visita la página Instagram Feed ” All Feeds desde el escritorio de WordPress.
Aquí, haz clic en el botón “+ Añadir nuevo” para empezar a incrustar tu feed de Instagram.
Ahora se te dirigirá a la pantalla “Crear un feed de Instagram”, donde deberás seleccionar la opción “Timeline de usuario” como tipo de feed.
Esto significa que Smash Balloon ahora obtendrá directamente las entradas para el feed de tu cuenta de Instagram y actualizará el feed automáticamente una vez que publiques nuevas fotos.
A continuación, haga clic en el botón “Siguiente” para continuar.
Una vez hecho esto, accederá a la página “Seleccionar una o varias fuentes”.
Para conectar tu cuenta de Instagram a tu sitio web, sólo tienes que hacer clic en el botón “+ Añadir fuente”.
Esto te dirigirá al sitio web de Smash Balloon, donde se te pedirá que selecciones tu tipo de cuenta de Instagram.
Ten en cuenta que si tienes una cuenta personal de Instagram, Smash Balloon conectará automáticamente tu sitio web con ella.
Sin embargo, si tienes una cuenta de empresa, ésta debe estar conectada a tu página de Facebook, que a su vez estará conectada a Smash Balloon.
Para este tutorial, seleccionaremos la opción “Personal”.
Ahora pasará al siguiente paso.
Aquí, tienes que hacer clic en el botón “Conectar con Instagram” para seguir adelante.
La plataforma Instagram se abrirá en la pantalla y tendrás que acceder a tu cuenta.
Una vez hecho esto, Smash Balloon te pedirá permiso para recopilar datos de tu cuenta de Instagram. Solo tienes que hacer clic en el botón “Permitir”.
Ya has conectado correctamente tu cuenta de Instagram a tu sitio web.
Ahora tienes que elegir tu cuenta y hacer clic en el botón “Siguiente” de la página “Seleccionar una o varias fuentes”.
Esto te dirigirá a la página “Comenzar con una plantilla”, donde podrás elegir cualquiera de las plantillas prediseñadas de Smash Balloon para tu feed de fotos de Instagram.
A continuación, haga clic en el botón “Siguiente”.
El plugin cargará tu feed de Instagram en su editor de vista previa. Aquí, usted notará una vista previa de feed en el lado derecho y la columna de ajustes en el lado izquierdo de la pantalla.
Para empezar a personalizar tu feed de Instagram, haz clic en la pestaña “Disposición”.
Esto abrirá algunos ajustes en la columna de la izquierda, donde puede cambiar su disposición a carrusel, cuadrícula, resaltado o mosaico.
Tenga en cuenta que si está utilizando el plugin gratuito, algunas de las opciones de personalización pueden estar bloqueadas para usted.
Una vez hecho esto, también puede configurar la altura del feed, el relleno y el número de entradas que se mostrarán en el feed desde aquí.
A continuación, haga clic en la pestaña “Combinación de colores” de la columna de la izquierda.
Puedes mantener tu feed de Instagram en modo claro u oscuro o incluso crear tu propio esquema de colores personalizado para él eligiendo la opción “Personalizado”.
A continuación, haz clic en la pestaña “Entradas” de la columna de la izquierda.
Aquí puede personalizar los distintos tipos de entradas, fondos, bordes y radios de las entradas.
A continuación, puedes hacer clic en las pestañas “Botón Cargar más” o “Botón Seguir” para añadir esos botones a tus feeds.
Para más detalles sobre los ajustes de personalización, consulta nuestro tutorial sobre cómo incrustar fácilmente Instagram en WordPress.
Por último, haz clic en el botón “Guardar” de la parte superior para establecer los ajustes.
Ahora es el momento de incrustar tu feed de Instagram en una página o entrada de WordPress.
Para ello, visita la página Instagram Feed ” All Feeds desde el escritorio de WordPress.
Una vez allí, sólo tienes que copiar el shortcode para el feed de Instagram que has creado.
A continuación, abra una página o entrada de WordPress de su agrado en el editor de bloques.
Desde aquí, haz clic en el botón “+” de la esquina superior izquierda de la pantalla para añadir el bloque de feed de Instagram.
A continuación, pegue el shortcode que ha copiado antes en la sección “Ajustes del shortcode”.
Por último, haga clic en el botón “Actualizar” o “Publicar” para almacenar sus ajustes.
Ahora puedes visitar tu sitio de WordPress para ver el feed de Instagram en acción.
Bonificación: Crear una galería de imágenes en WordPress
Incrustar tu feed de Instagram en tu sitio web es solo una forma de presumir de fotografía. También puedes crear tu propia galería de imágenes en WordPress.
Esto puede ser muy útil si tiene un sitio web de fotografía o vende imágenes mediante Easy Digital Downloads. También puede hacer que su sitio web parezca más atractivo en general.
Además, si tiene una tienda en línea, la creación de una galería de imágenes de productos puede ayudarle a mostrar todos sus productos en un solo lugar y a aumentar las ofertas.
Envira Gallery es la mejor opción para añadir una atractiva galería de imágenes a su sitio WordPress.
Es el mejor plugin de WordPress para galerías que incluye un maquetador de arrastrar y soltar, plantillas de galerías prediseñadas, intercambio social, compresión de imágenes, marcas de agua, paginación y mucho más.
El plugin también se puede integrar con Pinterest, Instagram, WooCommerce y Beaver Builder. Para más detalles, consulta nuestro tutorial sobre cómo crear una galería de imágenes en WordPress.
Esperamos que este artículo te haya ayudado a aprender cómo publicar automáticamente nuevas fotos de Instagram en WordPress. También puedes consultar nuestro tutorial sobre cómo crear un feed de Facebook personalizado en WordPress y nuestra selección de los mejores plugins de medios sociales para WordPress.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
ASHIKUR RAHMAN
for step 1 ifttt , will those image be saved in my server/wp media? if yes then those image will be on original size/quality?
also can we setup posting from following list? people that i follow.
WPBeginner Support
The process should bring the images into your media library and your theme’s image sizes would determine the image size used.
This would not be for lists that you are following.
Administrador
THANKGOD JONATHAN
I have been using Zapier free plan for longtime because of some budget issues but comes with a lot of limitations. Is the free version of IFTTT better than that of Zapier free plan?
WPBeginner Support
IT would depend on how you use it, as it is free we would recommend giving it a try to see if it works for you
Administrador
Konrad
In IFTTT it’s also worth noting that you can create custom applets for more advanced automation. For instance, you can set up an applet that posts only photos with specific hashtags or from certain locations if its useful for you
Jiří Vaněk
I use Smash Baloon to display an Instagram feed. However, sometimes this plugin disconnects from the feed and needs to be reconnected. I’m not sure if it’s a server configuration issue because it happens across multiple websites or if it’s due to some changes on Instagram’s end. Occasionally, I have to check the website to see if the feed is displaying. It doesn’t happen too frequently, but in the last year of running the website, it disconnected and stopped displaying the feed maybe 2 or 3 times.
WPBeginner Support
If you reach out to Smash Ballon’s support they should be able to assist and let you know. For the most part it seems that social media sites are making changes to how their content may be accessed as a major factor.
Administrador
Ralph
I used wordpress tool for that to put my feed in footer or that was a function of my theme, don’t really remember. It looks really nice, when you create well designed posts, however i focus on my website most. Leaving “gate” to instagram is for me another distraction that may take my reader away and lower my goal conversion.
WPBeginner Support
That could be something to consider depending on your content but you can also share your posts on instagram to work on driving traffic to specific sections of your site’s content.
Administrador
Ricki Wellman
When using the IFTTT it’s posting to Wordpress ok but it is adding a description.
I’ve tried a few times, why is this showing?
WPBeginner Support
You may want to check that the recipe/applet you’re using is not adding a specific excerpt with your settings for the most likely reason.
Administrador
Justin
Does this work with instagram video posts as well?
WPBeginner Support
It would depend on the method you’re asking about
Administrador
Bryan Matheson
Will this work if my wordpress site is hosted elswhere, like bluehost.com?
WPBeginner Support
Yes, our tutorials are for WordPress.org sites and as you’re hosted on BlueHost your site is a WordPress.org site.
Administrador
Laurie
I was so excited to find this. Sadly Wordpress has made it so you have to buy their yearly business plan otherwise you can’t use plugins.
WPBeginner Support
Hi Laurie,
You are probably using WordPress.com. Please see our guide on the difference between self hosted WordPress.org vs free WordPress.com blog.
Administrador
Tess
Mine doesn’t seem to load? it just has this little loading symbol, if i click the follow button it will go to the page though.
RubnawazQureshi
Thank you so much. I was looking automatically Instagram into my WordPress website. Thank you again for helping me.