Con el auge de Instagram, cada vez es más importante utilizar todas las herramientas disponibles para promocionar tu marca en esta red social y atraer también usuarios desde tu sitio web.

Añade fácilmente una galería de tus fotos de Instagram en tu sitio web.

1.- Entra en la web de SnapWidget y haz clic en el botón azul Get your free widget.

2.- Ahora rellena los campos y configura la apariencia de tu widget.

· Username. Nombre de usuario de Instagram.

· Hashtag. Palabra relacionada con la temática de las fotos que desees mostrar en tu galería (usa esta opción si has dejado la anterior en blanco).

· Widget Type. Elige entre cuadricula (grid), diapositiva (slideshow) o mapa (si tienes fotos geolocalizadas).

· Thumbnail Size. Indica el tamaño en píxeles de las fotos que quieres mostrar de tu galería.

· Layout (para cuadrícula). Número de filas x columnas.

· Photo Border. Añade un borde a cada miniatura.

· Background Color. Color de fondo de la galería.

· Photo Padding. Espaciado en píxeles entre cada foto.

· Hover Effect. Efectos cuando pasas el cursor del ratón por encima de las fotos.

3.- Haz click en el botón azul Get code y copia el código que aparece. Antes de copiarlo, haz clic en Preview para ver cómo quedaría.

4.- Ahora accede a tu sitio web y pega el código en un bloque código.

5.- Conseguiras un resultado similar a este, dependiendo de tus preferencias:

Si lo que quieres es poner una única imagen, utiliza este código iframe cambiando la url de tu imagen por la que te mostramos:

<iframe width="820" height="960" src="https://www.instagram.com/p/urldetuimagen/embed" frameborder="0"></iframe>

No te olvides de modificar: urldetuimagen por la de la imagen que quieres mostrar.

<iframe width="320" height="460" src="https://www.instagram.com/p/urldetuimagen/embed" frameborder="0"></iframe>

No te olvides de modificar: urldetuimagen por la de la imagen que quieres mostrar.

Puedes variar el ancho y alto a tu gusto, es decir, el tamaño que aparece en “width” y en “height”.

Otra opción para mostrar una única imagen es utilizar esta web.

Solo tienes que entrar, copiar y pegar la url de la imagen que quieras mostrar, y otendrás el código iframe para que puedas añadirlo a tu sitio web con un bloque código.