Cómo configurar las fotos de Instagram para que se muestren automáticamente en WordPress










  • Un aspecto increíblemente útil de WordPress es poder integrarlo con las redes sociales. Esto lo ayuda a crear una intrincada red de compromiso, ya que sus lectores también pueden convertirse en seguidores. Agregar fotos de Instagram a WordPress es solo uno de esos métodos.

    En este tutorial, te mostraré cómo incrustar Instagram en WordPress. El resultado final es un feed de tus fotos que se comparte automáticamente en tu sitio web. Echemos un vistazo a dos métodos que podemos usar para incrustar un feed de Instagram en WordPress.

    La importancia de usar Instagram

    Instagram es uno de los principales centros sociales que muchas personas usan para compartir imágenes. Con una instantánea rápida de su cámara, puede actualizar una gran audiencia usando cosas como hashtags y ubicaciones. En realidad, el marketing de Instagram juega un papel importante para muchas marcas en Internet.

    Una de las razones por las que Instagram puede ser tan atractivo es por la base de su contenido: las imágenes. Si bien el texto puede ser útil para brindar información, las personas retendrán hasta el 65 % de la información varios días después si se combina con algún tipo de gráfico.

    Echemos un vistazo al complemento de feed de Instagram que estamos revisando hoy para obtener un feed en su sitio web y mostrar fotos de Instagram a todos.

    Cómo mostrar fotos de Instagram en WordPress

    En este tutorial, repasaré dos formas de mostrar tus fotos de Instagram. Estos son dos de los métodos más populares y deberían servirle bien.

    Método 1: usa el globo aplastante

    Feed de fotos sociales de Smash Balloon

    Complemento de fotos Smash Balloon Instagram

    Smash Balloon Social Photo Feed te dará la posibilidad de mostrar fácilmente las publicaciones de Instagram desde cualquiera de tus cuentas . Puede hacerlo en un solo feed o en varios.

    El complemento es liviano pero poderoso. Es fácil de instalar y configurar, y le brinda una gran cantidad de funciones para mostrar las publicaciones de Instagram. También es compatible con dispositivos móviles, receptivo y completamente personalizable.

    Una vez que lo configura todo, muestra la configuración de su fuente usando un código abreviado. Se pueden mostrar en una publicación, página o área de widgets. Echemos un vistazo a cómo instalar y configurar el complemento.

    Nota: También hay una versión pro del complemento. Sin embargo, este tutorial se basa en la versión gratuita. le brinda todas las herramientas que necesita para mostrar las fuentes de Instagram en su sitio web de WordPress.

    Paso 1: Instalar y activar el complemento

    Antes de que pueda mostrar un feed de Instagram en su sitio web de WordPress, primero debe instalar y activar el complemento Smash Balloon. Puede hacerlo yendo a la página Complementos de su panel de administración de WordPress.

    Una vez en esa página, simplemente busque el complemento por su nombre e instálelo directamente desde allí.

    Instalar y activar el complemento de fotos de Instagram

    Paso 2: acceda a la página de configuración principal

    Una vez que el complemento se haya instalado y activado, desea acceder a la página de configuración principal. Puede hacer esto haciendo clic en la función «Feed de Instagram» ubicada en el área del panel de menú izquierdo del tablero.

    Herramienta de alimentación de Instagram

    Esto lo llevará a la página de configuración principal donde puede configurar todo. Puede ver que esta es ahora una opción disponible en el menú del lado izquierdo porque ha activado el complemento.

    Paso 3: obtenga su token de acceso

    Haga clic en el botón azul «Instagram» para obtener su token de acceso. Esto es necesario si desea incrustar fotos de Instagram en WordPress.

    Ficha de acceso

    Verá un mensaje de Instagram con respecto a la solicitud del complemento para acceder a su feed. Haga clic en el botón «Autorizar» para aceptar.

    Autorizar Instagram

    Ingrese su ID de usuario en el campo «Mostrar fotos de». Esto se puede ver en la sección Token de la pantalla. Para empezar, la razón por la que está en blanco es porque puede usar otra identificación para mostrar sus fotos en su sitio web.

    Esto tiene potencial si tiene una cuenta secundaria de Instagram que desea presumir.

    ID de usuario de Instagram

    Haga clic en el botón «Guardar cambios» en la parte inferior.

    Botón Guardar cambios

    Paso 4: usar el código abreviado disponible

    Este complemento utiliza un código abreviado para mostrar el feed de Instagram en WordPress. Esto se encuentra debajo de la configuración general. Puede copiar y pegar este código para ponerlo en páginas, publicaciones o widgets.

    Código abreviado de alimentación

    Paso 5: personaliza el feed de Instagram

    Cambiemos cómo aparece el feed de Instagram en el sitio. Haga clic en la pestaña «Personalizar» en la parte superior de la página.

    Pestaña Personalizar

    Esta sección está llena de herramientas para modificar la apariencia de su feed de fotos. Por ejemplo, puede cambiar el diseño de cuántas imágenes se muestran en columnas. También puede agregar Me gusta y comentarios si actualiza al complemento pago en lugar de usar la versión gratuita.

    Realice sus cambios de acuerdo con el lugar donde planea mostrar el feed. Por ejemplo, probablemente no quieras mostrar 20 fotos si vas a usar el shortcode como widget. Afectará cómo aparecerá su barra lateral.

    Después de realizar los ajustes, haga clic en cualquiera de los botones «Guardar cambios» en toda la página.

    Haga clic en Cualquier Guardar

    ¿Quieres tener más flexibilidad al controlar tu feed de Instagram? Puede hacer esto usando variaciones de códigos cortos en sus páginas, publicaciones o widgets. Haga clic en la pestaña «Mostrar su feed» en la parte superior.

    Mostrar su alimentación

    Esta página es una lista completa de todos los códigos cortos que vienen con Instagram Feed. Si bien la mitad de ellos están bloqueados más allá de la versión Pro del complemento, puede ver que todavía hay bastantes que puede usar de forma gratuita.

    Ordenar, mostrar encabezados, mostrar el botón de seguimiento y más están disponibles. Simplemente copie y pegue el código y haga sus propias modificaciones.

    Opciones de código corto

    Ahora, puede mostrar automáticamente fotos de Instagram en WordPress sin hacer nada adicional. Cada vez que tomes una foto, tu sitio hará el resto.

    Método 2: Usando IFTTT

    Paso 1: Ir al sitio web y crear una cuenta

    Este método requiere el uso de una aplicación de terceros. Para utilizar esta plataforma, debe visitar el sitio web de IFTTT y crear una cuenta.

    No a todos les gusta la idea de conectar otra aplicación a su sitio web. Cuantos más sistemas utilice, más desordenado se vuelve el mantenimiento del sitio. Sin embargo, IFTTT tiene mucha flexibilidad cuando se trata de integrar las redes sociales en su marca y puede valer la pena invertir algo de tiempo en ello.

    Paso 2: crear un nuevo subprograma

    Desde el tablero de IFTTT, haga clic en la herramienta «Mis applets» en la parte superior.

    Mis Applets IFTTT para mostrar fotos de Instagram

    Haga clic en el botón «Nuevo subprograma» a la derecha.

    Nuevo subprograma

    Haga clic en el texto azul «+this» del centro de la pantalla.

    Haga clic en esto

    Paso 3: busca Instagram

    Busque «Instagram» en el campo de texto y haga clic en su icono cuando aparezca.

    Instagram

    Paso 4: conéctelo a su cuenta de Instagram

    Haga clic en el botón «Conectar» en la pantalla para continuar.

    Conecta Instagram

    Inicia sesión en tu cuenta de Instagram.

    Iniciar sesión en Instagram

    Esto cargará la pantalla de autorización. Esto le dice a IFTTT que está bien extraer contenido de su feed de Instagram y usarlo en otro lugar. Haga clic en el botón «Autorizar» para continuar.

    Autorizar IFTTT

    Ahora, elige el disparador «Cualquier foto nueva tuya». Como puede ver, hay varias formas de configurar este feed. Por ahora, solo concéntrate en las fotos nuevas.

    Activador de nueva foto

    Haga clic en el texto azul «+ eso» de la pantalla.

    Haga clic en eso

    Busque «WordPress» y haga clic en su icono.

    Icono de WordPress

    Paso 5: Conéctese a WordPress

    Haga clic en el botón «Conectar» para integrar su sitio web.

    Conectar sitio web

    Ingrese la URL de su sitio web, nombre de usuario, contraseña y haga clic en «Conectar». Esto le permite a IFTTT crear automáticamente nuevas publicaciones en su sitio web utilizando sus fotos de Instagram.

    Introducir información del blog

    Puede iniciar sesión como su cuenta de administrador para WordPress. Esto te mostrará como el «autor» de la publicación. También puede personalizar las funciones de los usuarios si desea mantener el feed de Instagram separado de su contenido habitual basado en texto.

    Actualmente tienes dos opciones disponibles: crear una nueva publicación o crear una publicación de fotos. Esto depende de cómo quieras que se comporte tu sitio web. Por ahora, hagamos clic en «Crear una publicación de fotos». Puede cambiar esto en cualquier momento si desea tomar una ruta diferente.

    Crear publicación de fotos

    Es importante tener en cuenta que al seleccionar «Crear una publicación de fotos» se almacenará la imagen y el texto de Instagram como un tipo diferente de contenido. En lugar de guardar una publicación como sus otros materiales, solo es visible si usa sus Categorías para buscarla.

    Esto puede ser útil si toma muchas fotos y tiene activadas las notificaciones automáticas. De lo contrario, sus seguidores recibirán una notificación del navegador cada vez que agregue una nueva imagen, lo que puede resultar abrumador para algunos.

    Sugeriría crear un elemento de menú separado para las publicaciones de Instagram que sea fácil de encontrar para los nuevos visitantes.

    Complete los campos de acción para IFTTT. Puede cambiar los títulos, las URL de las fotos, las leyendas, las categorías, las etiquetas y el estado de la publicación. Haga clic en «Crear acción» para continuar.

    Crear acción

    Elija dónde recibir notificaciones cuando se ejecute el applet. Esto significa que se le informará cada vez que se envíe una imagen de Instagram a su sitio web. Haga clic en el botón «Finalizar» y listo.

    Haga clic en Finalizar

    Pensamientos finales

    No toma sino unos minutos tomar una foto para atraer a su audiencia. Con las herramientas anteriores, también puede compartir esos momentos con los lectores de su sitio web. En este punto, debe saber exactamente cómo incrustar un feed de Instagram en WordPress.

    Cuanto más interactivo se vuelve su sitio web, más atractivo parece para los visitantes. Esto simplemente automatiza el proceso y le ahorra tiempo y mantiene el contenido en movimiento para los invitados y los motores de búsqueda.

    Espero que este tutorial te haya mostrado lo fácil que es agregar fotos de Instagram a tu sitio de WordPress.

    ¿Qué tipo de plataformas sociales muestra en su sitio web? ¿Hay otro complemento o método que utilice para lograr una inserción de WordPress en Instagram?