Cómo mostrar su feed de Instagram en su sitio web de WordPress 1

Cómo mostrar su feed de Instagram en su sitio web de WordPress

¿Sabías que a partir de 2019? Instagram tiene más de mil millones de usuarios activos? Independientemente de su industria y nicho, ese es un potencial que simplemente debe aprovechar. Todos lo utilizan en estos días, incluso las grandes corporaciones, que lo utilizan para establecer la personalidad de su marca y promover su negocio. Pero no es suficiente simplemente «estar en Instagram». Para prosperar realmente en las redes sociales, debe conectar todos sus perfiles sociales en una presencia web integral entre la que los usuarios puedan navegar fácilmente.

Una de las mejores formas de mantener a los visitantes de su sitio web comprometidos con su actividad de Instagram es agregue un feed de Instagram en su sitio web. Estamos aquí hoy para darte algunas pautas al respecto, pero primero veamos qué es realmente un feed de Instagram y cómo funciona. Esto es lo que vamos a cubrir:

¿Qué es un feed de Instagram?

Instagram es una plataforma basada en feeds en sí misma, dado que funciona mostrando contenido actualizado en tiempo real. Dinámico por naturaleza, es una gran adición a los sitios web de WordPress que tienen como objetivo mantener a sus visitantes comprometidos con contenido constantemente actualizado.

Un feed de Instagram en un sitio web significa que el contenido que publica en su perfil de Instagram (fotos y videos) también se muestra y actualiza en su sitio web. Sus visitantes no solo estarán al día con sus últimas publicaciones, sino que también aumentará el compromiso y las interacciones sociales y aumentará la cantidad de seguidores en su cuenta de Instagram. Además, el contenido de Instagram hace que su sitio web se vea fresco y dinámico con poco o ningún esfuerzo.

Agregar un feed de Instagram con su tema interactivo de Qode

La mayoría de los temas premium de WordPress de Qode Interactive vienen con un feed de Instagram ya incorporado. Si ha comprado uno de nuestros Temas de WordPress que tienen integración con Instagram, aquí le mostramos cómo activar el feed y comenzar a compartir sus publicaciones de Instagram directamente en su sitio web.

1. Lo primero que debe hacer es conecta tu sitio web con tu cuenta de Instagram (si tiene varias cuentas de Instagram, tendrá que elegir una para mostrar en su sitio). En su Panel de control, vaya a las opciones generales del tema. En nuestro ejemplo, estamos usando Bridge, por lo que las opciones se titulan Opciones de Qode. En temas creados por otros autores que forman parte de Qode Interactive, el nombre de las opciones del tema será Opciones de Seleccionar / Edge / Elated / Mikado, dependiendo del tema que estés usando.

Ahora haga clic en Social para conectar su cuenta.

Opciones de Qode Socila

2. Encuentra Instagram entre las redes sociales disponibles y haga clic en el botón que dice Conéctate con Instagram.

Conecte el tema Qode con Instagram

3. Ahora se le pedirá que autorice al tema para acceder a su perfil de Instagram (su información básica, medios e información de perfil). Haga clic en Autorizar para completar este paso.

Autorizar Instagram

4. Una vez que haya conectado su sitio con Instagram, podrá fácilmente desconectar o volver a conectar haciendo clic en los botones correspondientes.

Desconectar o volver a conectar Instagram

5. Después de conectar su sitio web con su cuenta de Instagram, es hora de agregar el feed a su sitio. Esto se hace usando widgets. Ir a Apariencia> Widgets.

Agregar widget

6. Aquí observará que hay una Widget de Instagram de Qode creado solo para este propósito, que se enumeran entre los otros widgets disponibles en el lado izquierdo de la pantalla.

Widget de Instagram de Qode

7. Para agregar el widget, simplemente arrastrarlo y soltarlo en el área de widgets deseada. Después de eso, puede personalizar el feed como desee.

widget de instagram de arrastrar y soltar

8. Establezca el título de su feed de Instagram, agregue etiquetas, especifique la cantidad de fotos que desea mostrar y la cantidad de columnas que desea usar. También puede establecer el tamaño de la imagen, el tiempo de caché para las imágenes y agregar un efecto de desplazamiento, si lo desea.

Haga clic en Hecho para guardar los cambios.

Colocamos el feed en el pie de página de nuestro sitio usando el tema Bridge, y así es como se ve:

Tema de puente de Instagram

Agregar un feed de Instagram con el complemento Spotlight Feeds de Instagram

Si está usando un tema que no viene con nuestro feed de Instagram incorporado, o si prefiere usar complementos, entonces Destacar feeds de Instagram es la solución adecuada para ti.

Destacar feeds de Instagram

Este complemento de WordPress se encarga de todas sus necesidades de Instagram. Puede conectar varias cuentas, tanto personales como comerciales, en cuestión de segundos y mostrar sus feeds en cualquier lugar de su sitio web.

Gracias a su vista previa interactiva en vivo, diseñar el aspecto de su feed nunca ha sido tan fácil. No importa su nivel de conocimiento de WordPress, puede establecer fácilmente el número de publicaciones y columnas de su feed. La interfaz intuitiva y fácil de usar del complemento le permite integrar sin problemas sus publicaciones de Instagram con el tema y el estilo de su sitio web.

los complemento de feed de Instagram gratuito ofrece todo lo necesario para empezar. Viene con un hermoso diseño de cuadrícula que puede mostrar sus publicaciones en una caja de luz (ventana emergente), es totalmente receptivo y le permite agregar un botón «Seguir» para garantizar que sus visitantes se puedan convertir en seguidores.

La versión paga ofrece algunas características más avanzadas, como la capacidad de mostrar publicaciones etiquetadas y con hashtags de todo Instagram, así como sus Historias de Instagram. También te permite filtrar y moderar tu feed. Esto asegura que pueda elegir exactamente lo que quiere que vean sus visitantes.

Además, la versión PRO viene con impresionantes diseños Highlight, Masonry y otros. Le permite mostrar la cantidad de comentarios y me gusta en su publicación de Instagram, así como mostrar subtítulos.

Lo más importante es que Spotlight es rápido y confiable y no afectará la velocidad de carga de su sitio web. El complemento también tiene su propio sistema de almacenamiento en caché que garantiza que sus feeds de Instagram siempre estén respaldados.

Instalación y configuración del complemento

1. Para instalar Spotlight, debe iniciar sesión en su Panel de control, hacer clic en Complementosy escriba «Destacar feeds de fotos sociales”El nombre del complemento en la barra de búsqueda.

Agregar nuevo complemento

2. Haga clic en Instalar ahora y luego en Activar.

Activar Spotlight

3. Feeds de Instagram aparecerá en el menú de su Panel de control. Haga clic en él para acceder a las opciones del complemento.

Feed de Instagram en el panel

4. Elija entre una cuenta de Instagram personal o comercial y seleccione el botón correspondiente en la página de inicio.

En este ejemplo, usaremos una cuenta personal.

Usando una cuenta personal

Deberá autorizar a Spotlight para obtener acceso a la información de su perfil de Instagram y sus medios.

Una vez que se haya conectado su cuenta, se le preguntará si desea agregar una foto de perfil y una biografía personalizada. En el caso de las cuentas personales, Instagram no permite que se importen las biografías de los usuarios y las imágenes de perfil, por lo que Spotlight aborda este problema con una simple solución.

Direcciones de Spotlight

5. Una vez que haya configurado todo, su feed se mostrará automáticamente en la vista previa interactiva en vivo. Ponle un nombre a tu feed y dirígete a la pestaña Diseño.

Ponle un nombre a tu feed y dirígete a la pestaña Diseño

6. En la pestaña Diseño puede:

La pestaña Diseño

7. En la versión PRO, ahora podrá filtrar y moderar su feed.

Filtrar y moderar

8. Después de personalizar el feed, es hora de empotrar eso. La pestaña Insertar le presentará un código corto que puede pegar en cualquier página, publicación o widget.

Su feed de Instagram se mostrará de acuerdo con la configuración que haya configurado en la pestaña Diseño. Puede ajustar esta configuración en cualquier momento y su feed se actualizará automáticamente en la interfaz.

Obtenga un código corto que puede colocar en cualquier lugar que desee

Spotlight también tiene un widget dedicado que puede usar para mostrar su feed.

Widget de Spotlight

¡Ahora ha configurado con éxito su feed de Instagram!

En su panel, diríjase a «Feeds» para acceder y administrar todos sus feeds. Spotlight le permite saber qué cuentas se están utilizando y dónde se muestra cada feed. También le permite eliminar feeds y copiar códigos cortos.

Acceda y administre todos sus feeds

Agregar un feed de Instagram con el complemento Smash Balloon

Otra excelente solución para sus necesidades de alimentación de Instagram es el Complemento Smash Balloon Social Photo Feed para WordPress.

Smash Balloon Social Photo Feed

Algo de un veterano en su campo, con más de un millón de instalaciones activas, actualizaciones periódicas y un excelente soporte, este es un complemento que se encarga de todo. Se conecta con su cuenta de Instagram (o varias cuentas, si las tiene) y muestra el feed donde lo desee. Puede configurar todo de la manera que desee, incluido dónde desea agregar el feed y con qué frecuencia desea que obtenga contenido nuevo de su perfil.

Instalación y configuración del complemento

1. Para instalar el complemento Smash Balloon Social Photo Feed, debe iniciar sesión en su Tablero, hacer clic en Complementos y luego escriba el nombre del complemento en la barra de búsqueda.

Agregar nuevo complemento

2. Haga clic en Instalar ahora y luego en Activar.

Activar complemento

3. Feed de Instagram aparecerá en el menú de su Panel de control. Haga clic en él para acceder a las opciones del complemento.

Feed de Instagram

4. Utilice el Configurar pestaña para conectar su (s) cuenta (s) de Instagram. En caso de que el botón no funcione por alguna razón, también hay una opción para agregar una cuenta manualmente.

Pestaña Configurar feed de Instagram

Aquí también puede establecer la frecuencia con la que desea que el complemento busque nuevas publicaciones (en minutos, horas o días).

comprobar si hay nuevas publicaciones

También hay una casilla que puede marcar si desea mantener su configuración incluso después de que se elimine el complemento de alimentación de Instagram. De esa manera, si decide reinstalarlo, no tendrá que volver a configurar todo como estaba.

mantener la configuración incluso después de eliminar el complemento

5. Una vez que haya conectado su cuenta de Instagram, haga clic en Guardar cambios y proceda a la Personalizar pestaña.

Pestaña Personalizar

Aquí puedes:

6. Después de personalizar el feed, es hora de configurar cómo quieres mostrarlo. Aquí, básicamente, obtiene una serie de códigos cortos para diferentes opciones, que puede colocar en cualquier lugar que desee en sus páginas, publicaciones o widgets.

Muestra tu pestaña Feed

El shortcode básico es [instagram-feed]. Al usarlo, su feed de Instagram se mostrará de acuerdo con la configuración que haya realizado en la pestaña Personalizar. Para opciones adicionales, el complemento ofrece una larga lista de opciones de shortcode disponibles. Simplemente agregue sus propios valores (tamaño en píxeles, número de publicaciones, códigos de color hexadecimales, etc.)

Código corto de Instagram disponible

Por ejemplo, si quieres que tu botón Cargar más diga algo más, como «Dame más», usa el código corto. [instagram-feed buttontext="Load More Photos"] y reemplace «Cargar más fotos» con su propio texto.

7. Después de configurar todo, es hora de decidir cómo desea que se muestre su feed. en dispositivos móviles.

Vuelve al Personalizar pestaña. La segunda opción de personalización es Diseño. Aquí verá una casilla de verificación que dice «Mostrar diseño para dispositivos móviles».

Feed de Instagram que se muestra en dispositivos móviles

Si la casilla está marcada, su feed de Instagram se mostrará en dispositivos móviles de la misma manera que se muestra en su página de escritorio. Esto puede no ser una buena idea ya que puede tener, por ejemplo, seis columnas en su pie de página. Funciona bien en una pantalla grande, pero en dispositivos móviles es simplemente demasiado pequeño.

Sin embargo, si la opción «Desactivar diseño móvil» no está marcada, el complemento, de forma predeterminada, mostrará menos columnas en el dispositivo móvil.

Y eso es. Su feed de Instagram ahora está completamente configurado y listo para funcionar.

Pensamientos finales

Teniendo en cuenta la enorme popularidad de Instagram como plataforma para compartir contenido, no es de extrañar que veamos cada vez más de estos feeds de Instagram en sitios web de Internet. Si no está usando uno, corre el riesgo de parecer fuera de contacto, y probablemente no quiera eso.

Afortunadamente, conectar su cuenta de Instagram con su sitio web es extremadamente fácil de hacer, especialmente si está utilizando uno de los temas de Qode Interactive que vienen con el feed de Instagram incorporado. Alternativamente, siempre puede usar uno de los complementos que discutimos anteriormente.

De cualquier manera, ¡es hora de conectarse, cargar y compartir!

Apoya nuestro trabajo ❤️

Si te ha gustado este artículo, considera dejar una propina para ayudarnos a seguir publicando contenido de calidad.

Pago seguro en PayPal