Free Tool
Embed Your Instagram Feed on Any Website
Generate a customizable Instagram feed widget in seconds. Choose your theme, layout, and style — then copy and paste the code anywhere.
No login neededInstant generationPure HTML — no dependencies
We never store usernames or access private accounts. Data is fetched live from public profiles.
Preview mode: Enter a username above to load real posts. Below shows placeholder content.
Customize Embed
Theme
Layout
Columns
Number of Posts
9
Spacing
Corners
Display Options
Preview
Embed Code
<!-- Instagram Feed by Likes.io -->
<div style="max-width:100%;width:100%;margin:0 auto;background:#ffffff;border:1px solid #efefef;border-radius:8px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;overflow:hidden;box-sizing:border-box;">
<a href="https://www.instagram.com/yourprofile/" target="_blank" rel="noopener noreferrer" style="display:flex;align-items:center;gap:12px;padding:16px;text-decoration:none;border-bottom:1px solid #efefef;">
<img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22150%22%20height%3D%22150%22%20viewBox%3D%220%200%20100%20100%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23e2e8f0%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2238%22%20r%3D%2218%22%20fill%3D%22%2394a3b8%22%2F%3E%3Cellipse%20cx%3D%2250%22%20cy%3D%2280%22%20rx%3D%2228%22%20ry%3D%2222%22%20fill%3D%22%2394a3b8%22%2F%3E%3C%2Fsvg%3E" alt="Your Brand" width="44" height="44" style="border-radius:50%;object-fit:cover;" />
<div>
<div style="font-weight:600;color:#262626;font-size:14px;">Your Brand</div>
<div style="color:#8e8e8e;font-size:12px;">@yourprofile</div>
</div>
</a>
<div style="padding:6px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;">
<a href="https://www.instagram.com/p/mock1/" target="_blank" rel="noopener noreferrer" style="text-decoration:none;display:block;position:relative;overflow:hidden;border-radius:8px;"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22640%22%20viewBox%3D%220%200%20100%20100%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23e2e8f0%22%2F%3E%3Crect%20x%3D%2225%22%20y%3D%2230%22%20width%3D%2250%22%20height%3D%2240%22%20rx%3D%228%22%20stroke%3D%22%2364748b%22%20stroke-width%3D%223%22%20fill%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2212%22%20stroke%3D%22%2364748b%22%20stroke-width%3D%223%22%20fill%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2265%22%20cy%3D%2236%22%20r%3D%223%22%20fill%3D%22%2364748b%22%2F%3E%3C%2Fsvg%3E" alt="Exploring new horizons every day" style="width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#efefef;" loading="lazy" /></a>
<a href="https://www.instagram.com/p/mock2/" target="_blank" rel="noopener noreferrer" style="text-decoration:none;display:block;position:relative;overflow:hidden;border-radius:8px;"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22640%22%20viewBox%3D%220%200%20100%20100%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23fde68a%22%2F%3E%3Cpath%20d%3D%22M50%2070%20C20%2045%2020%2025%2035%2020%20C42%2017%2048%2022%2050%2028%20C52%2022%2058%2017%2065%2020%20C80%2025%2080%2045%2050%2070Z%22%20fill%3D%22%2392400e%22%20opacity%3D%220.7%22%2F%3E%3C%2Fsvg%3E" alt="Behind the scenes of our latest project" style="width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#efefef;" loading="lazy" /></a>
<a href="https://www.instagram.com/p/mock3/" target="_blank" rel="noopener noreferrer" style="text-decoration:none;display:block;position:relative;overflow:hidden;border-radius:8px;"><svg width="16" height="16" viewBox="0 0 24 24" fill="white" style="position:absolute;top:8px;right:8px;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.5));z-index:1;"><polygon points="5,3 19,12 5,21"/></svg><img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22640%22%20viewBox%3D%220%200%20100%20100%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23bfdbfe%22%2F%3E%3Cpath%20d%3D%22M50%2020%20L58%2040%20L80%2042%20L64%2056%20L68%2078%20L50%2066%20L32%2078%20L36%2056%20L20%2042%20L42%2040Z%22%20fill%3D%22%231e40af%22%20opacity%3D%220.7%22%2F%3E%3C%2Fsvg%3E" alt="The details that make a difference" style="width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#efefef;" loading="lazy" /></a>
<a href="https://www.instagram.com/p/mock4/" target="_blank" rel="noopener noreferrer" style="text-decoration:none;display:block;position:relative;overflow:hidden;border-radius:8px;"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22640%22%20viewBox%3D%220%200%20100%20100%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23d9f99d%22%2F%3E%3Cpath%20d%3D%22M15%2070%20L35%2035%20L50%2050%20L65%2030%20L85%2070Z%22%20fill%3D%22%23365314%22%20opacity%3D%220.5%22%2F%3E%3Ccircle%20cx%3D%2270%22%20cy%3D%2225%22%20r%3D%228%22%20fill%3D%22%23365314%22%20opacity%3D%220.4%22%2F%3E%3C%2Fsvg%3E" alt="Weekend vibes at their finest" style="width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#efefef;" loading="lazy" /></a>
<a href="https://www.instagram.com/p/mock5/" target="_blank" rel="noopener noreferrer" style="text-decoration:none;display:block;position:relative;overflow:hidden;border-radius:8px;"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22640%22%20viewBox%3D%220%200%20100%20100%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23fecaca%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%228%22%20fill%3D%22%23991b1b%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2235%22%20r%3D%227%22%20fill%3D%22%23991b1b%22%20opacity%3D%220.5%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2265%22%20r%3D%227%22%20fill%3D%22%23991b1b%22%20opacity%3D%220.5%22%2F%3E%3Ccircle%20cx%3D%2235%22%20cy%3D%2250%22%20r%3D%227%22%20fill%3D%22%23991b1b%22%20opacity%3D%220.5%22%2F%3E%3Ccircle%20cx%3D%2265%22%20cy%3D%2250%22%20r%3D%227%22%20fill%3D%22%23991b1b%22%20opacity%3D%220.5%22%2F%3E%3C%2Fsvg%3E" alt="Creating moments worth remembering" style="width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#efefef;" loading="lazy" /></a>
<a href="https://www.instagram.com/p/mock6/" target="_blank" rel="noopener noreferrer" style="text-decoration:none;display:block;position:relative;overflow:hidden;border-radius:8px;"><svg width="16" height="16" viewBox="0 0 24 24" fill="white" style="position:absolute;top:8px;right:8px;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.5));z-index:1;"><rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/></svg><img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22640%22%20viewBox%3D%220%200%20100%20100%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23e9d5ff%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2222%22%20fill%3D%22%236b21a8%22%20opacity%3D%220.3%22%2F%3E%3Cpolygon%20points%3D%2243%2C36%2043%2C64%2068%2C50%22%20fill%3D%22%236b21a8%22%20opacity%3D%220.8%22%2F%3E%3C%2Fsvg%3E" alt="Fresh content dropping soon" style="width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#efefef;" loading="lazy" /></a>
<a href="https://www.instagram.com/p/mock7/" target="_blank" rel="noopener noreferrer" style="text-decoration:none;display:block;position:relative;overflow:hidden;border-radius:8px;"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22640%22%20viewBox%3D%220%200%20100%20100%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23fbcfe8%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2222%22%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%223%22%20fill%3D%22%239d174d%22%20opacity%3D%220.5%22%2F%3E%3Crect%20x%3D%2254%22%20y%3D%2222%22%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%223%22%20fill%3D%22%239d174d%22%20opacity%3D%220.5%22%2F%3E%3Crect%20x%3D%2222%22%20y%3D%2254%22%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%223%22%20fill%3D%22%239d174d%22%20opacity%3D%220.5%22%2F%3E%3Crect%20x%3D%2254%22%20y%3D%2254%22%20width%3D%2224%22%20height%3D%2224%22%20rx%3D%223%22%20fill%3D%22%239d174d%22%20opacity%3D%220.5%22%2F%3E%3C%2Fsvg%3E" alt="Our community is everything" style="width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#efefef;" loading="lazy" /></a>
<a href="https://www.instagram.com/p/mock8/" target="_blank" rel="noopener noreferrer" style="text-decoration:none;display:block;position:relative;overflow:hidden;border-radius:8px;"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22640%22%20viewBox%3D%220%200%20100%20100%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23ccfbf1%22%2F%3E%3Crect%20x%3D%2228%22%20y%3D%2235%22%20width%3D%2234%22%20height%3D%2230%22%20rx%3D%224%22%20fill%3D%22%23134e4a%22%20opacity%3D%220.6%22%2F%3E%3Cpath%20d%3D%22M62%2042%20C72%2042%2072%2058%2062%2058%22%20stroke%3D%22%23134e4a%22%20stroke-width%3D%223%22%20fill%3D%22none%22%2F%3E%3Crect%20x%3D%2225%22%20y%3D%2268%22%20width%3D%2240%22%20height%3D%224%22%20rx%3D%222%22%20fill%3D%22%23134e4a%22%20opacity%3D%220.4%22%2F%3E%3C%2Fsvg%3E" alt="Innovation starts with curiosity" style="width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#efefef;" loading="lazy" /></a>
<a href="https://www.instagram.com/p/mock9/" target="_blank" rel="noopener noreferrer" style="text-decoration:none;display:block;position:relative;overflow:hidden;border-radius:8px;"><img src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22640%22%20viewBox%3D%220%200%20100%20100%22%3E%3Crect%20width%3D%22100%22%20height%3D%22100%22%20fill%3D%22%23fed7aa%22%2F%3E%3Ccircle%20cx%3D%2250%22%20cy%3D%2250%22%20r%3D%2214%22%20fill%3D%22%239a3412%22%20opacity%3D%220.6%22%2F%3E%3Cline%20x1%3D%2250%22%20y1%3D%2225%22%20x2%3D%2250%22%20y2%3D%2218%22%20stroke%3D%22%239a3412%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3Cline%20x1%3D%2250%22%20y1%3D%2282%22%20x2%3D%2250%22%20y2%3D%2275%22%20stroke%3D%22%239a3412%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3Cline%20x1%3D%2225%22%20y1%3D%2250%22%20x2%3D%2218%22%20y2%3D%2250%22%20stroke%3D%22%239a3412%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3Cline%20x1%3D%2282%22%20y1%3D%2250%22%20x2%3D%2275%22%20y2%3D%2250%22%20stroke%3D%22%239a3412%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E" alt="Bringing ideas to life one step at a time" style="width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#efefef;" loading="lazy" /></a>
</div>
<a href="https://www.instagram.com/yourprofile/" target="_blank" rel="noopener noreferrer" style="display:block;text-align:center;padding:12px;font-size:12px;color:#8e8e8e;text-decoration:none;border-top:1px solid #efefef;">
View more on Instagram
</a>
</div>Paste this HTML into your website's source code where you want the feed to appear. No external scripts required.
Why Use This Tool
Everything You Need to Embed Instagram
A free, no-code solution to display your Instagram feed on any website.
Light & Dark Themes
Match your website's design with professional light and dark theme options.
Grid, Slider & Masonry
Choose from three layout styles to showcase your feed the way you want.
Full Customization
Control columns, spacing, borders, captions, headers, and post count.
Copy & Paste Code
Get clean, self-contained HTML. No external scripts or iframes needed.
Responsive Design
Embeds look great on desktop, tablet, and mobile devices automatically.
No Login Required
Works with any public Instagram profile. We never ask for your password.
How It Works
Four Simple Steps
1
Enter Your Username
Type in any public Instagram username to load their feed.
2
Customize the Look
Choose your theme, layout, columns, spacing, and toggle captions or headers.
3
Preview & Copy
See a live preview on desktop, tablet, and mobile. Then copy the embed code.
4
Paste on Your Site
Add the HTML snippet anywhere on your website. It works instantly — no dependencies.
Perfect For Every Website
Whether you run a blog, online store, or portfolio — an Instagram feed keeps your site fresh and engaging.
E-Commerce Stores
Show product photos and user-generated content to boost social proof and conversions.
Portfolios & Creatives
Display your latest work automatically. Let visitors see your creative process in real time.
Blogs & Media Sites
Add visual variety to your content. An Instagram feed breaks up text and increases time on page.
Restaurant & Local Business
Showcase menu items, ambiance, and customer moments to drive foot traffic.
FAQ
Frequently Asked Questions
Is this embed generator really free?
Yes, 100% free with no usage limits. Generate as many embeds as you need for any number of websites.
Do I need to install any scripts or plugins?
No. The generated embed is pure HTML with inline CSS. Paste it into your page source and it renders immediately — no external JavaScript, no iframe, no server dependency.
Will the embed update automatically when I post new content?
The embed captures your feed at the time of generation. To show new posts, regenerate the embed code and update your website. We're working on an auto-updating version for a future release.
Does this work with private Instagram accounts?
No — the tool can only access public profiles. Make sure the account you want to embed has its privacy set to public.
Can I customize the number of posts shown?
Yes. Use the slider in the customizer to show anywhere from 3 to 12 posts in your embed.
Is the embed responsive on mobile?
Yes. The generated HTML uses responsive CSS that adapts to any screen size. You can also preview how it looks on different devices before copying the code.
Will this affect my Instagram account or get me flagged?
Not at all. We only read publicly available profile data — the same information anyone can see by visiting the profile on Instagram.com. No login, no API tokens, no risk.
Can I use this on Shopify, WordPress, Wix, or Squarespace?
Yes. The embed works on any platform that allows custom HTML. Look for an 'HTML block' or 'Custom Code' widget in your page builder.
Grow Your Instagram Presence
Embedding your feed is just the start. Boost your reach with our Instagram growth packages.