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

Widget de WordPress para Instagram

¿Quieresaprender cómo 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, proporcionarles contenido adicional y más.

Conectar tu cuenta de Instagram a tu blog de WordPress puede parecer difícil, ¡pero 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 usando un complemento de WordPress para feeds de Instagram.También veremos todas las formas en que agregar un widget de Instagram lo ayudará a hacer crecer su blog.

¿Hola?

¡Vamos a sumergirnos!

 

¿Qué es un widget de WordPress?

Primero, si eres nuevo en WordPress, es posible que te preguntes qué es un widget de WordPress.

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

Los widgets de WordPress están disponibles para muchas funciones diferentes, como ver publicaciones de blog populares, agregar formularios, ver feeds de redes sociales y mucho más.

En el siguiente ejemplo, Studio Mommy agregó un widget de Instagram al 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-mommy

Agregar un widget de Instagram a WordPress puede ser particularmente beneficioso para tu blog.

Sigue leyendo para descubrir por qué. 

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

Hay muchas maneras 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 abandonar 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 alienta a los visitantes a permanecer en su sitio web por más tiempo.

Mejora SEO

Cuando agrega un widget de Instagram a WordPress, los 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 mejorar su SEO (optimización de motores de búsqueda) y atraer más tráfico a su sitio. 

Aumentar el compromiso y los seguidores

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

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

Además, cuando los lectores puedan ver sus últimas publicaciones de Instagram en su blog, los alentará a participar más con sus publicaciones al darle me gusta o comentar. 

Actualiza fácilmente tu blog

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

Construya 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 crear pruebas sociales 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 alentará a convertirse en fanáticos leales también.

Ahora que conoces todos los beneficios de conectar tu cuenta de Instagram con WordPress, saltemos directamente al tutorial. 

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

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

Recomendamos usar un complemento porque es más simple y le dará muchas otras opciones de visualización y personalización, hablaremos de ellas 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 manualmente un widget de Instagram, comience yendo a su cuenta de Instagram y seleccionando la foto que desea mostrar en su blog.

Haz clic en los 3 puntos pequeños en la esquina superior derecha de la publicación de Instagram.A continuación, haga clic en Insertar.

Incrustar Instagram

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

Copiar el código incluido

Después de copiar el código de inserción, simplemente puede pegarlo en cualquier publicación o página utilizando 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.

widget-apariencia-panel de control

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

Arrastre el widget de texto a la barra lateral

Después de colocar el widget en la ubicación deseada en su sitio, haga clic en la flecha desplegable en el widget.

menú desplegable

Se 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 del editor visual.

pegar-incrustar-código

También puedes agregar un título para tu feed de Instagram.Haga clic en Guardar cuando haya terminado.

Es todo.

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

Instagram-sidebar-widget

Como puede ver en el ejemplo anterior, no tiene muchas opciones de personalización al agregar 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 plugin Instagram Feed Pro de Smash Balloon.

Instagram Feed Pro Balloon Smash

Instagram Feed Pro es el plugin de Instagram mejor calificado para WordPress número 1.

Con este plguin Smash Balloon, con solo unos pocos clics puede agregar fácilmente su feed de Instagram como un widget de 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 excelentes funciones para ayudarlo a crear un widget de Instagram potente 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: decide qué publicaciones mostrar y cuáles ocultar. 
  • Interacción social: muestra historias, comentarios, Me gusta de Instagram y un botón Seguir en tu feed. 
  • Diseño responsivo: 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: vea todo tipo de feeds diferentes en su sitio que 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, veamos cómo usar Smash Balloon para agregar un widget de Instagram en WordPress, paso a paso. 

Paso 1: Instala el plugin de feed de Instagram

Primero, debe descargar Instagram Feed Pro de Smash Balloon e instalar y activar el complemento. Para empezar, echa un vistazo a esta publicación sobre cómo instalar un plugin de WordPress para obtener instrucciones detalladas.

 

Paso 2: conecta tu cuenta de Instagram al plugin

A continuación, debe vincular su cuenta de Instagram con el complemento Smash Balloon.Para hacer esto, haga clic en el botón Instagram Feed en el panel de WordPress que aparece después de descargar y activar el complemento. Esto te llevará a la página Configuración del plugin Instagram Feed.

Haz clic en el botón azul Vincular una cuenta de Instagram .

link-instagram-account

Sigue las instrucciones que aparecen en pantalla para conectar tu cuenta de Instagram.

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

Cuenta personal de empresa

Es importante tener en cuenta que algunas características del feed de Instagram de Smash Balloon, como el feed de hashtags o las publicaciones comprables, requieren una cuenta comercial de Instagram.

No te preocupes por el tipo de cuenta de Instagram que necesitas ahora mismo porque siempre puedes cambiarla más tarde.

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

¡Es todo!Tu cuenta de Instagram ahora está conectada al plugin Instagram Feed. 

Paso 3: elige el contenido de Instagram para ver

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

Puede elegir ver:

  • 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 feed mixto con múltiples tipos de feed
instagram-feed-type

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

Paso 4: elige el diseño de tu widget de Instagram

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

Tarjeta de personalización de Smash Ball

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
  • Muestra/oculta tu 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.El feed de Instagram de Smash Balloon ofrece 4 opciones de diseño diferentes para elegir:

  • Cuadrícula : una cuadrícula estándar con imágenes fijas cuadradas
  • 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 original de paisaje o retrato.
  • Destacado: Una galería donde 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í:

smash-balloon-instagram-grid-layout

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

Paso 5: Añade tu widget de Instagram en WordPress

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

Con el plugin Instagram Feed de Smash Balloon, tienes 3 formas diferentes de incrustar tu feed.

Examinemos cada uno de ellos. 

1. Bloque de WordPress feed de Instagram

Para agregar un widget de Instagram a una nueva página en 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 Instagram WordPress Feed.

wordpress-block-widget

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

Luego obtendrá una vista previa de cómo se verá su feed de Instagram en su sitio web, y puede ajustar la configuración si es necesario.

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

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

instagram-feed-smash-balloon

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

2. Códigos cortos de feed de Instagram

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

Ve a la página Configuración del feed de Instagram.En la pestaña Ver su fuente , copie el shortcode proporcionado.

feed-shortcode

Luego, simplemente pegue el shortcode directamente en su editor de publicaciones o páginas.

pege-shortcode

Haz clic en Publicar para guardar los cambios y hacer que tu feed de Instagram se publique en tu sitio. 

3. Widget de WordPress para feeds de Instagram

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

Vaya a Apariencia » Widgets desde su panel de WordPress. 

Encuentra el widget Instagram Feed en el lado izquierdo y arrástralo a la barra lateral elegida.Para este tutorial, vamos a agregar un widget de Instagram a la barra lateral principal. 

Widget Smash-Balloon

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

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

barra lateral-instagram-feed

¡Es una conclusión!

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

¿Quieres ver un feed de Facebook en tu blog también?Echa un vistazo a nuestra lista de los mejores plugins de Facebook para WordPress.También puede leer nuestro tutorial sobre cómo incrustar un grupo de Facebook en WordPress.

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

Open

info.ibdi.it@gmail.com

Close