Kristen Williams Marc Maessen John Janowski Jules Webb ★★★★★ Rated 4.9/5 · 620+ Reviews

How to embed Instagram Reels on your Bootstrap website for FREE?

Embed your Instagram Reel on your website to captivate visitors with engaging, short-form content that drives attention and interaction.

Create your widget
Free forever plan No credit card Cancel any time
How to embed Instagram Reels on your Bootstrap website for FREE?
Photo of Mike Dalisay
Mike Dalisay
Co-founder of SociableKIT · Helping small businesses since 2011
October 6, 2026 5 min read Ask ChatGPT
Quick answer

Your Instagram Reels on Bootstrap website — live in 3 steps

SociableKIT syncs your instagram reels automatically. Set up once, embed anywhere — free to start, no coding required.

  1. Create in 60 seconds

    Pick Instagram Reels in the dashboard and connect your source.

  2. Match your brand

    Colors, fonts, layout — tune it until it feels native to your site.

  3. Paste one line of code

    Drop the embed snippet on your Bootstrap website. No dev team needed.

Create your widget
  • Free forever plan
  • No credit card
  • Cancel any time
Full walkthrough

Embed Instagram Reels with SociableKIT — step by step

Create your widget in the dashboard, copy the embed code, and paste it on your Bootstrap website. Screenshots included so you never get stuck.

Complete Guide

Follow our complete guide below to embed Instagram Reels on your Bootstrap website for free. The guide is divided into two parts to make it easier to follow.

Create and customize your Instagram Reels widget

The first part is creating your Instagram Reels widget using the SociableKIT dashboard. Customize the look and feel to match your brand. Follow the steps below.

  1. Sign up FREE or login to SociableKIT. You can login here if you already have an account. Once you sign up, you will start your 7-day premium trial. After 7 days, you can activate the free plan if you don't need our premium features. Sign up to SociableKIT - How to embed Instagram Reels on your Bootstrap website for FREE?
  2. Select "Instagram Reels" on the dropdown. SociableKIT offers several social media feeds widgets. You might need to search it using the highlighted area below. Once found, you can then select it.Select "Instagram Reels" on the dropdown - How to embed Instagram Reels on your Bootstrap website for FREE?
  3. Enter your Instagram username. Our system will get the reels from your Instagram account based on your username. You can copy the link to your Instagram profile and paste it into the box. Our system will automatically identify your Instagram username.
  4. Customize your feed. Click the "NEXT" button to show the customization options of your social feed. You can change the layout, colors, font, and more to match your brand. Click the Save changes button.Customize your feed - How to embed Instagram Reels on your Bootstrap website for FREE?
  5. Copy the embed code. Click the "Embed on website" button on the upper right corner. Select your website builder. On the popup, copy the JavaScript embed code.Copy the embed code. - How to embed Instagram Reels on your Bootstrap website for FREE?
  6. Paste the embed code and save your Bootstrap website page. Please follow the second part below to add Instagram Reels widget to your Bootstrap website .

Add Instagram Reels widget to your Bootstrap website

The second part is adding your Instagram Reels widget to your Bootstrap website . After you customize your Instagram Reels widget and copied the embed code, it is time to add it to your Bootstrap website . Follow the steps below.

  1. Copy your free Instagram Reels widget embed code. Make sure you followed the first part above. It detailed how to you can create and customize your widget to get your free embed code.
  2. Prepare your HTML structure: Ensure you have a container or a suitable location where you want to embed the widget. Let's assume you have a Bootstrap column where you want to place it.
  3. Insert the JavaScript for embedding: Place the JavaScript just before the closing tag to ensure it loads after the DOM content: <script src='https://widgets.sociablekit.com/facebook-photo-album-single/widget.js' async defer>script>
  4. Ensure Bootstrap and required dependencies are loaded: Make sure Bootstrap CSS and JS files are included in your page. Include them in the section of your HTML if they are not already included.
  5. Final HTML structure: Combine everything together in your HTML file. Here’s how it might look:
  6. Adjust CSS and other settings: Depending on your specific requirements, you may need to adjust CSS styles to ensure the embedded content fits well within your Bootstrap layout.

Website builders

Paste your embed code on any platform

SociableKIT works with every major website builder. Pick yours below for copy-paste instructions tailored to that platform.

To embed Instagram Reels on your Bootstrap site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Instagram Reels widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Prepare your HTML structure: Ensure you have a container or a suitable location where you want to embed the widget. Let's assume you have a Bootstrap column where you want to place it.
  4. Insert the JavaScript for embedding: Place the JavaScript just before the closing tag to ensure it loads after the DOM content: <script src='https://widgets.sociablekit.com/facebook-photo-album-single/widget.js' async defer>script>
  5. Ensure Bootstrap and required dependencies are loaded: Make sure Bootstrap CSS and JS files are included in your page. Include them in the section of your HTML if they are not already included.
  6. Final HTML structure: Combine everything together in your HTML file. Here’s how it might look:
  7. Adjust CSS and other settings: Depending on your specific requirements, you may need to adjust CSS styles to ensure the embedded content fits well within your Bootstrap layout.
Full Bootstrap tutorial →

To embed Instagram Reels on your WordPress site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Instagram Reels widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to your WordPress site. 
  4. On your WordPress, go to the "Pages" section then click the "Add new page".
  5. Pick a pre-defined layout or start with a blank page by clicking the "Blank page" button.
  6. On the body of your page, click the "+" icon and click the "Custom HTML".
  7. Paste the code in the text area and click update.
  8. The widget will appear on the WordPress page.
  9. Click the Publish or Update button on your WordPress page. 
  10. Click the view page. Done!
Full WordPress tutorial →

To embed Instagram Reels on your Wix site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Instagram Reels widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Wix. 
  4. On your existing website click the "+" button beside the "Main pages" section.
  5. Then click the "Add page" button.
  6. Name your page then hit enter.
  7. On the left, click "Add element". Find and click "Embed code". Click and drag "Embed a site" on your page then resize the container. 
  8. Click "Change website address". 
  9. Paste the link you copied from SociableKIT then click "Apply".
  10. Click "Publish" on the upper right. 
  11. Click "View site". Done!
Full Wix tutorial →

To embed Instagram Reels on your Squarespace site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Instagram Reels widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Squarespace. You must have a "Business" account in Squarespace to use the widget. The "code block" needed cannot be found if you only have a "Personal" account.
  4. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. You can create a new page on Squarespace, or you can edit your existing page where you want the widget to appear.
  5. Add a Code Block. On your Squarespace page, click the 'Edit' button. Find the 'Code' block and click it.
  6. Paste the embed code from SociableKIT. On the 'Content' of the 'Code' block, paste the JavaScript embed code you have copied from your widget.
  7. Save the changes on the 'Code block'. After pasting your widget's embed code. Click the 'Save' button on the left part of the page.
  8. View your page. Refresh your Squarespace page and check your SociableKIT widget. Done!
Full Squarespace tutorial →

To embed Instagram Reels on your Webflow site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Instagram Reels widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Webflow. 
  4. On your existing website, click the "Page: ...." in the upper left corner then click the "Create new page" icon.
  5. Once done add a name for your new page then click "Save".
  6. On the left, click "Add Element". Drag "Embed" to your page. 
  7. Paste the JavaScript code you copied from SociableKIT.
  8. On the upper right, click "Publish" > "Publish to Selected Domains". 
  9. View your page. Done!
Full Webflow tutorial →

To embed Instagram Reels on your Shopify site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Instagram Reels widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Shopify. 
  4. On the left side, click Online Store. 
  5. Click Pages. Add a new page or edit your existing page.
  6. On the Page details, click Show HTML icon (<>). 
  7. Paste the embed code and click the Save button.
  8. Click the View page button. Done!
Full Shopify tutorial →

To embed Instagram Reels on your HTML site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Instagram Reels widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Open your HTML file.
  4. You can create a new HTML page or edit your existing HTML page.
  5. Paste the Javascript code you copied from SociableKIT. Paste it where you want the widget to appear.
  6. Save your HTML page.
  7. You may now upload your HTML page to your web hosting.
Full HTML tutorial →

To embed Instagram Reels on your Google Sites site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Instagram Reels widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Google sites. You must have at least a 'Business Starter' plan to create and customize your Google sites.
  4. Create or edit an existing website. Click the + 'Blank' button on the 'Start a new site' section to create or find your existing website under the 'Recent sites' section.
  5. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. On the right sidebar, you will see an 'Embed' button. Click the 'Embed' button. 
  6. Add the widget. A popup 'Embed from the web' will open up. Select the 'Embed code' tab on the popup. 
  7. Paste the embed code from SociableKIT. On the 'Embed code' tab, you will see 'HTML code goes here' text. Paste the embed code from your SociableKIT widget.
  8. Save the widget. Once you have pasted your embed code, click the 'Next' button. 
  9. Preview of your SociableKIT widget. After clicking the Next button, a preview of your embed code will be displayed. Click the 'Insert' button to insert the widget to your Google sites page. 
  10. Edit the widget. Once the widget has been inserted, you will have the option to resize the widget. After resizing the widget to your preferences, click the 'Publish' button on the upper right corner of the page. 
  11. Publish your page. After publishing the site, click the down 'Arrow' button beside the 'Publish' button. 
  12. View your page. A dropdown of buttons will be displayed, click the 'View published site' button. Done!
Full Google Sites tutorial →

Live preview

Pick a Instagram Reels template — see it live

Choose a starting design on the left and watch the preview update with real data. What you see is exactly what visitors get on your Bootstrap website.

Widget previewGrid
Live data

Select a template to start with

Continue with this template

Common questions

Frequently asked questions

Everything you need to know about embedding Instagram Reels on your Bootstrap website.

What is an Instagram Reels widget?

An Instagram Reels widget lets you display your Instagram Reels on your website in a clean, visual feed. With SociableKIT, you can turn your short videos into social proof that keeps your website fresh and helps visitors see your brand in action.

How do I embed Instagram Reels on my website?

Create an Instagram Reels widget in SociableKIT, connect your Instagram source, customize the design, then copy and paste the embed code into your website. You do not need to build the feed manually or write custom code.

Do I need coding skills to use the Instagram Reels widget?

No. SociableKIT gives you a ready-to-use embed code that you can paste into your website builder. It is made for business owners, creators, agencies, and teams that want a polished result without technical work.

Do I need an Instagram Business or Creator account?

For a full Instagram Reels feed, you usually need an Instagram Business or Creator account so the widget can connect properly. If you only want to embed one public Reel, Instagram may provide its own basic embed option, but that does not give you the same feed, layout, and automatic update experience.

Can I embed Reels from a private Instagram account?

No, private or restricted Instagram content cannot be displayed like a public feed. SociableKIT works best with eligible public Instagram Reels that your account is allowed to connect and display.

Will new Instagram Reels update automatically on my website?

Yes, paid SociableKIT plans include automatic syncing, so new eligible Reels can appear on your website without manual copying. On the free plan, you can keep the widget current with manual sync requests.

What is the difference between embedding one Reel and embedding a Reels feed?

Embedding one Reel adds a single video to one page. An Instagram Reels feed shows multiple Reels in one branded widget, which is better if you post regularly and want your website to stay fresh automatically.

Can I customize the design of my Instagram Reels widget?

Yes. You can adjust the layout, colors, fonts, spacing, and other display settings to match your website. The goal is simple: your Reels should feel like part of your brand, not a random block added later.

Which layouts are available for the Instagram Reels widget?

SociableKIT supports clean layouts such as grid, carousel, and dark mode options, depending on your design needs. Use a grid to show more videos at once or a carousel to save space and create a smoother browsing experience.

Does the Instagram Reels widget work with WordPress, Shopify, Wix, Squarespace, Webflow, and other builders?

Yes. SociableKIT works with major website builders and custom HTML websites, as long as your site supports embed code. This makes it easy to use the same widget across landing pages, product pages, portfolios, blogs, and client websites.

Is the Instagram Reels widget mobile-friendly?

Yes. The widget is designed to look good on desktop, tablet, and mobile screens. This matters because Reels are built for visual browsing, and your visitors should have a smooth experience on any device.

Can I moderate which Instagram Reels appear on my website?

Yes, SociableKIT includes moderation options so you can control what appears in your widget. This helps you keep the feed focused, relevant, and aligned with your brand.

Can I hide specific Instagram Reels from the widget?

Yes. If a Reel does not fit the page, campaign, or audience, you can hide it using the available moderation settings. This gives you more control than simply showing everything automatically.

Can visitors click or watch the Reels from my website?

Yes, the widget is designed to let visitors engage with your Reels directly from your website experience. Depending on the content and Instagram behavior, visitors may also be able to continue interacting on Instagram.

Can I display multiple Instagram Reels sources?

Yes, paid plans and add-ons can support more sources depending on your setup. This is useful for agencies, multi-brand teams, creators with several accounts, or businesses that manage different locations.

Can I add the Instagram Reels widget to more than one page?

Yes. Paid SociableKIT plans support unlimited widgets, so you can place your Reels on different pages without rebuilding the experience each time. This is useful for homepages, product pages, landing pages, event pages, and portfolio pages.

Will the Instagram Reels widget slow down my website?

SociableKIT is designed to display your Reels in one organized widget instead of forcing you to paste many separate video embeds. As with any media content, performance can depend on your page setup, but a widget can help keep the experience cleaner and easier to manage.

Can an Instagram Reels widget help my website build trust?

Yes. Reels can show real people, products, events, tutorials, behind-the-scenes content, and customer moments in a way static text cannot. SociableKIT helps bring that social proof to your website so visitors can feel more confident before they act.

Is there a free plan for the Instagram Reels widget?

Yes. SociableKIT offers a free plan with one source, one widget, monthly view limits, design customization, and manual sync. It is a practical way to test the widget before upgrading for automatic syncing, unlimited views, and more advanced features.

Why use SociableKIT instead of manually copying Instagram Reels to my website?

Manual copying takes time and can leave your website outdated. SociableKIT gives you a cleaner way to display Reels with customization, syncing, moderation, website-builder compatibility, and support when you need help.

Add your Instagram Reels widget today

Set up in minutes. Free forever to start.

Create your widget

Free forever · No credit card · Cancel anytime

Just need a free widget? See our free plan → View Instagram Reels widget page →