How To Display Instagram Photos In Wordpress Sidebar Widget

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 opción 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.

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

Contents

Instagram tiene una base de usuarios masiva de más de mil millones de usuarios activos mensuales. Si está iniciando un sitio web, 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 extremadamente popular entre los principales sitios de blogs de moda, comida, estilo de vida y fotografía. Es por eso que compartimos actualizaciones regularmente en nuestra cuenta de Instagram. Asegúrese de seguir a @MundoCMS para conocer 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 le ayuda a dirigir el tráfico a su sitio y aumentar las conversiones. Dicho esto, veamos 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

Notar: En octubre de 2020, Facebook realizó cambios drásticos en su API, que rompió los bloques de integración predeterminados en WordPress. Para usar el oEmbed predeterminado, necesitará el plugin gratuito Smash Balloon Instagram Photo Feed. Una vez que haya instalado y activado el plugin, deberá configurar los oEmbeds siguiendo las instrucciones aquí. Después de eso, puede incrustar fácilmente fotos de Instagram en la barra lateral. Solo ve al Apariencia »Widgets página y agregue el widget «Texto» a su barra lateral.

Envió 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 guardar 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 Integrada 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, deberá utilizar el plugin gratuito de alimentación de fotos de Instagram de Smash Balloon y configurar primero los oEmbeds. Después de eso, agregar sus fotos individuales de Instagram es fácil. Puede agregarlos a cualquier publicación, página o widget de barra lateral. Simplemente edite una publicación o página o cree una nueva. En la pantalla de edición de la publicación, haga clic en el icono «+» y busque el bloque de inserción «Instagram».
Editor De Bloques De Instagram
Haga clic para insertar el bloque de Instagram en su área de contenido. Después de eso, puedes pegar la URL de tu foto de Instagram en la configuración del bloque.
Insertar Imagen De Instagram
WordPress buscará automáticamente la publicación de Instagram y mostrará la foto y el título en el 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 quieras compartir algo. Si desea mostrar automáticamente sus publicaciones recientes en Instagram, este 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 el feed de Instagram Smash Balloon, que es el mejor plugin de Instagram para WordPress. Le permite mostrar bellamente sus fotos de Instagram en WordPress. Lo primero que debe hacer es instalar y activar el plugin Smash Balloon Instagram Feed. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un plugin de WordPress. Durante la activación, vaya a la Feed de Instagram »Configuración y vaya a la pestaña «Licencia». Debe ingresar su clave de licencia de plugin aquí. Puede encontrar esta información en su cuenta en el sitio web del plugin.
Activar La Licencia
Después de activar su clave de licencia, vaya a la pestaña «Configurar» y haga clic en el botón «Conectar cuenta de Instagram».
Conecta Tu Cuenta De Instagram
Aparecerá una ventana emergente en la que se le pedirá que elija una cuenta profesional 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 plugin ahora lo redireccionará al sitio de Instagram. Después de iniciar sesión, se le pedirá que autorice a Smash Balloon para acceder a su cuenta de Instagram.
Autorizar Cuenta De Instagram
Simplemente haga clic en el botón «Permitir» para continuar. Ahora será redirigido a su sitio web en la página de configuración del plugin. Ahora mostrará su nombre de usuario en una ventana emergente y debe hacer clic en el botón « Conectar esta cuenta » para completar la configuración.
Conecta Tu Cuenta De Instagram
Ahora que ha iniciado sesión, verá su cuenta en la pestaña «Configurar».
Cuenta De Instagram Conectada
No olvide hacer clic en el botón «Guardar cambios» para guardar su configuración.

Ver sus fotos recientes de Instagram en WordPress

Smash Balloon Instagram Feed facilita la visualización de sus fotos recientes de Instagram en cualquier lugar de su sitio de WordPress. Simplemente edite la publicación y la página en la que desea que aparezca el feed de Instagram y haga clic en el icono (+) para agregar un bloque. Busque el bloque ‘Instagram Feed’ y haga clic para agregarlo en el área de contenido.
Fuente De Alimentación De Instagram
El plugin ahora tomará y obtendrá 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 visitarlas para ver su feed de Instagram en acción. Otra forma rápida de mostrar sus fotos de Instagram es usar el código corto. Simplemente agregue el bloque de código corto, luego agregue [instagram-feed] código corto en el interior.
Código Corto De Feed De Instagram

Ver 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 se lo pone fácil. Solo ve al Apariencia »Widgets página y agregue el widget ‘Instagram Feed’ a su barra lateral.
Arrastra Instagram A La Barra Lateral.
Este es un widget de texto sin formato en el que puede proporcionar un título de widget. Ya incluye su código corto de feed de Instagram en la configuración. No olvide hacer clic en el botón Guardar para guardar 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 la barra lateral, puede expandir el código abreviado visitando Feed de Instagram »Configuración luego, haga clic en la pestaña «Ver su feed».
Muestre La Pestaña De Su Feed
A partir de ahí, tendrá muchas opciones diferentes para mostrar cómo se ve su feed en la barra lateral. Para este ejemplo, usamos el siguiente código abreviado: [instagram-feed num=4 cols=2]. El número = 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 feeds personalizados a cualquier página, publicación o barra lateral, siempre puede consultar la pestaña «Ver su feed» y utilizar la tabla para crear el feed que desee.
Opciones De Poder

Personaliza el diseño de tu feed de Instagram

Smash Balloon Instagram Feed viene con hermosos diseños para mostrar tus fotos de Instagram. Solo ve a Feed de Instagram »Configuración y vaya 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. Haga clic en un diseño para ver opciones de personalización adicionales para cada diseño.
Opciones De Diseño De Carrusel
Opcionalmente, también puede mostrar u ocultar el encabezado, cargar más y seguir botones.
Más Opciones De Diseño
Recuerde hacer clic en el botón Guardar cambios para guardar su configuración. Ahora puede visitar su feed de Instagram para mostrarlo en su diseño personalizado.
Feed De Carrusel En El Mensaje
Esperamos que este artículo te haya ayudado a aprender a 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. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.

Leave a Reply