How To Embed Social Media Feeds On Website? (Complete Guide in 2026)

Your Instagram posts, your best tweets, your glowing Google reviews, that one TikTok that actually did numbers. All of it is out there working hard for your brand on someone else’s platform, while your own website just sits there looking like it hasn’t been touched since last year. That’s a strange trade to keep making.

The fix is simple: just embed social media feeds on website. There are various ways that can help you to pull that content onto your site, and your homepage starts updating itself while your visitors get the social proof they actually trust.

Quick answer: To embed social media feeds on your website, connect a tool like Tagembed to the platforms you want (Instagram, Facebook, X, LinkedIn, YouTube, TikTok, Google Reviews, and more), pull posts by handle, hashtag, or mention, customize the widget layout, then paste the generated embed code into your CMS. No developer or native API setup required.

This guide covers what embedding a social media feed actually involves, why the “just use the native embed” advice runs out of road fast, and exactly how to set one up across every major website platform.

Setting Up A Social Media Feed Widget With Tagembed

Here’s the process from a blank dashboard to a live widget on your site.

1- Create an account with Tagembed

• Sign up for Tagembed to start your free account. Or if you are an existing user, log in to your Tagembed account.

• In the displayed window, locate and select the option labeled “Social feeds on websites.”

• From the next window, choose the industry that best represents your business to receive a personalized feed. Once selected, click the Submit button.

Step 2: Set Up a Social Media Feed

• Click the Content Gallery button on the left to open the “Choose Social Network” window.

• For example, now select LinkedIn and display the two options on your screen, like Company Page and Post URL. Authenticate your LinkedIn account and click the “Create Feed” button to aggregate the social media posts.

Step 3: Customize & Embed the Social Media Feed

• Start the embedding process by clicking the Publish button, located in the left sidebar. From the options that appear, choose Website.

• To customize your feed’s appearance, first select a layout from the Theme tab. Then, use the Customization tab to make further adjustments to match your website’s style.

• Once your feed is ready, click the Generate Code button. In the window that appears, configure the settings by selecting your Gallery Type and website platform, then adjust the width and height. Finally, copy the generated code and paste it into your website’s HTML editor.

The setup is complete. Your website now features a dynamic Social Media Gallery that updates automatically.

How To Add Social Media Feed Embed Code On Different Website Platforms

Once you’ve generated the code, the platform you picked determines exactly where the snippet goes. The underlying process is the same everywhere: copy the code, find a Custom HTML or Embed block, paste it in, and publish.

1. Embed Social Media Feed on HTML Website

A plain HTML site is the most direct route, since the snippet goes straight into the page source with no builder-specific block to hunt for.

• Click Publish once your feed is configured, then choose HTML as your platform.
• Click the copy code button to copy the generated embed code.
• Open your website’s HTML file and navigate to the section where the HTML widget should appear.
• Paste the code and save the file.
• Reload the page to see the live feed.

2. Add Social Media Feed on WordPress Website

WordPress supports the feed either through a manual code paste or through Tagembed’s dedicated plugin, which is worth using if you’ll be managing multiple WordPress widgets over time.

Without the plugin:

• Generate your code with WordPress selected as the platform, then copy it.
• Log in to your WordPress admin panel and open the page, post, or section where you want the feed.
• Click the (+) Add Block button and choose Custom HTML.
• Paste the code and click Update.

With the Tagembed plugin:

• From your WordPress dashboard, go to Plugins > Add New, search for the Tagembed plugin, and install and activate it.
• Register or log in to your Tagembed account inside the plugin.
• Click Add Feeds, choose your source network, and set up your feed as described above.
• Copy the shortcode generated, then paste it into the page or post where you want the feed to show.

3. Insert Social Media Feed on Shopify Website 

Shopify stores tend to see the most impact from placing a feed on product pages or the homepage, right where a purchase decision is being made.

Without plugin

• Click Publish and choose Shopify as your CMS, then copy the code.
• Log in to your Shopify admin and go to Online Store, then Themes, and click Customize.
• In the left panel, select Custom Content.
• Add a Custom Liquid block and paste the embed code into it.
• Click Save, then reload the page to confirm the Shopify widget is live.

With plugin

• Install the Tagembed Shopify app from the Shopify App Store and sign in to your existing Tagembed account, or create a new one.
• Create your feed by selecting the social platform and source you’d like to display, such as a profile, hashtag, handle, or reviews. Authenticate your account if prompted.
• Customize the widget by choosing your preferred layout, theme, colors, fonts, and moderation settings to match your store’s branding.
• Choose where to display the feed on your Shopify store, such as the homepage, product pages, collection pages, or any custom page.
• Publish your changes and save the settings. Your social media feed will be live on your store and will automatically update whenever new content is added.

4. Include Social Media Feed On Squarespace Website

Squarespace requires the code to go into a dedicated code block rather than a general text section.

• Click Publish, choose Squarespace, and click “Get code” to generate the embed code.
• Copy the code to your clipboard.
• Log in to Squarespace and navigate to the target page.
• Edit the page, add a new content block, and choose “Code” from the block options.
• Paste the embed code, save your changes, and your Squarespace widget will appear on your website.

5. Insert Social Media Feed On Webflow Website

Webflow renders embeds live inside the Designer, so you can preview placement before publishing anything.

• Click Publish and choose “Other” as your CMS platform.
• Set the width and height of the widget, then click Copy Code.
• Log in to Webflow and open the page you want to edit.
• Click Add Element, scroll to “Embed,” and drag it onto the page.
• Paste the code and save your changes to showcase the social media feed on the Webflow widget.

6. Integrate Social Media Feed On Wix Website

Wix handles embeds through its iFrame element rather than a plain code block, which trips people up the first time.

• Click Publish, select Wix as your platform, adjust the width and height, and copy the code.
• Log in to Wix and open the page where the Wix widget should go.
• Click the ‘+Add’ button, then ‘More’, and select ‘HTML iFrame’ from the embed options.
• Paste the generated code into the code field.
• Click ‘Apply’ to save.

7. Add Social Media Feed on Elementor Website

If you’re building pages with Elementor, the Elementor widget goes in through its HTML widget rather than the standard WordPress editor.

• Click Publish and select “Other” as your platform, then copy the code.
• In your Elementor editor, drag an HTML widget onto the page, or select one already placed.
• Paste the embed code into the widget.
• Save your changes and reload the page to confirm the feed is showing.

8. Embed Social Media Feed On Weebly Website

Weebly’s editor uses its own embed panel, separate from its standard content elements.

• Click Publish, choose “Other” as your CMS, adjust the width and height if needed, and copy the code.
• Navigate to the page on your Weebly site where your Weebly widget should appear.
• Open the ‘Embed Code’ option in the editor.
• Select the ‘HTML box’ element and choose ‘Edit Custom HTML.’
• Paste the code and save.

9. Include Social Media Feed on BigCommerce Website

BigCommerce lets you add a BigCommerce widget either to a standalone page or directly into a theme template.

• Click Publish, select “Other” as your platform, and copy the code.
• Log in to your BigCommerce account and go to Storefront > Web Pages for a specific page, or Storefront > Theme for a product page or homepage.
• Click Edit on the page, then switch to the HTML editor.
• Paste the code, preview it, and publish the page.

10. Insert Social Media Feed on HubSpot Website

HubSpot’s landing page editor tucks embed code into the page’s footer HTML settings rather than a visible content block.

• Click Publish, select “Other” as your platform, and copy the code.
• Log in to HubSpot, go to the Marketing section, and open Landing Pages.
• Choose the page and click Edit, then go to File > Page Settings > Advanced.
• Paste the code into the Footer HTML field, then save to publish your HubSpot widget.

11. Integrate Social Media Feed Into Google Sites

Google Sites has a dedicated embed option built into its page editor, making it one of the more straightforward platforms to work with.

• Click Publish and select “Other” as your platform. Adjust width and height, then copy the code.
• Log in to Google Sites and open the page you want to edit.
• Click “Embed” in the page editor, then choose “Embed code” and paste it in.
• Save your changes.

12. Insert Social Media Feed on Blogger Website

Blogger requires switching the post editor into HTML view before the code will paste in correctly.

• Choose “Other” as your platform and copy the code.
• Log in to your Blogger dashboard and open the post or page you’re editing.
• Switch the editor to HTML view.
• Paste the code where you want the Blogger widget to appear.
• Click Update, then check the live page.

13. Include Social Media Feed On SharePoint Website

SharePoint uses its own web part system, so the widget goes into an Embed web part rather than a standard content section.

• Copy your code with “Other” selected as the platform.
• Open the SharePoint page you want to edit and click Edit.
• Add an Embed web part where the SharePoint widget should go.
• Paste the code into it.
• Click Apply, then publish or save the page.

14. Embed Social Media Feed On React Site

A React site needs the feed rendered as a component rather than a static paste, since React doesn’t allow raw HTML by default.

• Copy the React/JavaScript embed code from the Tagembed dashboard.
• Open your React project and paste the code inside a component using dangerouslySetInnerHTML.
• Add the component to the page where the feed should appear.
• Save and run the app to confirm the feed renders.

Whichever platform you’re on, the underlying process is the same: generate the code, find a Custom HTML, Code, or Embed block, paste it in, and publish.

Native Embed vs. Social Media Feed Widget:

Feature	Native Platform Embed	Feed Widget (Tagembed)
Shows a live, multi-post feed	No, one post at a time	Yes
Combines multiple platforms	No	Yes, into a single social wall
Auto-updates	No	Yes
Customizable design	Minimal or none	Full theme, layout, and filtering control
Setup effort	Repeated for every post	One-time setup
Best for	Quoting a single post	Keeping a feed always current

Best Practices For Embedding Social Media Feeds

A widget that’s set up well earns its place on the page. A few habits make the difference:

• Filter before you publish, not after. Set keyword filters and a minimum rating (for reviews) upfront, so you’re not manually policing the feed every week.
• Don’t hide every negative post or review. A page that’s suspiciously perfect reads as curated rather than authentic. A visitor who then finds a mixed reputation elsewhere trusts your site less going forward.
• Match the platform to the placement. A LinkedIn feed fits a careers page. A review widget fits next to a purchase decision. A hashtag wall fits a campaign landing page.
• Keep an eye on load time. Multiple heavy widgets stacked on one page slow things down, especially on mobile. One well-configured aggregator widget beats several native embeds loaded separately.
• Test on mobile before calling it done. A feed that looks great on desktop can break your layout on a smaller screen if the widget isn’t responsive.
• Match colors and fonts to your site. A feed that visually clashes reads as an afterthought even when the content itself is good.

Common Issues And How To Fix Them

The widget shows nothing – Check that the source account is properly connected and authorized, and that permissions are set correctly. Some widgets take a minute to import content the first time.

New posts aren’t appearing – This is usually a caching issue rather than a broken connection. Clear your site’s cache and any CDN cache, then check again after a short wait.

The widget looks cramped or oversized – Go back into Tagembed and adjust the width and height settings before regenerating the code. Most page builders also let you resize the embed container directly.

Only a handful of posts are showing, even though there’s more content available – Some sources cap how many items are returned through the API at once. Check your widget’s display settings for a post count limit you can raise.

The embed looks broken on mobile – Native platform embeds usually aren’t responsive by default. Aggregator widgets are typically responsive out of the box, so this is often a sign a native single-post embed is being pushed past what it was built for.

Real-Life Examples: Brands Embedding Social Media Feeds

Many brands use social media widgets to make their websites feel more authentic and engaging. Instead of relying solely on static website content, they showcase real-time updates, community interactions, and user-generated content that builds trust and encourages visitors to explore further.

1. Biohaven Clinical Trials

Biohaven Clinical Trials integrates a live social media feed into its website to keep patients, caregivers, and healthcare professionals updated with the latest announcements and educational content. By showcasing real-time social updates alongside its clinical trial information, the website feels more active and credible while giving visitors another trusted source of information without leaving the site.

2. SPS Partners

SPS Partners uses a social media feed to extend its brand presence beyond static website pages. By displaying fresh updates from its social channels, the company highlights its projects, company culture, and industry activity, helping potential investors, residents, and partners see that the brand is actively engaged and continuously growing.

3. Nakano Udon School

Nakano Udon School uses multiple social media feeds across its website to showcase everything from hands-on udon-making experiences to student interactions and travel moments. By combining Instagram, TikTok, and YouTube content into a single live feed, the website feels more immersive and gives visitors a genuine look at what they can expect before booking a visit or purchasing products.

4. Foundation Grupo Boticário

The Foundation Grupo Boticário features a social media feed on its website to highlight conservation projects, environmental initiatives, and community impact. Instead of relying solely on static content, the organization shares real-time updates that reinforce its mission, inspire visitors, and showcase the ongoing work being carried out across Brazil.

5. SEAT

SEAT integrates a clean, visually consistent social media feed into its website to display the latest brand news, product launches, and community updates. The live feed keeps the website fresh while complementing the brand’s modern design, giving visitors an easy way to stay connected with the company’s latest activities without leaving the site.

Conclusion

Native embeds work for quoting a single post, but none of them gives you an actual feed that updates on its own or combines multiple platforms. For that, you need an aggregator sitting between the social networks and your website. Every major CMS, from WordPress to Shopify to plain HTML, supports pasting in an embed code, even though the exact steps differ by platform. And once it’s live, filtering, placement, and mobile testing matter more for how well the feed performs than the design alone.

Next steps once your feed is live:

• Check your site speed on Google PageSpeed Insights to confirm the widget loads asynchronously without delaying your main content.
• Test the feed on mobile specifically, since layout issues tend to surface there first.
• Revisit your moderation settings periodically so the feed reflects a genuine, current mix of content rather than a static snapshot from setup day.

If you’d rather not manage the setup yourself, Tagembed connects to over 20+ social networks and review sources, keeps every widget current automatically, and gives you built-in filtering, layout, and branding options, along with dedicated plugins for platforms like WordPress and Shopify.