TikTok, Instagram, YouTube

HTML Instagram feed widget you can use in a WordPress Text/HTML widget

Here’s a simple HTML Instagram feed widget you can use in a WordPress Text/HTML widget to embed posts from your Instagram account https://www.instagram.com/saa.gadchiroli.


📌 Important Note

Instagram no longer allows direct display of feeds with just HTML unless you use:

  1. Instagram Basic Display API

  2. A 3rd-party widget/plugin (like Smash Balloon, LightWidget, Tagembed)

  3. An official oEmbed embed for individual posts (not full feed)

So if you want a real live feed, install a plugin.
Below I’ll provide:

✅ Simple embed code for a feed (via LightWidget example)
✅ Official Instagram embed for single posts
✅ Plugin suggestions


1) ✅ Use LightWidget (Free Instagram Feed Widget)

Step A — Generate Embed Code

  1. Go to: https://lightwidget.com/

  2. Enter your Instagram username: saa.gadchiroli

  3. Optional: Set layout width, columns, rows etc.

  4. Click Generate

  5. Copy the code

Example Embed Code (replace with your generated one):

<!– LightWidget Instagram Feed –>
<script src=“//lightwidget.com/widgets/lightwidget.js”></script>
<iframe
src=“//lightwidget.com/widgets/abcdef1234567890.html”
scrolling=“no”
allowtransparency=“true”
class=“lightwidget-widget”
style=width: 100%; border: 0; overflow: hidden;>
</iframe>

✔ Paste this code into Appearance → Widgets → Custom HTML
✔ Or paste into a widget area or footer in your theme


2) 📌 Official Instagram Embed (Single Post)

If you want to embed a specific Instagram post (example):

  1. Open a post in browser

  2. Click … → Embed

  3. Copy the code

Example:

<blockquote class=“instagram-media” data-instgrm-permalink=“https://www.instagram.com/p/POST_ID/” data-instgrm-version=“14”></blockquote>
<script async src=“//www.instagram.com/embed.js”></script>

Replace POST_ID with the real Instagram post ID.


3) ⭐ Recommended WordPress Plugins

If you want a full live feed that updates automatically:

Plugin Features
Smash Balloon Social Photo Feed Live feed, filters, layouts
10Web Social Feed Carousel & grid layouts
Tagembed Custom themes, styles

Install via Plugins → Add New


4) Style Example (Optional CSS)

To make your feed responsive:

.lightwidget-widget {
width: 100%!important;
max-width: 600px;
margin: auto;
border-radius: 10px;
}

Paste into your theme Customizer → Additional CSS


Summary

✅ Paste embed iframe into WordPress widget
✅ Use plugin for dynamic full feed
✅ Use official Instagram embed for single posts