Skip to main content

How to Embed Your Instagram Feed on Your Website

You can display Instagram content on your website by adding an Instagram embed code to an Embed widget in Sitebuilder. This guide shows you how to get the code from Instagram and add it to your website.

Prerequisites / Requirements

  • An Instagram account and the content you want to embed.

  • Access to your Sitebuilder.

  • An Instagram embed code.

  • Basic knowledge of copying and pasting HTML code.

⚠️ Important: Custom HTML is an external addition and is used at your own risk. Miss Hosting does not provide support for custom HTML code. Using an iframe is recommended where possible to help prevent the embedded code from affecting other elements of your website.

Step-by-Step Instructions

1. Open Instagram

Log in to Instagram in your web browser.

2. Find the Content You Want to Embed

Go to the Instagram profile and post you want to display on your website.

Click the three dots (⋯) on the post

3. Select Embed

Select Embed from the menu.
​

4. Copy the Embed Code

Copy the Embed code provided by Instagram.
​

5. Open Your Sitebuilder

Log in to your Sitebuilder and open the page where you want to display the Instagram content.

6. Add an Embed Widget

  1. Click Add Content in the top menu.

  2. Select Add Widget.

  3. Find the Embed widget.

  4. Drag and drop it to the desired location on your page.

7. Add the Embed Code

  1. Click the Embed widget.

  2. Select Edit Code.

  3. Paste the Instagram embed code.

  4. Click Save.
    ​

2023-04-24_12.14.56.gif

Your Instagram content is now embedded on your website. If the preview does not display correctly, try publishing the website and checking the live version.

Visuals & Examples

The Embed widget can also be used for other third-party content, such as:

  • Customer reviews

  • Blog feeds

  • Social media feeds

  • Spotify playlists

  • Booking systems

💡 Tip: Use an iframe when possible to isolate embedded content from the rest of your website.

Troubleshooting / FAQs

Why doesn't my Instagram content look correct in the editor?

The embedded content may not display correctly in the Sitebuilder preview. Publish your website and check the live version.

Does Miss Hosting support custom HTML?

No. Custom HTML is an external addition and is not supported by Miss Hosting. Use custom code at your own risk.

Can I embed other types of content?

Yes. The Embed widget can be used for various third-party services, including social media feeds, reviews, playlists, and booking systems.

Summary / Next Steps

Get the embed code from Instagram, add an Embed widget to your Sitebuilder page, and paste the code under Edit Code. Save the widget and publish your website to verify the result.

Related Articles
Did this answer your question?