December 3, 2012

Display Instagram Photos on Your Website with SnapWidget


Do you take photos with Instagram? Instagram is a photo sharing platform and can be defined as a social network where users can engage with other Instagram users. Now this one gonna come in handy if you are already on Instagram and managing a blog or website. Else, of course you can try it out after having an account and playing with photos on Instagram. Dear Instagram fans, did you ever wanted to show off Instagram photos on your blog or website?


What is Instagram?


If you don't know the first things about it, let me take you through it briefly. Unlike other photo sharing platforms such as Picasa or Flickr, Instagram is dedicated for mobile users. Instagram mobile application available for mobile platforms such as iOS and Android. You can take snaps via application or add a stored photo in your mobile and the best comes next. Instagram has numerous photo filters to apply and transform original image into another creative. After all, you can share your photos with friends and family on Instagram. Plus, on other social platforms too. Does it makes sense? If not, you gotta try Instagram on your mobile device and get the whole idea ;) Well, now back to the business.


Embedding Instagram Photos


Instagram has no official widget for this matter, but SnapWidget is a third party widget which offers capability of embedding Instagram photos on blogs or websites, with many customization options and easy set up. You can either show off your own Instagram photos by using your Instagram username or else you can display photos filtered with a specific hashtag. The widget is absolutely free to use and there are 3 type of widgets too - Grid, Slideshow and Map. All you need is customizing widget as you need and embed the given code on your site. Here I'm gonna talk about free version where you don't even need to register for an account. If you wish to get more exclusive features, you can try Pro version too. Are you ready to embed your favorite Instagram photos?


Steps:

1. Go to SnapWidget website.

2. Now scroll down and find Customize your widget section.

3. You can start set up by either entering Instagram username or a hashtag of your choice in relevant field.

4. Now select the Widget Type you need. You can see how they looks like below and I'll run you through specific options available for each widget type.

Grid

The photos will display in a grid as you see below and you can change how much photos need to be displayed  across and down using Layout option.


Thumbnail Size - This will define the size of photo(s) used in the widget in pixels

Layout - Specify how the widget needs to display photos

Photo Border - You can enable or disable border around the photos

Background Color - You can set the background color of the widget or leave it blank for transparent

Photo Padding - Specify space between photos on the widget

Hover Effect - Select an effect to apply on photos to be seen when someone hover the mouse pointer over photos


Slideshow

Here your selected photos will run in a slideshow. Only one photo per slide will be displayed.


Thumbnail Size - This will define the size of photo used in the widget in pixels

Photo Border - You can enable or disable border around the photos

Background Color - You can set the background color of the widget or leave it blank for transparent

Hover Effect - Select an effect to apply on photos to be seen when someone hover the mouse pointer over a photo


Map

Here the photos you need to be displayed will be on a map and arranged according the specified location of the photos.


Map Size - Specify the size of the map in pixels


5. Now click on Preview button to see how your widget looks like with the photos you selected.

6. Once you done with customization and satisfied with the preview, click Get Code button to grab the code for your personalized widget.

7. Now copy the widget code snippet it offers and add to your blog or website.

Note: If you are a Blogger user and wanna add it as an element, you can add your button code snippet via HTML/JavaScript element. Read How to Add an External Widget or Codes to Blogger. Else if you wanna render it in a Blogger post or page, read How to Embed External Content on Your Blogger Posts or Pages.


Enjoy :-)

23 comments:

Praveen Rajarao said...

I havent yet used Instagram, but my wife uses it a lot to edit her mobile pics and share them on FB...now I see an use for me as a blogger :-) Thanks for this share, am sure this widget can come quite handy for us.

Mayura De Silva said...

Hi Praveen,


Isn't it true for Pinterest and Instagram mate? ;) Women much prefer to be on 'em. And they are cool services. Absolutely, Now SHOWTIME for Instagram fan bloggers ;)


Thanks for coming by and contributing here with your thoughts Praveen :)


Cheers...

Adrienne said...

Hi Mayura,


I don't use Instagram mainly because I don't have a phone to take photos with. Oh heck, the only time I take photos these days is when I'm with family so you saw my last one I shared.


I know this site is hugely popular though so I have a feeling this post is really going to come in handy for a lot of people. We've become an image crazy world!


~Adrienne

Mayura De Silva said...

Hi Adrienne,

Ha ha... I think the computer is the one suite for you ;) Well, you need to get yourself to Mobile era too dear. Oops... I didn't notice 'em Adrienne. Let me see now ;)

I wasn't paying attention much on it too dear :) But I remember how people gone crazy with it in first days and still do like on Pinterest. So as you implied, I hope they gonna love this one if they own a blog :)

Thanks for stopping by and sharing your views on this one dear :)

Cheers...

Carolyn Nicander Mohr said...

Hi Mayura, I'm not an Instagram fan, only because i haven't tried it, but I know how insanely popular the service is so I will be sharing this awesome post far and wide. I know a lot of people will greatly appreciate the great information you supply here!

Mayura De Silva said...

Hi Carolyn,

I can see you are trying it right now ;) lol... I hope you would give it a try and do some creative stuff as you do with PicMonkey dear. Filters is the best part there ;)

Actually I felt I'm the only one not using before as it was getting popular right after the acquisition by Facebook :) Lately I designed a new blog and she wanted to embed Instagram photos. Thanks to her, I could find this one :)



Thank you for coming by and sharing your thoughts dear :) AND sharing too, so I hope your friends will love this.


Cheers...

Brenda Lee said...

Very cool Mayura! I'm not an Instagram user but this looks to be pretty awesome! Thanks for sharing it!

Mayura De Silva said...

Hi Brenda,

I'm not a heavy user but I did few transformations using filters dear. Wanna do more and it's really awesome. Just install app and try it ;) You will like it as it's just a matter of a click.



The widget is loved by Instagram buddies :) Easy to set up too.


Thanks for stopping by and sharing your thoughts dear :)


Cheers...

Vidya Sury said...

Hmm. Makes me want to get an iOS or an android phone, Mayura. I am not smartphone savvy. But this is tempting! :D I am going to bookmark this post so that I can refer to it when I get a 'droid. Thank you!

Mayura De Silva said...

Hi Vidya,

Now you need an smartphone upgrade ;) Actually after having a smartphone this year, I was really benefiting from it with various type of applications. I used to have a Nokia mobile, but there were limitations in that mobile platform. I know you love taking photos and you can do really cool things with it. You'd love Instagram by then ;)



I hope you can get one so soon and try out Instagram too ;) When it happens, I know this widget goes live on your blog...


Thank you for coming by and commenting dear ;) I'm glad as this one made you buy a 'droid :D lol...


Cheers...

Sapna said...

Hi Mayura

That was really a valuable information shared. I knew instagram for the last one year but never given a thought to explore it.

I will be coming up with some cooking posts as well, surely will use it there and also on some of the websites I am developing for my clients.

Thanks for info.

Sapna

Mayura De Silva said...

Hi Sapna,


It's really cool, isn't it? :) Ah... Now you gotta play with Instagram and I'm looking forward to be a Instagramian ;) lol...


Cooking images on a slideshow? That will catch more eyes :) Glad to hear about that and of course, clients who love to be on Instagram would never refuse that. I got to know that recently ;)


Thanks for coming by and sharing your thoughts on it dear :) Compliments accepted too ;)


Cheers...

Lisa Buben said...

Mayura, I love this! I have not heard of it before and I use Instagram almost daily. Now where to use it, which blog? I'm sure I'll find places where this will come in handy and make sense. What a way for a travel blog to display photos of different places. I don't think I've seen it on any website or blog yet. Thanks for sharing, you always find great stuff Mayura.

Mayura De Silva said...

Hi Lisa,

I knew you would love this one as you were taking snaps with Instagram :) I found it while I was doing my recent blog design project and it's awesome + free.

Ha Ha... Now you gotta think where ;) Absolutely... Travel, Photography, Fashion, Personal and such bloggers would find this one very useful if they use Instagram to take such snaps. Now your turn ;) lol...

Thanks for coming and sharing your helpful views on this one with compliments dear :)



Cheers...

Praveen Rajarao said...

Yea right...it is quite true that more than 90% of pinterest users are women...I read your other post on Pinterest for business which I think gives us a loophole to get into that as well :-)

Mayura De Silva said...

Now that's true Praveen ;) I've been spending time on Pinterest these days as I did first days and it's addictive. Well, first things need to do first, no? I think we need to find best platforms suites to our needs.


Hope you will be able to get more traffic on Pinterest ;)


Cheers...

Tim said...

Thanks Mayura for these instructions!

I also wanted to share with you and your readers 1 other tool you may find useful. It's called Tint, and we let you display any instagram feed into your website, Wordpress, Facebook Page, etc.

You can display your own Instagram feed, other brand's instagram feed, and even instagram hashtags in a matter of minutes. Visitors can share your photos to their social networks and you can even show different themes with flexible columns.

Feel free to check it out for more information: http://www.tintup.com/blog/the-best-instagram-widget/

Thanks,
Tim

Mayura De Silva said...

Hi Tim,

I haven't heard of Tint but sounds like an interesting one to check out :) I'll go through it sooner and see how it can be work out for blogs mate.


Thanks for sharing information about Tint here and hope interested readers might take a look too :)


Cheers...

Tim said...

Hey Mayura,

You're very welcome :). Love your posts so keep the quality writing coming!

If you are interested in writing a small mention about Tint, please let me know and I'd be happy to share more with you. Just let me know.

Mayura De Silva said...

Thanks for your compliments mate :) I'll have to take a look myself and I'll contact if I need more information on it if I gonna write about it mate.


Cheers...

Ryo Chiba said...

Mayura, thanks for this awesome blog post. Recently I spent a lot of time figuring out how to put instagram photos on my website and came across this post. Besides the snapwidget site you mention, I also came across a different service that does the same thing, but has themes. It's called Tint ( http://www.tintup.com ), and I think anyone wanting to embed instagram photos into their website would benefit by checking it out.

Mohit Kumar said...

Mayura, Thank you very much for this one. Instagram is something that i use regularly and i am in love with the application. Moreover i was not aware of the fact that i could even install instagram feeds on my blog, that i could do after reading your article.
Thanks a tonne and keep the good work going. All The Best !!!!


Regards, Mohit

Mayura De Silva said...

Hi Mohit,

So, you are a Instagram lover too :) Glad to help you out here and I hope you enjoy setting up SnapWidget for your Instagram account. Obviously, more options to check out as you need :)



Thanks for coming over and sharing your views on this topic Mohit :)


Cheers...

Post a Comment