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.

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 de motores 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 sencilla de incrustar feeds de Instagram en WordPress es a través de un plugin.

Para este tutorial, usaremos el gratuito Smash Balloon Social Photo Feed. Es el mejor instagram plugin para WordPress y le permite mostrar contenido desde su cuenta de Instagram a su sitio de WordPress en un instante.

También hay una versión de pago del plugin llamada 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 Smash Balloon Social Photo Feed plugin en tu sitio web. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un WordPress. plugin.

Después de activar el plugin, necesitas 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 hacerlo, 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 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 abreviado [instagram-feed] donde desea mostrar su feed de Instagram.

Smash Balloon Social Photo Feed plugin 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 oEmbeds de Instagram en el feed de fotos sociales de Smash Balloon. plugin.

Esto se debe a que ya no puede incrustar directamente contenido de Instagram o Facebook en 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 simple para solucionar el problema de oEmbed es mediante el uso de Smash Balloon Social Photo Feed plugin. 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 plugin le pedirá que se ‘conecte a Facebook’.

Conectarse a Facebook

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

Vincular el perfil de Facebook con Smash Balloon

Después de eso, puede seleccionar las páginas de Facebook que desea usar con Smash Balloon y hacer 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 página de Facebook y hacer clic en el botón ‘Listo’. Por ejemplo, puede permitir plugin para mostrar 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 puede 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 . También puedes encontrarnos en Twitter y Facebook.

.

Entradas relacionadas

Deja una respuesta

Tu dirección de correo electrónico no será publicada.