أنشئ أداة خلاصة إنستقرام قابلة للتخصيص في ثوانٍ. اختر السمة والتخطيط والتنسيق — ثمّ انسخ الشيفرة والصقها أينما شئت.
Customize Embed
Theme
Layout
Columns
Number of Posts
Spacing
Corners
Display Options
Preview
<!-- 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.
حلٌّ مجّانيّ بدون برمجة لعرض خلاصة إنستقرام في أيّ موقع.
اجعل التضمين مطابقًا لتصميم موقعك بخيارات سمات فاتحة وداكنة احترافيّة.
اختر من بين ثلاثة أنماط تخطيط لعرض خلاصتك بالطريقة التي تريدها.
تحكَّم في الأعمدة، التباعد، الحدود، التعليقات، الترويسات، وعدد المنشورات.
احصل على شيفرة HTML نظيفة قائمة بذاتها. لا حاجة لسكريبتات خارجيّة أو إطارات iframe.
تظهر التضمينات بشكل ممتاز على الحاسوب واللوحيّ والهاتف تلقائيًّا.
يعمل مع أيّ ملفّ شخصيّ عامّ على إنستقرام. لا نطلب كلمة المرور أبدًا.
اكتب أيّ اسم مستخدم عامّ على إنستقرام لتحميل خلاصته.
اختر السمة والتخطيط والأعمدة والتباعد، وفعِّل أو عطِّل التعليقات والترويسات.
شاهد المعاينة الحيّة على الحاسوب واللوحيّ والهاتف. ثمّ انسخ شيفرة التضمين.
أضف مقتطف HTML في أيّ مكان على موقعك. يعمل فورًا — بدون أيّ متطلّبات إضافيّة.
سواء كنت تُدير مدوّنة أو متجرًا إلكترونيًّا أو ملفّ أعمال — خلاصة إنستقرام تبقي موقعك جديدًا وجذّابًا.
اعرض صور المنتجات والمحتوى الذي ينشئه المستخدمون لتعزيز الدليل الاجتماعيّ والتحويلات.
اعرض أحدث أعمالك تلقائيًّا. دع الزوّار يرون عمليّتك الإبداعيّة في الوقت الحقيقيّ.
أضف تنوُّعًا بصريًّا لمحتواك. خلاصة إنستقرام تكسر النصّ وتزيد من الوقت الذي يقضيه الزائر على الصفحة.
اعرض أصناف القائمة، الأجواء، ولحظات العملاء لجذب الزيارات إلى متجرك الفعليّ.
تضمين خلاصتك ليس إلّا البداية. عزِّز وصولك بباقات نموّ إنستقرام لدينا.