Cerca

Cómo agregar un Widget de Instagram en WordPress (guía paso-paso)

widget de instagram wordpress

W¿Quieres aprender a agregar un widget de Instagram a tu blog de WordPress? Mostrar su feed de Instagram en su blog es una excelente manera de aumentar el compromiso con sus lectores, brindarles contenido adicional y más.

Conectar su cuenta de Instagram a su blog de WordPress puede parecer difícil, ¡pero en realidad no lo es!

En este artículo, le mostraremos cómo agregar fácilmente un widget de Instagram a su blog de 2 maneras diferentes: manualmente y utilizando un complemento de WordPress para feed de Instagram. También repasaremos todas las formas en que agregar un widget de Instagram lo ayudará a hacer crecer su blog.

Listo?

¡Vamos a sumergirnos!

 

¿Qué es un widget de WordPress?

Primero, si es nuevo en WordPress, es posible que se pregunte qué es un widget de WordPress.

Los widgets son básicamente pequeños bloques de contenido que puede agregar a la barra lateral , pie de página y otras áreas de su sitio de WordPress.

Hay widgets de WordPress disponibles para muchas funciones diferentes, como mostrar sus publicaciones de blog más populares, agregar formularios, mostrar feeds de redes sociales y mucho más.

En el siguiente ejemplo, Studio Mommy agregó un widget de Instagram en el pie de página de su sitio web junto con íconos de redes sociales, un formulario de suscripción al boletín y más.

instagram-feed-studio-mami

Agregar un widget de Instagram a WordPress puede ser especialmente beneficioso para su blog.

Sigue leyendo para descubrir por qué. 

Beneficios de agregar un widget de Instagram a su blog de WordPress

Hay muchas formas en que agregar un widget de Instagram a WordPress puede ayudarlo a mejorar su sitio web y hacer crecer su blog.

Entonces, echemos un vistazo más de cerca a por qué debería agregar un feed de Instagram a su blog. 

Proporcionar a los visitantes más contenido

Cuando agrega un feed de Instagram a su blog, está proporcionando a los visitantes de su sitio web contenido más interesante para ver. En lugar de dejar su blog después de leer su última publicación, pueden desplazarse por su feed de Instagram, sin tener que abandonar su sitio web.

Este contenido adicional anima a los visitantes a permanecer en su sitio web por más tiempo.

Impulsar el SEO

Cuando agrega un widget de Instagram a WordPress, sus subtítulos de Instagram se incrustan en su sitio.

Esto ayuda a los motores de búsqueda a comprender mejor de qué se trata su blog, lo que puede ayudarlo a impulsar su SEO (optimización de motores de búsqueda) y generar más tráfico a su sitio. 

Incrementar el compromiso y los seguidores

Es posible que los lectores de tu blog no sepan que estás en Instagram . Entonces, al agregar un widget de Instagram a su blog, les hará saber que está activo en la plataforma.

Esto puede ayudarlo a obtener más seguidores en Instagram y aumentar su presencia en las redes sociales.

Además, cuando los lectores puedan ver sus últimas publicaciones de Instagram en su blog, los alentará a interactuar más con sus publicaciones dando me gusta o comentando. 

Actualice su blog fácilmente

Con un feed de Instagram incrustado en su blog, es fácil mantener su sitio actualizado con contenido nuevo. Cada vez que publica contenido nuevo en Instagram, aparece automáticamente en su sitio web. Esto le ahorra tiempo y muestra que su blog está activo. 

Genere pruebas sociales y confianza

Si comparte contenido generado por el usuario, como testimonios de sus lectores en Instagram, agregar un widget de Instagram a su sitio lo ayudará a construir una prueba social y confianza con los visitantes del sitio web.

Los usuarios de su sitio verán que otras personas confían en su blog, lo que los animará a convertirse también en fieles seguidores.

Ahora que conoce todos los beneficios de conectar su cuenta de Instagram con WordPress, vayamos directamente al tutorial. 

Cómo agregar un widget de Instagram en WordPress (manualmente)

Si desea agregar un widget de Instagram en WordPress sin un complemento, puede hacerlo manualmente.

Recomendamos usar un complemento porque es más fácil y le brindará un montón de otras opciones de visualización y personalización; más sobre eso en la siguiente sección.

Además, hay mucho espacio para errores con el método manual, que puede ser difícil de corregir si no está familiarizado con el código.

Pero, para agregar un widget de Instagram manualmente, comience por dirigirse a su cuenta de Instagram y seleccionar la foto que desea mostrar en su blog.

Haga clic en los 3 puntos pequeños en la esquina superior derecha de la publicación de Instagram. Luego, haz clic en Insertar .

Insertar en Instagram

En el siguiente paso, haga clic en el botón azul Copiar código incrustado . Aquí, también tiene la opción de eliminar el título de la inserción si lo desea, desmarcando la casilla Incluir título .

copie el código insertado

Una vez que haya copiado el código de inserción, simplemente puede pegarlo en cualquier publicación o página usando el editor de WordPress.

Si desea agregar un widget de Instagram a su barra lateral en WordPress, con el código de inserción copiado, vaya a su panel de WordPress. Luego vaya a Apariencia »Widgets.

widgets de apariencia del tablero

En el lado izquierdo de la página Widgets, verá una lista de widgets disponibles. Busque el widget de texto y arrástrelo hacia el lado derecho de la página donde desea que aparezca en su sitio. Para este tutorial, lo agregaremos a la barra lateral.

arrastrar-texto-widget-a-barra lateral

Una vez que haya colocado el widget donde lo desee en su sitio, haga clic en la flecha desplegable del widget.

Menú desplegable

Esto abrirá un cuadro de texto donde puede pegar el código de inserción de Instagram que copió anteriormente. Asegúrese de pegar el código de inserción en el editor de texto en lugar de en el editor visual.

pegar-insertar-código

También puede agregar un título para su feed de Instagram. Haga clic en Guardar cuando termine.

Eso es.

Ahora puedes ver tu widget de Instagram en vivo en tu blog.

widget de barra lateral de instagram

Como puede ver en el ejemplo anterior, no tiene muchas opciones de personalización cuando agrega manualmente un widget de Instagram en WordPress.

Entonces, echemos un vistazo a una mejor manera de agregar un widget de Instagram a WordPress.

Cómo agregar un widget de Instagram en WordPress (usando un complemento)

La forma más fácil y mejor de agregar un widget de Instagram a WordPress es con un complemento. Recomendamos el complemento Instagram Feed Pro de Smash Balloon .

Instagram Feed Pro Smash Balloon

Instagram Feed Pro es el complemento de Instagram mejor calificado para WordPress .

Con este plguin de Smash Balloon, con solo unos pocos clics puede agregar fácilmente su feed de Instagram como un widget en su barra lateral, a cualquier publicación o página de su blog usando el editor de bloques de WordPress, o pegando un código corto en cualquier lugar de su sitio.

Además, Instagram Feed Pro viene con características increíbles para ayudarlo a crear un widget de Instagram poderoso y personalizado, que incluye:

  • Múltiples opciones de diseño : elija entre las opciones de diseño integradas, como carrusel, cuadrícula, mampostería y resaltado. 
  • Sistema de moderación visual : decida qué publicaciones mostrar y cuáles ocultar. 
  • Compromiso social : muestra historias de Instagram, comentarios, me gusta y un botón de seguimiento en tu feed. 
  • Diseño receptivo: se adapta automáticamente a diferentes tamaños de pantalla para que su feed sea compatible con dispositivos móviles.
  • Múltiples feeds de Instagram : muestre tantos tipos diferentes de feeds en su sitio como desee. 

Smash Balloon también ofrece una versión gratuita del complemento , para que puedas probarlo.

Pero para acceder a funciones como múltiples diseños, comentarios y me gusta, y feeds de hashtags, debe actualizar a la versión pro .

Ahora, repasemos cómo usar Smash Balloon para agregar un widget de Instagram en WordPress, paso a paso. 

Paso 1: Instale el complemento de alimentación de Instagram

Primero, debe descargar Instagram Feed Pro de Smash Balloon e instalar y activar el complemento.

Para principiantes, consulte esta publicación sobre cómo instalar un complemento de WordPress para obtener instrucciones detalladas. 

Paso 2: conecta tu cuenta de Instagram con el complemento

A continuación, debe conectar su cuenta de Instagram con el complemento Smash Balloon. Para hacer esto, haga clic en el botón Feed de Instagram en su panel de WordPress que aparece después de descargar y activar el complemento.

Esto lo llevará a la página de Configuración del complemento Instagram Feed. Haga clic en el botón azul Conectar una cuenta de Instagram .

conectar-cuenta-instagram

Siga las indicaciones que aparecen en la pantalla para conectar su cuenta de Instagram.

El primer mensaje le preguntará si desea conectar una cuenta de Instagram personal o comercial .

cuenta-personal-comercial

Es importante tener en cuenta que para algunas funciones de Smash Balloon Instagram Feed, como el hashtag o las publicaciones que se pueden comprar, debes tener una cuenta de Instagram comercial.

Sin embargo, no se preocupe por el tipo de cuenta de Instagram que necesita en este momento porque siempre puede cambiarla más tarde.

Seleccione su tipo de cuenta de Instagram y haga clic en Conectar para continuar.

¡Eso es! Su cuenta de Instagram ahora está conectada al complemento Instagram Feed. 

Paso 3: elige el contenido de Instagram para mostrar

En la misma página, también puede elegir qué tipo de contenido de Instagram desea mostrar en su widget de Instagram.

Puede elegir mostrar:

  • Tu feed estándar de Instagram
  • Un feed con fotos de un hashtag público específico
  • Un feed con fotos en las que estás etiquetado
  • Un pienso mixto con varios tipos de pienso
Instagram-feed-type

Para mostrar un feed simple de sus últimas publicaciones de Instagram, elija la opción Cuenta de usuario y haga clic en Guardar cambios . 

Paso 4: elija el diseño para su widget de Instagram

Vaya a la página Configuración del complemento Instagram Feed y haga clic en la pestaña Personalizar .

aplastar-globo-personalizar-pestaña

En esta página, puede decidir cómo se verá el widget de Instagram en su blog con opciones de personalización como:

  • Anchura y altura 
  • Color de fondo
  • Número de fotos para mostrar
  • Mostrar / ocultar su biografía de Instagram
  • Agregar un botón Seguir

También puede elegir qué tipo de diseño desea que tenga su widget de Instagram. Instagram Feed de Smash Balloon ofrece 4 opciones de diseño diferentes para elegir:

  • Cuadrícula : una cuadrícula estándar con imágenes cuadradas fijas
  • Carrusel : un carrusel horizontal por el que los usuarios pueden desplazarse
  • Albañilería : una galería que muestra fotos de Instagram en su formato horizontal o vertical original.
  • Resaltar : una galería en la que las fotos específicas aparecen más grandes en la cuadrícula para resaltarlas.

Para este tutorial, elegiremos el diseño de cuadrícula, que se ve así:

aplastar-globo-instagram-cuadrícula-diseño

Elija el tipo de diseño que desee y haga clic en Guardar cambios .

Paso 5: agregue su widget de Instagram en WordPress

¡Ahora es el momento de agregar su widget de Instagram a su blog!

Con el complemento Instagram Feed de Smash Balloon, tienes 3 formas diferentes de insertar tu feed.

Repasemos cada uno de ellos. 

1. Bloque WordPress Feed de Instagram

Para agregar un widget de Instagram a una nueva página de su sitio web usando el editor de bloques de WordPress, primero vaya a Páginas »Agregar nuevo .

En el editor de bloques de WordPress, haga clic en el icono Más (+) para buscar un bloque de WordPress. En la barra de búsqueda, escriba «Instagram» para encontrar el bloque de WordPress Feed de Instagram .

widget de bloque de wordpress

Haga clic en el bloque para agregarlo a su página.

A continuación, obtendrá una vista previa de cómo se verá su feed de Instagram en su sitio web y podrá modificar la configuración si es necesario.

¡Publica la página para que tu widget de feed de Instagram esté activo en tu blog!

Aquí hay un ejemplo de cómo se ve el producto terminado:

Instagram-feed-smash-balloon

Puede usar este mismo método para agregar un feed de Instagram a cualquier página existente o publicación en su sitio. 

2. Código corto de feed de Instagram

Si está utilizando el editor clásico de WordPress, puede usar el código corto de Instagram Feed para mostrar su feed en una publicación o página de su sitio.

Ve a la página de configuración de feeds de Instagram . En la pestaña Display Your Feed , copie el código abreviado proporcionado.

feed-shortcode

Luego, simplemente pegue el código corto directamente en su publicación o editor de página.

pegar código corto

Haga clic en Publicar para guardar sus cambios y hacer que su feed de Instagram esté activo en su sitio. 

3. Widget de WordPress de Instagram Feed

Si desea que su widget de Instagram aparezca en su barra lateral, como el pie de página o la barra lateral principal, puede utilizar el widget de Instagram Feed integrado de Smash Balloon. 

Vaya a Apariencia »Widgets desde el panel de WordPress. 

Busque el widget de Instagram Feed en el lado izquierdo y arrástrelo a la barra lateral elegida. Para este tutorial, agregaremos un widget de Instagram a la barra lateral principal. 

aplastar-globo-widget

En la configuración, puede agregar un título. Cuando haya terminado, haga clic en Guardar . 

Ahora, cuando obtiene una vista previa de su sitio, puede ver su feed de Instagram en la barra lateral. 

barra lateral-instagram-feed

¡Eso es un envoltorio!

Ahora ha aprendido cómo agregar fácilmente un widget de Instagram en WordPress. Con su feed de Instagram que se muestra a la perfección en su blog, puede proporcionar contenido más interesante a sus lectores, impulsar el compromiso y hacer crecer su presencia en las redes sociales.

¿Quieres mostrar un feed de Facebook en tu blog también? Consulte nuestra lista de los mejores complementos de Facebook para WordPress . También puede leer nuestro tutorial sobre cómo insertar un grupo de Facebook en WordPress .

¡Y no olvide suscribirse a nuestro boletín por correo electrónico para obtener más consejos útiles sobre blogs!

Open

info@ibdi.it

Close