The 2024 Guide to Embedding Your Instagram Feed on ANY Website for Free

The 2024 Guide to Embedding Your Instagram Feed on ANY Website for Free

May 7, 2024

Level up your website’s vibes! Ditch the static and showcase your brand’s fire personality with a live feed of your Instagram pics. It’s the ultimate flex in 2024 and guaranteed to stop visitors scrolling.

Ready to take the plunge and embed your Instagram feed?

Here’s a breakdown of two popular, free methods to achieve this:

Method 1: Using Instagram’s Built-In Embed Code.

Great for Single Posts or Profiles

  • Choose the Post or Profile You Want to Embed:

Head over to your Instagram account and navigate to the specific post or profile you want to showcase on your website.

  • Access Embed Options:

Click on the three dots (…) in the top right corner of the post or profile. Select “Embed” from the menu that appears.

  • Copy the Embed Code:

Instagram will generate an embed code specifically for the chosen post or profile. Copy this code to your clipboard.

  • Paste the Code into Your Website:

Log in to your website’s backend editor and navigate to the page where you want to embed the Instagram feed. Locate the section where you can add HTML code (often a text editor widget). Paste the copied embed code into this section and save your changes.

and voila its done! Enjoy your Visually Aesthetic Webpage.

Method 2: Utilizing a Free Social Media Aggregator Tool

Perfect for Multiple Posts and Customization

An example of multiple posts display of Instagram feed is on the webpage is of Abu Dhabi University’s

  • Choose a Free Social Media Aggregator:

Several free social media aggregator tools allow you to embed feeds from various platforms, including Instagram. Popular options include Taggbox, Elfsight, and Juicer. These platforms offer user-friendly interfaces and free plans with basic functionalities.

  • Connect Your Instagram Account (Optional):

Depending on the chosen tool, you might need to connect your Instagram account through the platform’s authorization process. This allows the tool to access and display your feed.

  • Customize Your Feed (Optional):

Many free aggregator plans offer basic customization options. You might be able to choose the number of posts displayed, layout style, and color scheme to match your website’s aesthetic.

  • Generate the Embed Code:

Once you’re happy with the feed’s appearance, the platform will provide an embed code. Copy this code, just like in Method 1.

  • Integrate the Code into Your Website:

Log in to your website’s backend and follow the same steps as in Method 1 (pasting the embed code into the designated HTML section).

And there you have it! Your Instagram feed is now seamlessly integrated into your website, adding a dynamic and visually engaging element for your visitors.

Bonus Tip: Experiment with Placement!

Don’t be afraid to experiment with different placements for your Instagram feed. Consider strategically positioning it on high-traffic pages or near relevant content to maximize its impact.

The Benefits of Embedding Your Instagram Feed:

So why level up your website with a Live Instagram Feed? It’s not just bragging rights (although, those pics are). Here’s the real magic:

  • Freshness overload: Ditch the static content and keep visitors glued to your site with a constantly updated stream of your best Instagram pics.
  • Beyond the ‘gram: Expand your brand’s reach by showcasing your Instagram awesomeness directly on your website.
  • Insta-trust: Show off real customer love and high-quality visuals that build trust and credibility for your business.
  • Engagement fiesta: A captivating Instagram feed is like a conversation starter, keeping visitors engaged and interested in learning more.
  • Follow me! A well-placed feed can turn website visitors into curious Instagram followers, growing your social media audience.

Guide to Instagram Feed on WordPress

In short, an Instagram feed is a win-win. It adds visual interest for visitors and strengthens your brand presence. It’s a free and easy way to make your website more dynamic and engaging.

Here’s a step-by-step guide using a free social media aggregator tool called Elfsight:

Step 1: Sign Up for Elfsight

Head over to Elfsight: https://elfsight.com/ and create a free account.

Step 2: Choose “Instagram Feed” Widget

Once logged in, navigate to the “Widgets” section and select “Instagram Feed.”

Step 3: Connect Your Instagram Account (Optional)

Elfsight offers a free plan that doesn’t require connecting your Instagram account. However, if you want to display specific posts or customize the feed further, connecting your account is recommended. Follow the on-screen instructions for authorization.

Step 4: Customize Your Feed (Optional)

Even the free plan allows some customization. Choose the number of posts you want to display, the layout style (grid, slider, etc.), and the color scheme to match your website’s aesthetic. Play around with the options to create a visually appealing feed that complements your website.

Step 5: Generate the Embed Code

Once you’re happy with your creation, Elfsight will provide an embed code. This code is the magic key to integrating the feed into your website. Copy the code snippet.

Step 6: Integrate the Code into Your WordPress Website

For the Classic Editor:

  1. Log in to your WordPress dashboard and navigate to the page where you want to embed the feed.
  2. Edit the page in the “Classic Editor” mode.
  3. Click on the “+” button and choose the “HTML” option.
  4. Paste the copied embed code from Elfsight into the HTML block.
  5. Publish or update the page to see your live Instagram feed!

For the Block Editor:

  1. Log in to your WordPress dashboard and navigate to the page where you want to embed the feed.
  2. Edit the page in the “Block Editor” mode.
  3. Click the “+” button and search for “Custom HTML.”
  4. Drag and drop the “Custom HTML” block to your desired location on the page.
  5. Paste the copied embed code from Elfsight into the block.
  6. Publish or update the page to see your live Instagram feed!

Guide to Instagram Feed on Shopify

Here’s a step-by-step guide using a free Shopify App called “Tagembed”:

Step 1: Install the Tagembed App

Head over to the Shopify App Store: https://apps.shopify.com/ and search for “Tagembed.” Install the free plan of the Tagembed Instagram Feed app.

Step 2: Connect Your Instagram Account

Open the Tagembed app and follow the on-screen instructions to connect your Instagram account. This allows Tagembed to access your Instagram feed for display.

Step 3: Choose Your Feed Type

Tagembed offers various feed options. You can choose to display your entire Instagram feed, specific hashtags, posts from a particular username (your brand), or even Instagram Stories. Select the option that best suits your goals.

Step 4: Customize Your Feed (Optional)

Even the free plan allows some customization. Choose the number of posts you want to display, the layout style (grid, carousel, etc.), and the color scheme to match your store’s aesthetic. Play around with the options to create a visually appealing feed that complements your website.

Step 5: Generate the Embed Code

Once you’re happy with your creation, Tagembed will provide an embed code. This code is the key to integrating the feed into your Shopify store. Copy the code snippet.

Step 6: Integrate the Code into Your Shopify Store

  1. Log in to your Shopify admin dashboard and navigate to the page where you want to embed the feed (product page, homepage, etc.).
  2. Click on “Actions” and then select “Edit code.”
  3. In the theme code editor, locate the theme template file where you want the feed to appear (e.g., product.liquid for product pages).
  4. Paste the copied embed code from Tagembed into the desired location within the template file.
  5. Save your changes and visit your Shopify store to see your live Instagram feed!

Guide to Wix’s built-in Instagram Feed App

Step 1: Access the Wix App Market

Log in to your Wix editor and click on the “Add Apps” button located on the left sidebar. This will open the Wix App Market.

Step 2: Search for “Instagram Feed” App

In the search bar of the App Market, type “Instagram Feed” and press Enter.

Step 3: Add the App to Your Site

Click on the “Instagram Feed” app and then select “Add to Site.” This will add the app to your website.

Step 4: Connect Your Instagram Account

Follow the on-screen instructions to connect your Instagram account to the Wix app. This allows the app to access your Instagram feed for display.

Step 5: Customize Your Feed (Optional)

Wix offers some customization options within the app. Choose the number of posts you want to display, the layout style (grid, slider, etc.), and adjust the spacing and colors to match your website’s design.

Step 6: Position Your Feed

Drag and drop the Instagram Feed app to your desired location on your Wix page.

Step 7: Publish Your Site

Once you’re happy with the placement and customization, click the “Publish” button to make your live Instagram feed visible on your Wix website!

Key Takeaway

Ditch static! By using these free and easy methods, make sure to unlock the power of your Instagram feed and enhance your website’s visual appeal, user engagement, and overall brand presence.