Cómo Embeber Instagram Fácilmente en WordPress (Paso a Paso)

¿Busca una manera fácil de incrustar un feed de Instagram en su sitio 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 paso a paso cómo incrustar Instagram en WordPress.

¿Por qué incrustar Instagram en su sitio de WordPress?

Hay muchos beneficios al mostrar contenido de su cuenta de Instagram en su sitio de WordPress.

Puede mostrar reseñas de productos, exhibiciones, imágenes compradas y otro contenido generado por el usuario en su 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) en su sitio web al mantener su contenido actualizado y actualizado.

Además, los feeds de Instagram son excelentes para aumentar la participación y retener a los visitantes de su sitio web.

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

Cómo incrustar un canal de Instagram usando el complemento de WordPress

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

En este tutorial usaremos el programa social gratuito para fotos de Smash Balloon. Este es el mejor complemento de Instagram para WordPress que le permite mostrar instantáneamente el contenido de su cuenta de Instagram en su sitio de WordPress.

También hay una versión paga del complemento llamada Smash Balloon Instagram Feed Pro. Ofrece más opciones de personalización, como ordenar las fuentes en función de los hashtags, combinar diferentes tipos de fuentes, mostrar subtítulos, me gusta y comentarios, y 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 complementos de WordPress.

Una vez que activa el complemento, necesita acceso Feed de Instagram »Configuración y haga clic en el botón "Conectar a la cuenta de Instagram" en la pestaña "Configuración".

Verá una ventana emergente donde puede seleccionar una cuenta 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 tienes una cuenta de Instagram Business o Creator, puedes seleccionar la opción "Business" para continuar.

Luego 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 cuenta y al contenido multimedia.

Ahora será redirigido a su sitio web, donde verá una ventana emergente con su ID de Instagram que le pedirá que vincule su cuenta. Para hacer esto, haga clic en el botón "Vincular esta cuenta".

Entonces necesitas ver tu cuenta de Instagram asociada con Smash Balloon.

Luego vaya a la pestaña Personalizar y cambie el aspecto de su feed de Instagram. Por ejemplo, personalice el ancho y el alto del feed y cambie el color de fondo.

Además, Smash Balloon te permite seleccionar la cantidad de fotos y columnas para mostrar en tu feed. También puede seleccionar relleno alrededor de las imágenes, deshabilitar diseños deslizantes, ordenar imágenes y seleccionar la resolución de la imagen.

Si te desplazas hacia abajo, hay más opciones de personalización. Por ejemplo, edite el título de su feed de Instagram, habilite los botones "Cargar más" y "Seguir", cambie su configuración de RGPD y reciba informes semanales de problemas con el feed.

Sin embargo, si actualiza a la versión Pro, hay funciones de personalización adicionales, como la selección del tipo de diseño, la activación de títulos, Me gusta y comentarios, filtrado de publicaciones y moderación.

Después de editar su feed de Instagram, haga clic en el botón "Guardar cambios".

Entonces Smash Balloon Social Photo Feed facilita la integración de Instagram en cualquier lugar de su blog de WordPress.

Para hacer esto, 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 "Feed de Instagram".

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

Si usa el editor clásico, deberá usar el código corto [instagram-feed] Dónde quieres mostrar tu feed en Instagram.

El complemento de fotos sociales Smash Balloon también facilita agregar fuentes a la barra lateral. Apariencia » Widgets, arrastre el feed de Instagram a la barra lateral y haga clic en el botón Guardar.

Cómo agregar un feed a Instagram con un bloque de incrustación predeterminado

Si desea utilizar la función de incrustación predeterminada para incrustar el feed de Instagram en su contenido, debe habilitar Instagram oEmbeds en el complemento de fotos sociales Smash Balloon.

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

La característica fue rechazada por WordPress en octubre de 2020, cuando Facebook pidió a los desarrolladores que registraran aplicaciones y usaran un token de acceso para obtener sus datos API para el contenido oEmbed.

Una solución simple para el problema de oEmbed es usar el complemento Smash Balloon Social Photo Feed. Feed de Instagram »oEmbeds Desde tu área de administración de WordPress.

Luego haga clic en el botón "Habilitar oEmbeds de Instagram".

Ahora verá una ventana emergente donde el complemento le pedirá que se "Conecte con Facebook".

Luego inicia sesión en tu cuenta de Facebook y conéctala a Smash Balloon.

Luego puede seleccionar la página de Facebook que desea usar con Smash Balloon y hacer clic en el botón "Siguiente".

Uno de los beneficios de permitir que Smash Balloon use su sitio es que su token de acceso no caduca. Puede omitir esta parte, pero su token de acceso solo es válido durante 60 días.

Luego, debe elegir qué puede hacer Smash Balloon con su página de Facebook y hacer clic en el botón "Listo". Por ejemplo, puede permitir que el complemento muestre una lista de las páginas que administra.

Entonces debería ver un mensaje que ya ha conectado socialmente a Smash Balloon con Facebook. Ahora haga clic en el botón Aceptar para volver a su área de administración de WordPress.

Verá un mensaje de que el feed de Instagram reemplazará automáticamente sus antiguos oEmbeds y generará todo el contenido nuevo para todas las conexiones nuevas.

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

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

Luego haga clic en el botón "Copiar enlace" cuando aparezcan más opciones en la ventana emergente.

Luego edite cada publicación o página y haga clic en el signo más (+) en la esquina superior izquierda para agregar un bloque de inserción.

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

Una vez que haya terminado, puede publicar una publicación o página para ver el feed de Instagram en su sitio web.

Esperamos que este artículo le haya ayudado a aprender cómo incrustar Instagram en su sitio 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 en línea con los blogs de WordPress.

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.