Skip to main content

Embed Your Instagram Feed

How to display your Instagram feed on your website

Updated yesterday

πŸ”— What you need to know

To showcase your Instagram feed on your website, you can use an HTML block. However, please note the following:

  • HTML is considered an external addition; we recommend using code from a secure source.

  • Miss Hosting does not provide support for custom HTML code. If you choose to use it, you do so at your own risk.

  • Your HTML code can affect your website's design and functionality. To ensure the best possible result, we recommend using an iframe to embed your code. This prevents the code from impacting other elements on your site, ensuring everything appears as intended.


πŸ› οΈ How to add your Instagram feed

  1. Log in to Instagram in your web browser.

  2. Navigate to the profile and post you want to embed. Click on the "..." (three dots).
    ​

  3. Select "Embed".
    ​

  4. Copy the "Embed code".
    ​

  5. Log in to your Sitebuilder.

  6. Click on "Add Content" β†’ "Add Widget".

  7. Drag and drop the "Embed" widget to the desired location on your page.

  8. Click on the widget, select "Edit Code", paste the code, and click "Save".
    ​

    2023-04-24_12.14.56.gif

Done! Your Instagram feed is now embedded on your website. If the preview looks odd, try publishing your site.
​


πŸ’‘ What else can you embed with an HTML block?

You can use the HTML block to add various content to your website:

  • Reviews: Display customer reviews from platforms like Tripadvisor.

  • Blog Feed: Show your latest blog posts.

  • Social Media Feeds: Embed feeds from other social media platforms like Twitter or Facebook.

  • Playlists: Share your favorite music or playlists directly from Spotify.

  • Booking Systems: Allow customers to book appointments through your website using systems like Sirvoy or Timecenter.

Did this answer your question?