Las mejores maneras de agregar un feed de Instagram a su sitio web de WordPress
Publicado: 2022-04-10Cuando la mayoría de la gente piensa en las redes sociales, se imagina Facebook y Twitter. Sin embargo, Instagram se está convirtiendo rápidamente en una de las mayores herramientas de redes sociales en línea. Es un sitio para compartir fotos que ha crecido a más de 400 millones de usuarios activos mensuales. También se ubica como uno de los 10 sitios web más visitados en Estados Unidos. ¡Tu negocio necesita estar ahí!
Este artículo cubrirá algunos métodos diferentes que puede usar para mostrar su feed de Instagram en su sitio web con WordPress.
Instafeed.js es una excelente opción, pero no tiene todas las funciones que podría desear. El widget de Instagram de Elfsight y el complemento Smashballoon son otras dos opciones que vale la pena considerar si está buscando crear un feed de Instagram con más funciones que las que ofrece instafeed.js. ¡Sigue leyendo para conocer estas tres formas diferentes de agregar un feed de Instagram a tu sitio de WordPress!
¿Por qué agregar un feed de Instragram a su sitio web?
Instagram ya no es una plataforma solo para fotógrafos, y el valor de tener tu feed de Instagram en tu sitio web no es decir que eres un "influencer" o que quieres Me gusta y seguidores. Un feed de Instagram muestra a los clientes lo que estás haciendo, lo que te importa y cómo conectarse contigo. Su feed de Instagram también puede ser un canal efectivo de atención al cliente.
Instagram tiene aproximadamente 300 millones de usuarios activos mensuales. Esa es una gran cantidad de ojos para su producto o empresa. Incluso si su objetivo no es vender cosas directamente, un feed de Instagram puede ser tremendamente valioso.
Instagram brinda muchas oportunidades para la investigación de mercado. Puede ver qué tipos de imágenes captan la atención de su audiencia y aprender sobre el tipo de contenido que tiene más probabilidades de funcionar bien. De esa manera, puede planificar las publicaciones con anticipación que tienen más probabilidades de generar participación o llegar a las personas adecuadas. Además, facilita la planificación de su contenido, ya que tendrá una mejor comprensión de lo que funciona y lo que no.
Instagram también es una de las mejores formas de generar lealtad a la marca y garantizar que los clientes sigan regresando por más. Un excelente ejemplo de uno de nuestros clientes (una empresa de suplementos en línea) muestra cómo su feed de Instagram los ayuda a conectarse con sus clientes y generar lealtad a la marca, incluso cuando no están vendiendo nada activamente.
Entonces... ahora sabemos que Instagram vale la pena, y mostrar un feed de Instagram en su sitio web de WordPress es valioso. Ahora hablemos de cómo hacer precisamente eso.
Cubriremos tres métodos. El primer método es una biblioteca JavaScript gratuita llamada Instafeed.js. La segunda opción es Instafeed Widget de Elfsight y la tercera es Smashballoon Plugin. Estos varían en términos de complejidad y precio, y como agencia intercalaremos nuestros pensamientos a medida que usamos todos estos métodos.
Usar la biblioteca InstaFeed.js
El primer método es la biblioteca InstaFeed.js. Funciona en todos los principales navegadores, incluidos los dispositivos móviles, y no requiere ningún código del lado del servidor para ejecutarse. La biblioteca está disponible gratuitamente en GitHub y puede incluirla en el elemento <head> de su sitio mediante una etiqueta de secuencia de comandos simple.
Recientemente, lanzaron la versión 2.0 de Instafeed, que ahora funciona con la nueva API de Instagram.
Debido a que es código fuente abierto, es gratis.
Estas son algunas de las características clave:
- Esta es una excelente manera de crear un feed básico de Instagram en su sitio web.
- Es simple, fácil de usar, liviano y perfecto para sitios que no tienen mucho tráfico o muchas imágenes (no ralentizará las páginas).
- En general, nos gusta mucho, ya que es liviano y funciona bien.
- InstaFeed ahora funciona con la nueva API de Instagram. Esto aumenta las posibilidades de que su sitio web no sea eliminado porque sigue las nuevas pautas de la API.
Esta biblioteca JS es relativamente fácil de instalar si sabe lo que está haciendo, pero en comparación con otros métodos, es mucho más compleja. Echemos un vistazo al proceso de instalación.
Primero, agregamos la biblioteca a través de CDN.
Esto se hace con una etiqueta de script insertada en el encabezado de nuestro sitio web de WordPress.
A continuación, inicializamos el widget en nuestro sitio y lo agregamos a un div con una ID arbitraria:
var instaFeed = new InstaFeed("#myInstagramWidget");
Luego, configuramos las distintas opciones, como el nombre de usuario de Instagram, cantidad de fotos a mostrar, etc:
El div con el ID de #myInstagramWidget se completará con un feed de Instagram.
Si tiene conocimientos técnicos, puede crear vistas personalizadas, mostrar hashtags y hacer prácticamente cualquier cosa que necesite en términos de agregar un feed de Instagram a WordPress (de hecho, usamos esta biblioteca en nuestro Feed de Instagram profesional para Oxygen Builder). componente). Pero, deberá tener un buen conocimiento de JS y esta biblioteca para hacer eso.
En cuanto al rendimiento, el tamaño de Instafeed es de 1,5 kb y funcionará en todos los navegadores principales y no tiene dependencias del lado del servidor.
El problema con este método es que ofrece una funcionalidad limitada en comparación con otros métodos para agregar un feed de Instagram a su sitio web. El script intenta simular el "Mapa de fotos" de Instagram, pero no es muy perfecto para hacerlo. También es probable que sea complicado para alguien que no conoce JavaScript, por lo que no es perfecto para el dueño de un negocio que busca una solución completamente simple.
Afortunadamente, hay otras opciones disponibles para los dueños de negocios que no tienen el tiempo o las habilidades para configurarlo ellos mismos. ¡Repasaremos dos de esos ahora!
Widget de alimentación de Instagram de ElfSight
El feed de ElfSight IG es otra forma de agregar fotos de Instagram a un sitio web de WordPress. Este es muy simple de configurar e instalar, está bien diseñado y es fácil de usar.
Con Elfsight, puede agregar su feed de Instagram a cualquier parte de una página de WordPress, incluido el encabezado, la barra lateral o el pie de página. También puede diseñar elementos como colores y fuentes, así como agregar CSS personalizado.
Para algunos, ElfSight es gratis, pero en la mayoría de los casos, querrá optar por el plan básico o profesional. El plan profesional cuesta $10/mes y viene con:
- Sitios web ilimitados
- 50,000 vistas
- soporte prémium
- Servicio de instalación gratuito
- Eliminación del logotipo de Elfsight
Hay un plan básico un poco más limitado de $ 5 / mes, así como un plan lite gratuito.
Hay 50 opciones de personalización diferentes y fáciles de usar, así como plantillas para elegir. A diferencia de Instafeed, con Elfsight, también puede mostrar fotos de cualquier cuenta pública de Instagram o por hashtag, ubicación o URL de la foto y nunca preocuparse por mezclar todo, se admite cualquier combinación.
Esto se puede filtrar o moderar, y mostrarse como una cuadrícula o un control deslizante. ¡También puedes tener una ventana emergente!
Esta solución es interesante porque en realidad no es un complemento. En cambio, lo instala incrustando un código en su sitio, como Instafeed, pero para este, es solo copiar y pegar. La integración es perfecta y tiene muchas opciones para mostrar contenido. Siempre está actualizado y todo se gestiona en el sitio web de Elfsight.
De los tres en nuestra lista, Elfsight es nuestro favorito. Tienen características increíbles en un paquete utilizable, así como un gran soporte. Lo mejor de todo es que su precio es razonable para lo que obtienes.
Como agencia, nos gusta este porque es el más fácil de usar para nuestros clientes. Lo configuramos para ellos, y nunca tocan el código. ¡Las opciones para compartir en las redes sociales también son un buen toque!
Complemento para aplastar globos
La entrada final en nuestra lista es el complemento de feed de Instagram Smash Balloon. Este es un complemento estándar de WordPress.
Diseñado para ser compatible con cualquier tema de WordPress en su sitio, el complemento Feed de Instagram no requiere ningún trabajo para que se vea perfecto. El complemento viene equipado con toneladas de opciones de personalización para que pueda ajustar la apariencia y el diseño de su feed elegido. Puede mostrar fuentes en todo su sitio y personalizarlas con los estilos de código abreviado. Por ejemplo, si desea una fuente de video en una página y un carrusel de fotos en otra, ¡no hay problema!
El complemento almacena en caché los datos que recibe de Instagram para disminuir el tiempo de carga y minimizar las solicitudes de API. También tiene un sistema de almacenamiento en caché de respaldo en caso de problemas de API, lo que garantiza que su fuente permanezca activa incluso si más la necesita. Puede vincular sus publicaciones de Instagram a URL personalizadas agregando la URL al título de su publicación. Esto facilita que las personas que hacen clic en una publicación específica en su feed vean productos o páginas que son relevantes en ese momento.
Instagram Feed Pro es un complemento de WordPress receptivo para su cuenta de Instagram que fue diseñado desde cero para funcionar bien en todos los dispositivos, ya sea que esté usando una pantalla táctil o no.
Algo que es increíble acerca de la compañía detrás del complemento de WordPress, Smash Balloon, es el soporte que ofrecen. Ponerse en contacto con el equipo a través de su sitio web es fácil y se recomienda que lo haga si necesita asistencia o tiene preguntas sobre este complemento. La empresa también tiene un excelente blog donde puede encontrar consejos y trucos, así como tutoriales para usar Instagram en su sitio.
Para un sitio, cuesta $ 49 al año y, por supuesto, si desea utilizar el complemento, necesitará una licencia.
Una palabra sobre la API de Instagram
Algo a considerar (y un aspecto de Instagram que es molesto) es su API y las restricciones que conlleva. El problema es que la API de Instagram tiene un límite de solicitudes por usuario. Cuando su secuencia de comandos exceda esta cantidad, recibirá un mensaje de error de Instagram que le indicará que se detenga, e Instagram deshabilitará el acceso a su cuenta si detecta un uso excesivo.
Esto no significa deshabilitar completamente su cuenta para siempre (aunque ya lo han hecho en el pasado), pero es posible que no pueda recuperar los datos de Instagram nuevamente hasta que ajuste su código o espere horas para que Instagram restablezca sus solicitudes. ¡Así que tenga esto en cuenta cuando cree su feed de Instagram y no abuse de la API!
La API también está cambiando mucho, específicamente ahora que Facebook es dueño de la empresa. Por ejemplo, es imposible mostrar realmente un feed de Instagram en un sitio web de WordPress sin una clave API específica.
El permiso restante de la API heredada de Instagram se deshabilitó el 29 de junio de 2020. Ahora, los desarrolladores deben usar la API de visualización básica de Instagram y la API gráfica de Instagram. Esto significa que cualquier complemento de WordPress ahora debe construirse utilizando la API de Instagram.
Sin embargo, con este desarrollo, se ha vuelto un poco más fácil para los usuarios de los complementos. Es posible que lo hayas notado, pero ahora es una experiencia relativamente fácil (aunque más limitada) cuando se trata de crear la clave API e integrarla. En la mayoría de los casos, es solo un clic de botón.
Esté siempre atento a las noticias de API asociadas con Instagram. Si hacen algún cambio en el futuro y usted está en la oscuridad, ¡su feed de Instagram de WordPress puede dejar de funcionar!
¿Cuál es la mejor solución de alimentación de Instagram para WordPress?
Elfsight es el mejor proveedor en este momento. Tienen el mejor paquete por el precio, y nos gusta más su soporte y producto. Si usted es propietario de un negocio o administrador web y busca una solución rentable y con excelentes funciones, ese es su tipo.
Instafeed.js es bueno para las personas técnicas que desean una solución gratuita pero un control absoluto cuando se trata de WordPress e Instagram. Si eres un desarrollador y no tienes miedo de ajustar el código y construir tus propias cosas, estarás en el cielo. Sin embargo, actualmente hay una falta de documentos que dificulta el acceso a los principiantes.
Finalmente, Smash Balloon es una solución muy respetada. Instagram Feed Pro lo ayuda a mostrar feeds de Instagram completamente personalizables en su sitio web y hacerlos interactivos.
Sin embargo, en comparación con Elfsight, algunos pueden encontrarlo más complejo, ¡pero es más barato!
Independientemente de la solución que elija, asegúrese de que el complemento/biblioteca se actualice regularmente para evitar problemas o problemas con el uso.
Si tiene alguna pregunta sobre este artículo o sobre los complementos de alimentación de Instagram en general, ¡no dude en dejarlos en la sección de comentarios a continuación! Disfrute y feliz edificio.