Cómo incrustar fácilmente Instagram en WordPress (paso a paso)

¿Está buscando una manera fácil de insertar feeds de Instagram en su sitio web de WordPress?

Incrustar fotos y videos de Instagram en su sitio web ayuda a mantener su contenido actualizado, aumenta la participación de los usuarios y genera confianza.

En este artículo, le mostraremos cómo incrustar Instagram en WordPress, paso a paso.

Cómo incrustar Instagram en el sitio web de WordPress

Por qué incrustar Instagram en su sitio de WordPress

Mostrar contenido de su cuenta de Instagram en su sitio web de WordPress tiene muchos beneficios.

Puede mostrar reseñas de productos, exhibiciones, imágenes para comprar y otro contenido generado por el usuario en un feed de Instagram como prueba social para generar confianza y generar más ventas.

También ayuda a mejorar la optimización del motor de búsqueda (SEO) de su sitio manteniendo el contenido fresco y actualizado.

Aparte de eso, los feeds de Instagram son excelentes para aumentar la participación y mantener a los visitantes en su sitio web.

Dicho esto, veamos cómo incrustar un feed de Instagram en WordPress.

Cómo incrustar el feed de Instagram con un complemento de WordPress

La forma más fácil de incrustar feeds de Instagram en WordPress es a través de un complemento.

Para este tutorial, usaremos el feed de fotos social gratuito de Smash Balloon. Es el mejor complemento de Instagram para WordPress y le permite mostrar contenido de su cuenta de Instagram a su sitio de WordPress en un instante.

También hay una versión paga del complemento llamado Smash Balloon Instagram Feed Pro. Ofrece más opciones de personalización, como ordenar feeds basados ​​en hashtags, combinar diferentes tipos de feeds, mostrar subtítulos, me gusta y comentarios, y mucho más.

Primero, debe instalar y activar el complemento Smash Balloon Social Photo Feed en su sitio web. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.

Después de activar el complemento, debe visitar Feed de Instagram »Configuración y haga clic en el botón ‘Conectar una cuenta de Instagram’ en la pestaña ‘Configurar’.

Conecta una cuenta de Instagram

Verá una ventana emergente donde puede elegir entre un perfil de Instagram personal o comercial. Para este tutorial, seleccionaremos la opción Personal y haremos clic en el botón ‘Conectar’.

Por otro lado, si tiene una cuenta de Instagram Business o Creator, puede seleccionar la opción ‘Business’ para continuar.

Seleccione un perfil de Instagram

Después de eso, deberá iniciar sesión en su cuenta de Instagram y hacer clic en el botón ‘Permitir’ para permitir que Smash Balloon acceda a la información de su perfil y al contenido multimedia.

Permitir que Smash Balloon acceda a la cuenta de Instagram

Ahora será redirigido a su sitio web, donde verá una ventana emergente con su ID de Instagram pidiéndole que conecte su cuenta. Para hacer eso, haga clic en el botón ‘Conectar esta cuenta’.

conectar esta cuenta

A continuación, debería ver su cuenta de Instagram conectada a Smash Balloon.

Cuenta de Instagram conectada con éxito a Smash Balloon

Después de eso, vaya a la pestaña ‘Personalizar’ y cambie la apariencia de su feed de Instagram. Por ejemplo, personalice el ancho y el alto del feed y cambie el color de fondo.

Personaliza tu feed de Instagram

Aparte de eso, Smash Balloon te permite elegir la cantidad de fotos y columnas para mostrar en el feed. También puede seleccionar el relleno alrededor de las imágenes, deshabilitar el diseño móvil, ordenar sus imágenes y seleccionar la resolución de la imagen.

Si se desplaza hacia abajo, hay más opciones de personalización. Por ejemplo, edite el encabezado de su feed de Instagram, habilite los botones ‘Cargar más’ y ‘Seguir’, cambie la configuración de GDPR y obtenga un informe semanal de problemas de feed.

Sin embargo, si actualiza a la versión Pro, hay funciones de personalización adicionales, como seleccionar un tipo de diseño, habilitar subtítulos, me gusta y comentarios, filtrado posterior y moderación.

Una vez que haya terminado de editar el feed de Instagram, haga clic en el botón ‘Guardar cambios’.

habilitar cargar más y seguir botones

A continuación, Smash Balloon Social Photo Feed hace que sea muy fácil insertar Instagram en cualquier lugar de su blog de WordPress.

Para hacer eso, edite o agregue una nueva publicación / página. En el editor de WordPress, haga clic en el signo más (+) para agregar un nuevo bloque y busque ‘Instagram Feed’.

Agregar un bloque de feed de Instagram a su página

Smash Balloon cargará automáticamente el feed de Instagram y te mostrará una vista previa en el editor de contenido. Ahora puede publicar su publicación o página para mostrar contenido de Instagram.

Vista previa en vivo del feed de Instagram

Si está utilizando el editor clásico, deberá utilizar el código corto [instagram-feed] donde desea mostrar su feed de Instagram.

El complemento Smash Balloon Social Photo Feed también hace que sea muy fácil agregar el feed en la barra lateral. Para hacer eso, ve a Apariencia »Widgets, arrastre el widget de Instagram Feed a su barra lateral y haga clic en el botón ‘Guardar’.

Agregar el widget de Instagram Feed a su barra lateral

Cómo agregar un feed de Instagram usando bloques de inserción predeterminados

Si está buscando incrustar un feed de Instagram en su contenido utilizando la función de incrustación predeterminada, deberá habilitar Instagram oEmbeds en el complemento Smash Balloon Social Photo Feed.

Esto se debe a que no puede incrustar contenido directamente desde Instagram o Facebook a su sitio web de WordPress.

La función quedó obsoleta en octubre de 2020 por WordPress, cuando Facebook requirió que los desarrolladores registraran una aplicación y usaran tokens de acceso para obtener los datos de su API para el contenido oEmbed.

Una solución sencilla para solucionar el problema de oEmbed es utilizar el complemento Smash Balloon Social Photo Feed. Solo ve a Feed de Instagram »oEmbeds desde su área de administración de WordPress.

Después de eso, haga clic en el botón ‘Habilitar oEmbeds de Instagram’.

Habilitar el botón oEmbeds de Instagram

Ahora verá una ventana emergente donde el complemento le pedirá que ‘Conectarse a Facebook.

Conectar a Facebook

A continuación, inicie sesión en su Facebook cuenta y conéctelo con Smash Balloon.

Enlace Facebook perfil con Smash Balloon

Después de eso, puede seleccionar Facebook páginas que desee utilizar con Smash Balloon y haga clic en el botón “Siguiente”.

Una ventaja de permitir que Smash Balloon use sus páginas es que sus tokens de acceso no caducan. Puede omitir esta parte, pero su token de acceso solo será válido durante 60 días.

Seleccionar páginas para usar con Smash Balloon

A continuación, debe seleccionar lo que Smash Balloon puede hacer con su Facebook página y haga clic en el botón “Listo”. Por ejemplo, puede permitir que el complemento muestre una lista de las páginas que administra.

Permitir que Smash Balloon use la página

Después de eso, debería ver un mensaje que dice que ahora ha vinculado Smash Balloon social a Facebook. Ahora haga clic en el botón ‘Aceptar’ para volver a su área de administración de WordPress.

Has vinculado Smash Balloon a Facebook

Verá un mensaje que dice que Instagram Feed reemplazará sus viejos oEmbeds automáticamente y generará todo el contenido nuevo para todos los enlaces nuevos.

El feed de Instagram reemplazará a oEmbeds

Ahora, puede incrustar fácilmente cualquier contenido de Instagram en la publicación o página de su blog.

Simplemente vaya a su cuenta de Instagram y haga clic en los tres puntos (…) en la esquina superior derecha de cualquier imagen o video de Instagram para abrir más opciones.

Haga clic en los tres puntos en la publicación de Instagram

A continuación, haga clic en el botón ‘Copiar enlace’ cuando aparezcan más opciones en la ventana emergente.

Copiar enlace a la publicación de Instagram

Después de eso, edite cualquier publicación o página y haga clic en el signo más (+) en la esquina superior izquierda para agregar un bloque ‘Insertar’.

Agregar un bloque de inserción

Ahora ingrese la URL de su contenido de Instagram y haga clic en el botón ‘Insertar’.

Ingrese la URL de la publicación de Instagram

Una vez hecho esto, puede publicar su publicación o página para ver el feed de Instagram en su sitio web.

Vista previa de Instagram oEmbed

Esperamos que este artículo le haya ayudado a aprender cómo insertar Instagram en su sitio web de WordPress. También es posible que desee consultar nuestra guía sobre cómo elegir el mejor creador de sitios web y formas comprobadas de ganar dinero con blogs en línea con WordPress.

Si le gustó este artículo, suscríbase a nuestro canal de YouTube para tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Publicaciones relacionadas

Botón volver arriba