Cómo mostrar fotos de Instagram en el widget de la barra lateral de WordPress

¿Quieres mostrar tus fotos de Instagram en tu barra lateral?

Instagram es una plataforma de redes sociales popular y es una excelente manera de conectarse con su audiencia. Cuando muestra sus fotos de Instagram en su sitio, su audiencia tiene la oportunidad de hacer clic en su perfil y seguirlo.

En este artículo, le mostraremos cómo mostrar fotos de Instagram en el widget de la barra lateral de WordPress.

Cómo mostrar fotos de Instagram en el widget de la barra lateral de WordPress

¿Por qué agregar un feed de Instagram a su sitio de WordPress?

Instagram tiene una base de usuarios masiva de más de mil millones de usuarios activos mensuales. Si está iniciando un sitio web, entonces Instagram podría ser una gran fuente de tráfico y nuevos visitantes.

Dependiendo de su industria, Instagram puede convertirse en una parte importante de su estrategia de redes sociales. Es inmensamente popular entre los principales blogs de moda, cocina, estilo de vida y sitios web de fotografía.

Es por eso que regularmente compartimos actualizaciones en nuestra cuenta de Instagram. Asegurate que sigue a @wpbeginner para obtener nuestras historias y actualizaciones exclusivas.

Mostrar su feed de Instagram en su sitio web lo ayuda a obtener más seguidores de Instagram. Al mismo tiempo, también lo ayuda a atraer tráfico a su sitio y aumentar las conversiones.

Dicho esto, echemos un vistazo a cómo mostrar fácilmente las fotos de Instagram en el widget, las publicaciones y las páginas de la barra lateral de WordPress.

Primero, le mostraremos cómo mostrar imágenes individuales de Instagram en WordPress. Después de eso, le mostraremos cómo mostrar automáticamente sus fotos recientes de Instagram en cualquier lugar de su sitio web.

Comencemos con las publicaciones individuales de Instagram.

Mostrar una foto de Instagram en el widget de la barra lateral de WordPress

Nota: En octubre de 2020, Facebook realizó cambios importantes en su API que rompieron los bloques de inserción predeterminados en WordPress. Para usar el oEmbed predeterminado, necesitarás la versión gratuita de Smash Balloon. Complemento de alimentación de fotos de Instagram.

Una vez que haya instalado y activado el complemento, deberá configurar oEmbeds siguiendo las instrucciones aquí.

Después de eso, puede incrustar fácilmente fotos de Instagram en la barra lateral. Simplemente ve a la Apariencia » Widgets página y agregue el widget ‘Texto’ a su barra lateral.

Emed una foto de Instagram en el widget de la barra lateral de WordPress

Ahora copie y pegue la URL de la foto de Instagram que desea incrustar en la configuración del widget. No olvide hacer clic en el botón Guardar para almacenar la configuración de su widget.

Ahora puede visitar su sitio web para ver la foto de Instagram que se muestra en su barra lateral.

Foto de Instagram incrustada en la barra lateral de WordPress

Cómo mostrar fotos de Instagram en publicaciones y páginas de WordPress

Al igual que en el último paso, necesitarás usar el juego gratuito de Smash Balloon. Complemento de alimentación de fotos de Instagram y configure oEmbeds primero.

Después de eso, agregar sus fotos individuales de Instagram es fácil. Puede agregarlos en cualquier publicación, página o widget de la barra lateral.

Simplemente edite una publicación o página o cree una nueva. En la pantalla de edición de publicaciones, haga clic en el ícono ‘+’ y busque el bloque de inserción ‘Instagram’.

Editor de bloques Instagram

Haga clic para insertar el bloque de Instagram en su área de contenido. Después de eso, simplemente puede pegar la URL de su foto de Instagram en la configuración de bloqueo.

Insertar imagen de Instagram

WordPress buscará automáticamente la publicación de Instagram y mostrará la foto y el pie de foto dentro del editor de contenido.

Imagen de Instagram en el editor de publicaciones.

Ahora puede guardar o publicar su publicación y visitar su sitio web para verla en acción.

Imagen de Instagram en el sitio

El problema con los métodos predeterminados de WordPress es que tienes que incrustar manualmente una foto cada vez que quieres compartir algo.

Si desea mostrar automáticamente sus publicaciones recientes de Instagram, entonces el siguiente método es para usted.

Agregar un feed de Instagram en WordPress

Agregar un feed de Instagram le permite mostrar automáticamente sus publicaciones recientes de Instagram en su sitio de WordPress.

Usaremos Smash Balloon Instagram Feed, que es el mejor complemento de Instagram para WordPress. Le permite mostrar bellamente sus fotos de Instagram en WordPress.

Lo primero que debe hacer es instalar y activar el Aplastar globo Instagram Feed enchufar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

Tras la activación, vaya a la Feed de Instagram » Ajustes y cambie a la pestaña ‘Licencia’. Debe ingresar la clave de licencia de su complemento aquí. Puede encontrar esta información en su cuenta en el sitio web del complemento.

Activar licencia

Después de activar su clave de licencia, cambie a la pestaña ‘Configurar’ y haga clic en el botón ‘Conectar una cuenta de Instagram’.

Conecta tu cuenta de Instagram

Aparecerá una ventana emergente donde se le pedirá que elija una cuenta comercial o personal. Si no ha configurado un perfil comercial en Instagram, seleccione Personal y haga clic en el botón ‘Conectar’.

Solicitud de cuenta personal

El complemento ahora lo redirigirá al sitio web de Instagram. Después de iniciar sesión, se le pedirá que le dé permiso a Smash Balloon para acceder a su cuenta de Instagram.

Autorizar cuenta de Instagram

Simplemente haga clic en el botón ‘Autorizar’ para continuar.

Ahora será redirigido a su sitio web en la página de configuración del complemento. Ahora mostrará su nombre de usuario en una ventana emergente y deberá hacer clic en el botón ‘Conectar esta cuenta’ para finalizar la configuración.

Conecta tu cuenta de instagram

Ahora que está conectado, verá su cuenta en la pestaña ‘Configurar’.

Cuenta de Instagram conectada

No olvide hacer clic en el botón ‘Guardar cambios’ para almacenar su configuración.

Mostrar sus fotos recientes de Instagram en WordPress

Smash Balloon Instagram Feed hace que sea muy fácil mostrar tus fotos recientes de Instagram en cualquier lugar de tu sitio de WordPress.

Simplemente edite la publicación y la página donde desea mostrar el feed de Instagram y haga clic en el ícono (+) para agregar un bloque. Busque el bloque ‘Feed de Instagram’ y haga clic para agregarlo en el área de contenido.

Bloque de alimentación de Instagram

El complemento ahora buscará y mostrará una vista previa de sus fotos recientes de Instagram en el editor de contenido.

Feed de Instagram en el editor de WordPress

Ahora puede guardar su publicación y página y visitarla para ver su feed de Instagram en acción.

Otra forma rápida de mostrar tus fotos de Instagram es usando el shortcode. Simplemente agregue el bloque de shortcode y luego agregue [instagram-feed] código abreviado dentro de él.

Código abreviado de feed de Instagram

Mostrar fotos recientes de Instagram en la barra lateral de WordPress

Si desea mostrar sus publicaciones recientes de Instagram en la barra lateral de su blog de WordPress, Smash Balloon Instagram Feed lo hace muy fácil.

Simplemente ve a la Apariencia » Widgets página y agregue el widget ‘Feed de Instagram’ a su barra lateral.

Arrastra Instagram a la barra lateral

Es un widget de texto sin formato donde puede proporcionar un título de widget. Ya incluye su shortcode de feed de Instagram en la configuración.

No olvide hacer clic en el botón Guardar para almacenar la configuración de su widget. Ahora puede visitar su sitio web para ver su feed en acción.

Feed de Instagram en la barra lateral

Para personalizar el feed de su barra lateral, puede ampliar el código abreviado visitando Feed de Instagram » Ajustes y luego haciendo clic en la pestaña ‘Mostrar su feed’.

Mostrar la pestaña de tu feed

A partir de ahí, tendrá muchas opciones diferentes para mostrar cómo se ve su feed en la barra lateral. Para este ejemplo, estamos usando el siguiente código abreviado: [instagram-feed num=4 cols=2].

Él num=4 le dice a su feed que muestre 4 fotos y el cols=2 le dice a su feed que muestre 2 columnas.

Si desea agregar fuentes personalizadas a cualquier página, publicación o barra lateral, siempre puede consultar la pestaña «Mostrar su fuente» y usar la tabla para crear cualquier fuente que desee.

Opciones de alimentación

Personaliza el diseño de tu feed de Instagram

Smash Balloon Instagram Feed viene con hermosos diseños para mostrar tus fotos de Instagram. Simplemente ve a Feed de Instagram » Ajustes página y cambie a la pestaña ‘Personalizar’.

Pestaña de personalización de Instagram

Puede elegir entre diseños de cuadrícula, carrusel, mampostería y resaltado. Al hacer clic en un diseño, verá más opciones de personalización para cada diseño.

Opciones de diseño de carrusel

Opcionalmente, también puede mostrar u ocultar el encabezado, cargar más y seguir los botones.

Más opciones de diseño

No olvide hacer clic en el botón Guardar cambios para almacenar su configuración.

Ahora puede visitar su Feed de Instagram para verlo en su diseño personalizado.

Feed de carrusel en la publicación

Esperamos que este artículo le haya ayudado a aprender cómo mostrar fotos de Instagram en el widget de la barra lateral de WordPress. También puede consultar nuestra guía sobre cómo crear un feed de Facebook personalizado en WordPress y nuestra comparación de las mejores plataformas de cursos en línea para aumentar sus ingresos.

.

Deja un comentario