How to Embed Threads Feed Posts On Any Website for Free?

ChatGPT
or
Perplexity

Threads is getting increasingly more popular with each passing day, and will likely surpass X (Twitter) very soon as the go-to discussion platform in the world.

As such, Threads is becoming an important social media asset for brands and companies, as they seek to engage their audience on every meaningful platform.

So, we’ve designed a product to collect and embed Threads feed posts from different accounts and mentions, as well as those related to specific keywords.

You just need the right social media aggregator, like EmbedSocial, that connects to your Threads account via the official API and syncs all your content into embeddable widgets.

Here’s an interactive video showcasing the process of embedding your Threads feed on your website:

What is a Threads feed widget?

A Threads feed widget displays a stream of conversations, updates, and interactions from the Threads platform on your website. Plus, it comes with advanced customization and moderation options that help users get and update the right content on their website at all times.

‘Threads feed widget’ definition

That’s it. Once embedded, your Threads widget will update automatically once a day with new posts. Here’s what the widget can look like when embedded on your website pages:

Please note that if you need customization options or options to add more social media networks in the same feed, check the social media aggregator features as part of our bigger platform.

Image

Embed Threads widget on your website automatically!

Display Threads posts on your website.

Sign up for free

Full guide: How to embed Threads widget on your website quickly?

In order to embed your Threads feed on your website, you need to have an EmbedSocial account. Then, you have to follow six simple steps to create and embed your widget:

  • Prompt the AI to create your widget
  • Connect your Threads source
  • Choose a widget design template
  • Refine design elements with AI
  • Copy the embeddable widget code
  • Paste the widget code on your website

Step 1: Prompt the AI to create your widget

First things first, you have to write a descriptive prompt about what you want your widget to look like. Note that each prompt utilizes 1 credit (you can get more at any time):

writing an ai widget design prompt

Step 2: Connect your Threads source

Next, you have to connect your Threads source, which you can do straight from the editor:

connecting your threads source to embedsocial

After finalizing a few login steps, granting relevant access to EmbedSocial, you will be able to pick your Threads source (one or several) straight from the ‘Sources’ page:

selecting your threads source in embedsocial

Step 3: Choose a widget design template

Why not choose a specific ready-to-go template from our library? We offer lots of different widget templates for all sorts of use cases. Check them out:

choosing your widget design template

Step 4: Refine design elements with AI

If you are not happy with the widget look, you can always change it up by adding more prompts:

customizing your threads widget in embedsocial

Step 5: Copy the embeddable widget code

Once you are done with the widget design, simply navigate to the ‘Embed’ tab and click ‘Copy code’:

copying the embeddable widget code in embedsocial

Step 6: Paste the widget code on your website

Last but not least, head on over to your website builder, open the page where you want the widget to appear, add a custom HTML box, and paste the widget code inside.

Here’s how to complete the process across the most popular website builders:

How to embed UGC on WordPress?
wordpress logo

Here’s how to embed UGC on WordPress sites:

  1. Once you create your EmbedSocial widget, go to your WordPress admin page;
  2. Sign in to your account and open the page where you want to add the UGC widget;
  3. Click the + button in the editor and choose Custom HTML to paste the widget code;
  4. Click “Save” when you’re done.
custom html block WordPress
How to embed UGC on Shopify?
shopify logo

Here’s how to embed UGC on Shopify sites:

  1. Log into your Shopify account after copying the embeddable widget code in EmbedSocial;
  2. Navigate to the ‘Pages’ tab and click ‘Add page’;
  3. In the ‘Content’ field pages the embeddable code;
  4. Select the page where you want the code to appear and press ‘Save’.
Steps to embed social media feed in Shopify
How to embed UGC on Squarespace?
Squarespace icon

Here’s how to embed UGC on Squarespace sites:

  1. Copy your EmbedSocial widget code and log into your Squarespace account;
  2. Choose the page where you want the reviews to appear;
  3. Click ‘Add new section’ and then ‘Add block’ where you want to display the widget;
  4. From the blocks list, choose ‘Embed‘;
  5. Click on the block, select ‘Code snippet’, and click ‘Embed data’;
  6. Finally, in the code box, paste the copied reviews code;
  7. Make sure to save and publish your changes on Squarespace.
embed a code snippet in squarespace
How to embed UGC on Wix?
Wix Logo

Here’s how to embed UGC on Wix sites:

  1. Log into your Wix editor and choose the page and location to add the widget;
  2. Click the “+” icon in the top-left corner to add a new element;
  3. Find the ‘Embed & Social’ section and tap ‘Embed Code’;
  4. Paste the code and tap ‘Update’.
embedding a code snippet in wix
How to embed UGC on Webflow?
Webflow logo

Here’s how to embed UGC on Webflow sites:

  1. After creating the widget in EmbedSocial, log in to your Webflow account;
  2. Go to the edit view of your website within Webflow;
  3. Choose to ‘Add element’ in Webflow and select the ‘Embed’ element;
  4. Drag and drop it where you want your reviews to appear;
  5. In the input field, paste the copied EmbedSocial code.

How to embed Twitter in Webflow

How to embed UGC on Pagecloud?

Here’s how to embed UGC on Pagecloud sites:

  1. After copying the EmbedSocial code, log in to your Pagecloud account;
  2. Start editing the webpage where you want the reviews to appear;
  3. Tap on ‘Apps’ from the left ribbon menu and select ‘Embed’;
  4. Paste the EmbedSocial code into the popup field and click ‘Ok’ to complete the process.
Embed Google reviews in PageCloud
How to embed UGC on Google Sites?

Here’s how to embed UGC on Google Sites:

  1. Once you copy your embeddable widget code in EmbedSocial, log in to your Google Sites account;
  2. Navigate to the page where you want to embed the widget;
  3. Use the ‘Insert’ tab in Google Sites and choose where you want to place the widget;
  4. Choose ‘Embed‘ from the menu and paste the copied code in the dialog box;
  5. Click ‘Next‘ and then ‘Insert‘ to finalize the embedding.
adding an embeddable widget in google sites
How to embed UGC on Elementor?

Here’s how to embed UGC in Elementor:

  1. Log in and navigate to the page where you want to add the reviews;
  2. Tap an empty section and choose the ‘HTML’ block from the left ribbon section;
  3. Drag and drop it on the page and paste the widget code in the empty field;
  4. Update and publish the page to see the live widget.
pasting the widget code in elementor
How to embed UGC in Notion?

Here’s how to embed UGC in Notion:

  1. After copying the widget code, log in to Notion, and go to the relevant page;
  2. Type the /embed command, and from the dropdown, choose the ‘Embed’ option;
  3. Paste the URL and click the ‘Embed link’ button to add your reviews to Notion.
embed Google reviews in Notion embed link
How to embed UGC on HTML websites?

Here’s how to embed UGC on HTML sites

  1. Copy the EmbedSocial widget review from the ‘Embed’ tab in the top-left corner of the Editor;
  2. Open the HTML file of your website, which could be either a new page or an existing one;
  3. Paste the copied EmbedSocial embed code where you want the reviews to display.
Steps to embed Google reviews in a HTML website

Video guide: How to embed Threads feeds easily?

Would you rather watch a video guide on embedding Threads posts? Then, this is for you:

How to embed a single Threads post via the native option?

Note: New embed option available for the desktop Threads app.

The native option to embed a Threads post is available now, and you can access it like this:

  1. Go to Threads.net and find the post you want to embed.
  2. Click on the arrow icon below the post and click ‘Get embed code’:
    Click to embed Threads code
  3. From the pop-up, click Copy.
    Embed Threads post on any website
  4. Go to your website and paste this code into an HTML element.

Here is a demo of an embedded Thread here in this blog post:

Post by @embedsocial
View on Threads

While the above process works well for single posts, you won’t be able to use it for displaying multiple posts in a single Threads feed widget. To do this, use some of the options below:

How to create and embed a custom Threads feed?

In case you want to create a widget with your Threads but add the data manually, follow these steps via the EmbedSocial platform:

Step 1: Create a custom Threads source

To create a custom source, Threads where you will upload the Threads icon. To do this, follow the steps:

  1. Go to Sources and click Custom.
    Add custom source feed
  2. Type the name ‘Threads‘ and click ‘Next
  3. Here, upload the Threads icon and add the other source details
Source settings for Threads

This setup will help you to display a logo next to each post that you will add to this source.

Step 2: Manually add Threads posts in the source

Now, manually add the Threads to this source. Here are the steps:

  1. On the source page, click Add post.
  2. Input the post text, author, and link.
    Manually enter post author avatar, description, date
  3. Click Submit, and the post will be listed on your source page.

Repeat this with all Threads you want to display on your website.

Step 3: Create the Threads widget

Once you finish adding the Threads, just click Create widget, and you will be redirected to the widget editor. Here, you can customize the widget to display as a slider, feed, or popup layout. Also, do other more advanced customizations.

Once you are done, you can get the widget code by navigating to the Embed tab and clicking on Copy code as shown below:

Copy code for Threads widget

Step 4: Embed the Threads widget into your website

Finally, you can display the Threads feed on your website. Depending on which web builder you are using, just make sure to paste the widget code into the location where you want to display the code.

Below, you can see these instructions for a WordPress website:

  1. Log in to your WordPress dashboard and open the page where you want to embed Threads.
  2. Click the +icon, search, and select Custom HTML.
  3. Paste the Threads widget code, as presented in the image below:
Steps to embed HTML in WordPress

Link in bio pages are tools that showcase your latest social media activity in one place. We made it possible to embed your Threads feed into your Feedlink page very easily.

Before you start, just go to your Threads post and copy the URL from the browser bar.

Next, follow the steps to paste the URL into your link in bio page on Feedlink:

  1. Sign up for a free Feedlink account.
  2. Go to your Feedlink page editor, click Explore, and choose Threads.
  3. A block will appear where you can paste the Thread URL.
  4. The Threads post will immediately appear on the page.

Here is a walkthrough of the steps:

FAQ about embedding Threads feeds

Can I embed a Threads Feed?

Yes, you can easily embed a Threads feed using the latest Threads widget by EmbedSocial.

How does a Threads feed on a website work?

Your Threads feed will be displayed via a third-party widget, which can include your own page content, your mentions, and other conversations and updates.

Can I embed a Threads slider on my website?

If you sign up for EmbedSocial, you will get access to all sorts of widgets, including a Threads slider. You can add multiple Threads posts from different accounts in a single widget.


Author

CEO of EmbedSocial 

Nikola Bojkov is the CEO of EmbedSocial, an entrepreneur who turns problems into products. With over a decade of hands-on experience with social media APIs, he guides EmbedSocial in its role as a technical partner for both SMEs and large agencies, maximizing the impact of their user-generated content. EmbedSocial has offices in Skopje, Tokyo and Lisbon with over 250,000 users.