← Back to Blog

How to Add An Instagram Feed to Your Website

Published on Jan 10, 2021

An easy way to increase your following and reach on Instagram, Facebook, and Twitter, is to embed a widget that displays your latest Instagram posts on your website. In this post, we show you how.

First things first, before you can start displaying your photos and videos on your website, you'll need to create a new (Free or Pro) widget that you can embed. You can do that by following our help article here.

Create a new Instagram grid widget

Once you've created your widget, you can add the code snippet to your website where you'd like the widget to be displayed. This will depend on the platform you're using for your website. For example, if you're using Showit, you can follow the tutorial here. If you're using Squarespace, this is the tutorial to follow.

For any other platforms, check out our Instagram widget tutorials on our help center.

If you're using a custom-built HTML website, you will need to edit the HTML of your website:

1. Determine the page where you would like the widget to display If you'd like to display your Instagram photos on your homepage, you will need to edit the main page of your site. This will most likely be called index.html.

2. Edit the HTML of your page Open the .html file you need to edit in a code editor. Paste the code snippet you generated in SnapWidget into the .html file where you would like the widget to display.

3. Save (and upload if needed) the .html file you just edited You should now have your Instagram feed displaying on your website.