Instagram Feed Setup

How to add an Instagram post to your website.

Melanie Dupont avatar
Written by Melanie Dupont
Updated over a week ago

To setup an Instagram feed on a site, copy and paste the code below into the Source Code of the appropriate section. Be sure to switch out the URL and association acronym.

Add Instagram Post as a Widget

Replace all code with this:

<h5 style="text-align: center;"> Title Placeholder</h5><div class="content" style="text-align: center;"> <!-- INSERT INSTAGRAM EMBED CODE HERE --></div>

To get the code:

  1. Go to the Instagram post

  2. Click on the three dots

  3. Click the Embed option

  4. Click the Copy Embed Code button

  5. Paste the Instagram code into the code above in place of
    โ€‹<!-- INSERT INSTAGRAM EMBED CODE HERE -->

Add Instagram Post to a Page

Follow the steps above and paste the embed code directly into the Source Code on the Page you'd like the post displayed.

Replace an Existing Post

The best way to do this would be to treat it as new content and repeat the steps above.


Additional Notes

>> When admins are logged in, the IG feed may not display correctly. They'll need to log out to view the embedded feed.

>> Instagram only provides embed code for a single post, not a feed. More info in this article https://embedsocial.com/blog/embed-instagram-feed-for-free/ which mentions:

  • You can attach only one post at a time.

  • No option for customizations, content moderation, performance analytics, live content updates, multiple posts, etc.

Did this answer your question?