Website Building » Weebly » How Do You Add Instagram to Weebly?

How Do You Add Instagram to Weebly?

Last updated on September 28, 2022 @ 3:09 pm

Adding Instagram to Weebly is a simple process that can be completed in just a few minutes. There are two methods that can be used to add Instagram to Weebly: using the provided Instagram widget, or by embedding the Instagram feed into a Weebly page using HTML code.

The first method is the simplest and only requires a few clicks to set up. First, log into your Weebly account and go to the page where you want to add the Instagram widget. Then, click on the “Add Element” button and scroll down until you find the “Instagram” widget. Once you’ve found it, click on the “Add” button and then enter your Instagram username into the provided field.

That’s it! The widget will automatically display your most recent photos from Instagram.

If you want more control over how your photos are displayed, or if you want to display photos from multiple Instagram accounts, you can use the second method: embedding the Instagram feed into a Weebly page using HTML code. To do this, you’ll first need to generate an access token for your Weebly site. You can do this by logging into your Instagram account and going to this link.

Once you’re there, click on the “Register a New Client” button and fill out the required information. Make sure to set the “OAuth redirect_uri” field to http://YOUR-WEBSITE-NAME.com. Once you’ve registered your client, copy the generated access token and paste it into the HTML code below.

PRO TIP: Weebly does not currently offer an integration with Instagram. We recommend that you use a third-party service like SnapWidget or InstaLink to embed your Instagram photos on your Weebly site.

HTML Code:


<script type="text/javascript">
    var userFeed = new Instafeed({
        get: 'user',
        userId: 'USER-ID-HERE',
        limit: 12,
        resolution: 'standard_resolution',
        accessToken: 'ACCESS-TOKEN-HERE'});
    userFeed.run();
</script>

Replace USER-ID-HERE with your own Instagram user ID (you can find this in the URL of your profile page on Instagram) and ACCESS-TOKEN-HERE with the access token that you generated earlier. Once you’ve done that, copy and paste the code into a Weebly HTML element and save changes.

And that’s it! You’ve successfully added an Instagram feed to your Weebly site.

Adding Instagram to Weebly is a simple process that can be completed in just a few minutes using either the provided Instagram widget or by embedding the Instagram feed into a Weebly page using HTML code.

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.