0

TodoIG | Aprende a usar Instagram como un profesional y vive de ello

TodoInstagram es el blog de referencia sobre Instagram en español. Te informaremos sobre trucos, novedades, tutoriales y mucho más. Entra ya y únete a la comunidad!

  • Trucos
  • Tutoriales
  • Aplicaciones
  • Dinero
  • Cursos
NovedadesInsertar fotos de Instagram en tu web, más fácil que nunca

Insertar fotos de Instagram en tu web, más fácil que nunca

Hace ya algún tiempo publicamos un artículo donde te explicábamos varios métodos para mostrar tus fotos de Instagram en un blog WordPress, el problema de esto es que si tu sitio no estaba montado con WordPress, ninguno de estos métodos te iba a funcionar. Pues bien, hace apenas unos días que se ha habilitado una nueva función en los perfiles web que resuelve el problema que comentábamos al principio y con la que podrás insertar fotos de Instagram en tu web.

Esta nueva función de la han llamado «web embeds» y básicamente consiste en un código HTML que puedes pegar en la sección de tu página web donde quieras que aparezca la foto.

Cómo usar la función web-embeds de Instagram para insertar fotos en mi web.

Si alguna vez has usado la función de insertar un video de Youtube, te habrás fijado que este te muestra dentro de un cajón de texto un código que empieza con la etiqueta «<iframe …>«, de manera que sólo tienes que pegar ese código en tu web para que el video de Youtube quede totalmente integrado con el contenido de tu página.

Pues la función web embeds de los perfiles web de Instagram utiliza el mismo sistema que Youtube, así que si ya estás acostumbrado a usar este último, no vas a tener problema alguno para insertar cualquier foto de Instagram en tu web.

Si por el contrario, es la primera vez que ves un código iframe, no te preocupes porque te vamos a explicar a continuación todo lo que tienes que hacer para insertar tu foto paso a paso.

  1. Entra en tu perfil web de Instagram. Puedes acceder a él entrando en http://instagram.com/tu_usuario.
  2. Ahora elige la foto que quieras insertar en tu web y haz clic sobre ella para agrandarla.
  3. Si te fijas, en la parte superior derecha de la foto aparece un nuevo botón justo debajo del botón de comentarios . Haz clic en el botón de los 3 puntitos situado en la esquina inferior derecha. Ahora verás que se muestran 2 opciones, en este caso debes seleccionar la opción «Insertar«.
    Insertar fotos Instagram en entradas blog
  4. Ahora te aparecerá una ventana con el código que debes copiar para insertar tu foto. Haz clic en el botón «Copy Embed Code» para copiarlo.
    Código para insertar fotos Instagram en web
  5. Por último sólo tienes que pegar ese código en la sección de tu web donde quieras que aparezca.

Los pasos para insertar la foto de Instagram en una entrada de Blogger o WordPress son prácticamente iguales, sólo tienes que:

  1. Entrar en el panel de edición de entradas de tu blog y hacer clic en el botón «HTML».
  2. Y para terminar, pegar el código en la parte de la entrada donde quieras que se muestre la foto. Cuando hagas clic en «Publicar» ya se publicará tu entrada con la foto insertada.
    Insertar foto Instagram en Blogger

Aquí tienes un ejemplo de como quedaría la foto después de pegar el código.

¿Puedo insertar fotos de otros usuarios de Instagram en mi web?

Si. Instagram te permite insertar fotos de cualquier usuario que tenga un perfil público, de hecho ni siquiera necesitas tener una cuenta activa en Instagram para poder usar la función de web embed.

Con la nueva función web embed de los perfiles web ya no tienes excusa para insertar fotos de Instagram en tu web. Además es una muy buena forma de atraer nuevas visitas y aumentar la actividad de tu perfil (nuevos seguidores, Likes, comentarios, etc), ya que cada foto que insertes dejará un enlace hacia tu perfil y otro enlace hacia la página de la foto. Sin duda, una forma muy fácil y rápida de promocionar tu perfil de Instagram en la web.

¡Ayúdame a difundirlo!
0
0

Quizás también te pueda interesar...

  • Problemas en Instagram. Vulnerabilidad en Instagram para iPhone.
  • Grabar y compartir videos en Instagram ya es posible
  • SnapWidget. Inserta una galería con tus fotos de Instagram en tu web.
  • Camisetas con tus fotos de Instagram, una nueva idea de negocio
Cómo compartir fotos de Instagram en 500px
Cómo subir videos ya grabados a Instagram en Android y iPhone

Comments

  1. Coti. Ser psicóloga educativa hoy says

    25 septiembre, 2013 at 12:04

    Estoy intentando empezar a usar instagram para mi blog (ya tenía un pérfil privado). ya lo tengo puesto en la barra lateral pero no consigo incluir una foto de instagram en un post del blog. He seguido tus pasos pero no me aparece el botón d ela flecha que dices ni en la versión web ni tampoco en la de android ¿Qué puedo estar haciendo mal? Muchas gracias

  2. Todoinstagram says

    25 septiembre, 2013 at 12:22

    Hola Coti,

    Efectivamente ahora no aparece el botón del que hablamos, en su lugar se muestra un enlace que dice «Insertar» (parece ser que Instagram lo ha cambiado en estas últimas semanas).

    Por tanto, lo que tienes que hacer una vez tengas la foto abierta en tu perfil web, es hacer clic en el botón de los 3 puntitos, situado en la esquina inferior derecha. Cuando hagas clic sobre él, ya verás que te aparece la opción «Insertar» de la que hablábamos antes. Haz clic sobre ella y ya te aparecerá el código HTML que debes copiar en tu web para insertar la foto.

    Vamos a actualizar el artículo para que no vuelva a haber ninguna confusión. ¡Muchas gracias por avisarnos!

    No olvides seguirnos en Instagram 😉

    Saludos!

  3. Coti. Ser psicóloga educativa hoy says

    25 septiembre, 2013 at 13:21

    Pues no se cuál debe ser la razón pero al pinchar sobre los tres puntitos que es como yo lo había intentado solo me sale la opción de denunciar spam. :-(((( Es muy frustrante

  4. Todoinstagram says

    26 septiembre, 2013 at 17:11

    Es realmente extraño Coti. ¿Has probado a cambiar de navegador a ver si se muestra bien la opción de «Insertar«?

  5. hector mena says

    22 octubre, 2014 at 03:15

    muy interesante y en el caso de hashtag como se podrian insertar en la web

Artículos más leidos

  • Crear una cuenta en Instagram
  • Qué significa el hashtag #TBT en Instagram y cuándo usarlo
  • Descargar fotos y vídeos de Instagram en Android
  • Cómo subir tus fotos a Instagram sin recortar
  • Utiliza Instagram desde tu PC
  • Publicar Fotos en Instagram desde PC o Mac ya es posible
  • 6 Aplicaciones imprescindibles para editar tus vídeos de Instagram

Lo más reciente

  • No me aparece Reels en Instagram. La solución aquí
  • Cómo cambiar el tipo de letra de tu nombre y biografía en Instagram
  • Cómo guardar borradores en Instagram y dónde encontrarlos
  • 7 Consejos para mejorar tu engagement en Instagram

·Esta web no pertenece a Facebook Inc ·
Todo el contenido de TodoInstagram.com está publicado bajo licencia Creative Commons Reconocimiento-CompartirIgual 3.0 Unported

Este blog utiliza cookies para mejorar la experiencia de navegación. Aceptar Más información
Política de Cookies

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Siempre activado
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Non-necessary
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
GUARDAR Y ACEPTAR