PLUGINS

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

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

Instagram es una popular plataforma de redes sociales y una excelente manera de conectarse con su audiencia. Cuando envía sus fotos a Instagram en su sitio web, 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.

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

Instagram tiene una gran base de usuarios con más de mil millones de usuarios activos por mes. Si crea un sitio web, Instagram puede ser una gran fuente de tráfico y nuevos visitantes.

Dependiendo de su industria, Instagram puede ser una parte importante de su estrategia de redes sociales. Es muy popular entre los principales bloggers de moda, sitios de cocina, estilo de vida y fotografía.

Es por eso que regularmente compartimos actualizaciones en nuestra cuenta de Instagram. No olvides seguir a @wpbeginner para conocer nuestras historias y actualizaciones exclusivas.

Ejecutar su feed de Instagram en su sitio web lo ayudará a obtener más seguidores de Instagram. Al mismo tiempo, puede ayudarlo a aumentar el tráfico a su sitio web y aumentar las conversiones.

Dicho esto, veamos lo fácil que es mostrar fotos de Instagram en widgets, publicaciones y páginas en la barra lateral de WordPress.

Primero, le mostraremos cómo mostrar una imagen de Instagram en WordPress. Luego le mostraremos cómo mostrar automáticamente sus últimas fotos en Instagram en cualquier lugar de su sitio web.

Comencemos con una publicación personal en Instagram.

Mostrar fotos de Instagram en el widget de la barra lateral de WordPress

notas: En octubre de 2020, Facebook realizó un cambio importante en su API, que violó el bloqueo de incrustación predeterminado en WordPress. Para usar oEmbed de forma predeterminada, necesitará el complemento gratuito de envío de fotos de Instagram Smash Balloon.

Después de instalar y activar el complemento, debe configurar oEmbeds siguiendo las instrucciones aquí.

Entonces puedes incrustar fácilmente tus fotos de Instagram en la barra lateral. Apariencia » Widgets página y agregue el widget de texto a la barra lateral.

Incruste fotos de Instagram en el widget de la barra lateral de WordPress

Ahora copie y pegue la URL de la foto en Instagram que desea incrustar en la configuración del widget. Asegúrese de hacer clic en el botón «Guardar» para guardar la configuración del widget.

Ahora puede visitar su sitio web para ver las fotos de Instagram que se muestran en la barra lateral.

Fotos de Instagram incrustadas en la barra lateral de WordPress

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

Al igual que con el último paso, primero deberá usar el complemento de fotos Smash Balloon gratuito en Instagram y configurar oEmbeds.

Entonces agregar su foto personal a Instagram es fácil. Puede agregarlos a cualquier widget de publicación, página o 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 icono «+» y busque el bloque de inserción «Instagram».

Editor de bloques de Instagram

Haga clic para insertar el bloque de Instagram en el área de contenido. Entonces todo lo que tienes que hacer es poner la URL de tu foto de Instagram en la configuración de bloqueo.

Insertar una imagen en Instagram

WordPress buscará automáticamente publicaciones de Instagram y mostrará fotos y subtítulos en el editor de contenido.

Imágenes 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.

Imágenes de Instagram en el sitio web

El problema con el enfoque predeterminado de WordPress es que cada vez que desea compartir algo, debe incrustar la foto manualmente.

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

Agregar feed de Instagram a WordPress

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

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

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

Entrar después de la activación Feed de Instagram »Configuración página e ir a Sección de licencias. Aquí debe ingresar la clave de licencia del complemento. Puede encontrar esta información en su cuenta en el sitio web del complemento.

Activar la licencia

Después de activar su clave de licencia, cambie a la pestaña «Configuración» y haga clic en el botón «Conectar a la cuenta de Instagram».

Conecta tu cuenta de Instagram

Aparecerá una ventana emergente que le pedirá que seleccione una cuenta comercial o personal. Si no ha configurado una cuenta comercial de Instagram, seleccione una persona y haga clic en el botón «Conectar».

Mensaje en cuenta personal

El complemento ahora lo redirigirá al sitio web de Instagram. Una vez que haya iniciado sesión, se le pedirá que le dé acceso a Smash Balloon a su cuenta de Instagram.

Permitir una cuenta de Instagram

Simplemente haga clic en el botón «Autorizar» para continuar.

Ahora será redirigido al sitio web de 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 «Vincular esta cuenta» para completar la configuración.

Conecta tu cuenta de Instagram

Una vez que haya iniciado sesión, verá su cuenta en la pestaña Configuración.

La cuenta de Instagram está vinculada.

Asegúrese de hacer clic en el botón «Guardar cambios» para guardar su configuración.

Mira tus últimas fotos de Instagram en WordPress

Smash Balloon Instagram Feed hace que sea muy fácil mostrar sus últimas fotos en Instagram en cualquier lugar de su sitio de WordPress.

Simplemente edite las publicaciones y las páginas donde desea que aparezca su feed de Instagram, luego haga clic en el ícono (+) para agregar bloques. Busque el bloque Feed de Instagram y haga clic para agregarlo al área de contenido.

Bloque de alimentación de Instagram

El complemento ahora encontrará y obtendrá una vista previa de sus últimas fotos de Instagram en el editor de contenido.

Feed de Instagram en el editor de WordPress

Ahora puede guardar sus publicaciones y páginas y visitarlas para ver su feed de Instagram.

Otra forma rápida de mostrar fotos en Instagram es usar códigos cortos. Simplemente agregue el bloque de código corto y luego agregue [instagram-feed] Código corto en à © l.

Código corto para el feed de Instagram

Muestra las últimas fotos de Instagram en la barra lateral de WordPress

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

Solo vamos Apariencia » Widgets página y agregue el widget Feed de Instagram a la barra lateral.

Arrastra Instagram a la barra lateral

Este es un widget de texto sin formato donde puede proporcionar el título del widget. Ha incluido el código corto de su feed de Instagram en la configuración.

Asegúrese de hacer clic en el botón «Guardar» para guardar la configuración del widget. Ahora puede visitar su sitio web para ver su feed en acción.

Feed de Instagram en la barra lateral

Para personalizar su barra lateral, puede acceder al código de extensión de la extensión a través de Feed de Instagram »Configuración Luego haz clic en la pestaña «Mostrar tu feed».

Mostrar la pestaña de tu feed

A partir de ahí, tendrá muchas opciones diferentes sobre cómo se verá su feed en la barra lateral. Para este ejemplo usamos el siguiente código corto: [instagram-feed num=4 cols=2].

num = 4 le dice a tu feed que muestre 4 fotos, y cols = 2 le dice a tu feed que muestre 2 columnas.

Si desea agregar un feed personalizado a cualquier página, publicación o barra lateral, siempre puede ir a la pestaña «Mostrar sus feeds» y usar el formulario para crear cualquier feed que desee.

opciones para comer

Personaliza el diseño de tu feed de Instagram

Smash Balloon Instagram Feed viene con un hermoso diseño para mostrar tus fotos en Instagram. Feed de Instagram »Configuración y cambie a la pestaña Personalizado.

Sección personalizada de Instagram

Puede elegir entre diseños de malla, carrusel, mampostería y acentos. Al hacer clic en un diseño, se revelarán más opciones de personalización para cada diseño.

Opciones de diseño de carrusel

Alternativamente, puede mostrar u ocultar el título, cargar más contenido y seguir los botones.

Más opciones de diseño

Asegúrese de hacer clic en el botón «Guardar cambios» para guardar su configuración.

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

Problema carrusel en publicaciones

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 en WordPress y nuestra comparación de las mejores plataformas de cursos en línea para aumentar sus ingresos.

Si te ha gustado este artículo, suscríbete a nuestro canal de tutoriales en vídeo de YouTube para WordPress. También puede encontrarnos en Twitter y Facebook.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Botón volver arriba