¿Alguna vez ha querido compartir una foto de Instagram o una publicación de video en particular en su sitio web, y luego ha intentado frustrantemente guardar la foto en su computadora y subirla a su sitio?
Instagram tiene una función de inserción que puedes usar para insertar fácilmente fotos o videos en el HTML de tu sitio web o blog, y no tienes que ser un diseñador web para descubrir cómo hacerlo.
El beneficio de integrar publicaciones de Instagram directamente en sus páginas web es que los visitantes de su sitio web pueden interactuar con la publicación como si estuvieran en Instagram. Pueden hacer clic en él para ir a la página de publicación o al perfil de usuario, que apreciarán si ya son usuarios de Instagram.
Haga clic en los siguientes pasos para ver cómo puede insertar fácilmente cualquier foto o video de Instagram en su sitio web en solo unos minutos.
01 de 06Encuentra la foto de Instagram o página de video que quieres incrustar
Lo primero es lo primero: necesitarás acceder a Instagram en la web y no a la aplicación móvil para hacer esto.
Si necesita insertar una publicación que haya encontrado en la aplicación, puede tocar el tres puntos que aparecen en la esquina superior derecha de cualquier publicación y luego toque el Copiar link Opción que aparece en el menú para copiarla y pegarla en algún lugar para acceder a ella en la web.
Por ejemplo, es posible que desee pegarlo en un mensaje de correo electrónico y enviarlo a usted mismo para que pueda abrir el enlace a esa publicación en una computadora de escritorio.
Abra la publicación de Instagram en un navegador web
Para este ejemplo, usaremos una publicación de foto de la cuenta oficial de Lifewire en Instagram, pero puedes usar cualquier publicación de Instagram que desees.
Si ya tiene la URL para la publicación, simplemente haga clic en ella o cópiela y péguela en su navegador web. La URL de la publicación de Instagram se verá así: instagram.com/p/xxxxxxxxxx/ .
Sin embargo, si ya está en Instagram.com (en la web, recuerde, no en la aplicación) navegando por su feed de inicio, un perfil, una etiqueta o la página Explorar, ni siquiera necesita abrir la página de la publicación para incrustarlo en una página web.
03 de 06Haga clic en los tres puntos en la esquina inferior derecha
En lugar de hacer clic con el botón derecho del mouse y elegir "Guardar como" o tomar una captura de pantalla de la imagen, simplemente buscará el tres puntos en la esquina inferior derecha del cuadro de imagen, que estará allí si está viendo la publicación como una ventana emergente en la página, en su feed o en su propia página de publicación.
Haga clic en esos tres puntos grises y verá varias opciones emergentes. Haga clic en Empotrar.
04 de 06Copie el código de inserción
Aparecerá un cuadro en medio de la pantalla que muestra una cadena de código y un botón azul. Si desea incluir el título para que aparezca en la página web, puede dejar el Incluir cuadro de subtítulos marcado, pero si solo desea mostrar la foto o el video, puede desmarcarlo.
No tiene que saber cómo funciona ninguno de los códigos o qué significa para incrustar correctamente la foto o el video en su sitio. Simplemente haga clic en el azulBotón Copiar código incrustado para copiar automáticamente toda la cadena de código.
Ya has terminado con la página de Instagram. A continuación, puede pasar a su sitio web o blog donde desea que se muestre la publicación.
05 de 06Pegue el código de incrustación de Instagram en el HTML de su sitio web
Depende de usted acceder al área de administración o al panel de control de cualquier sitio web o plataforma de blogs que esté utilizando y encontrar el área correcta para insertar el código.
Por ejemplo, si su sitio se ejecuta en WordPress, solo necesita acceder a su publicación o página editable en Modo de texto (en lugar de modo visual), botón derecho del ratón en el editor, y seleccione Pegar para poner su código de inserción copiado en la caja.
Guárdelo, céntrelo si lo desea, publíquelo y listo.
06 de 06Ver tu página y foto de Instagram incrustada
Eche un vistazo a la página publicada en línea para ver la nueva foto o video de Instagram perfectamente incrustado en ella.
Debería poder ver la foto con el enlace al nombre del usuario de Instagram en la parte superior, así como la cantidad de "me gusta" y comentarios debajo.
Si se trata de un video en lugar de una foto, los visitantes de su sitio web podrán reproducir el video allí mismo en su sitio.
Por supuesto, si no aparece nada en su sitio, es posible que haya pegado el código en el lugar equivocado o que tal vez no haya copiado la cadena completa de código. Echa un vistazo a este excelente artículo de ayuda de HTML WordPress si tienes algún problema.
