How do I add a social media feed to my website?
By Zyff
Short answer
Pick the network your audience actually uses, embed that one properly, and resist the urge to show all of them. A social feed is a block of code you paste into your page — a <div> and a <script> — that renders your recent posts in your own styling and refreshes without you editing the page again.
The reason to be selective is page weight: each network's official embed loads its own SDK, and three half-empty feeds cost more and persuade less than one active one.
Choosing which feed to show
The test is not which network you have an account on, it is which one you post to often enough that a visitor seeing your last nine posts comes away impressed. A feed whose most recent item is four months old actively damages the page it is on — it is a public admission that nobody is home.
If nothing passes that test, do not add a feed. A static gallery of your own photographs is better than a stale live one.
What each network offers
The official routes differ a great deal in what they will let you do.
- Instagram — no official feed embed at all; single posts only. Feeds require the Graph API or a third-party widget.
- Facebook — an official Page plugin for a timeline, but nothing for recommendations, which is what most businesses actually want to show.
- A combined wall — no official option anywhere; this is always a third-party product, and it is the heaviest thing on this list.
Keeping it from slowing the page down
Two things matter more than everything else. First, whether the feed loads only when it scrolls into view — a feed in the footer should cost nothing until somebody reaches the footer. Second, whether images load lazily, so a sixty-post wall does not request sixty images at once.
Third-party embeds are also the most common cause of layout shift, because they arrive after the rest of the page and push it down. A widget that reserves its space before its content arrives avoids that; an iframe with no set height does not.
Why social feeds break, and how to notice
Access tokens expire, accounts get switched to private, and image URLs are signed with short lifetimes. All three produce the same symptom: a feed that worked when you built it and is empty or broken months later, with nobody telling you.
Prefer a widget that stores its own copy of the posts and re-serves the images from its own domain, so an upstream hiccup is invisible. And put a reminder in your calendar to look at the page in a month — the failure is silent, so nothing else will.
Instagram Feed Widget
Show posts, reels and hashtags from Instagram on your site.
Also asked
- How do I show my social posts on my site?
- Can I combine several social feeds in one block?
All of these have the same answer, so they share this page rather than each getting a near-identical one of their own.