How to Embed Twitter Feed on HTML Website

To know how to embed Twitter feed on your website, follow the simple steps

Add a Twitter Feed

To Embed a Twitter feed on your website, you need to follow the given steps-

Try Taggbox Widget – Start Your 14 Days Free Trial

Step 1

Create a Taggbox Widget Account or Login if you’re an existing member of Taggbox Widget.

Embed Twitter Feed on html

Now, you will be redirected to Taggbox Widget Dashboard

Twitter Feed on Html Website

Step 2

Click on “Add Social Feeds” option to start adding Twitter feed in your widget:

Embed Twitter post on google site

Step 3    

A dialog box with “Pick a source” will appear, select Twitter as your source of aggregating feeds.

Embed Twitter on HTML Website

Step 4

A new dialog box “Create Twitter Feed” will appear to aggregate feeds from:

You can aggregate feeds from the following sources:

  • Hashtag (#)
  • Handle (@)
  • Mention (@)
  • List
  • Favorites
  • Advanced (Query)

1. Hashtag (#): Enter the Hashtag and collect all the hashtag feeds from Twitter.

Embed Twitter hashtag on Google Site

2. Handle (@): Enter your Twitter user Handle and collect all feeds.

Embed Twitter handle feed on HTML

3. Mention: You can also collect feeds of mention as well; just enter the Twitter Handle or username. 

Create Twitter Feed via Mention

4. List: You can also collect feeds of the list as well; just enter the Twitter Handle or username and List Name.

Embed Twitter on HTML

5. Favorites: You can collect Twitter Feeds of your Favorites; just use their Twitter Handle.

Embed Twitter hashtag on Google Site

6. Advanced: You can use the Advance option to get feeds via a search query. Fill your query in the box and collect feeds.

Twitter feed on HTML Website

Tip: Use the checkbox to Add Multiple Photos and Exclude Retweets on the connection select “Add Multiple Photos” and “Exclude Retweets”.

Step 5

Choose your method of aggregating feeds and enter the input accordingly.

Finally, click “Create Feed” button to start aggregating process.

If asked provide the Login Credentials to connect your Widget with the Twitter account.

Great, the connection will be created and within a few moments, tweets will appear in the Widget editor.

Tip: To enable Moderation on the connection select the “Manually approve posts before making them public” checkbox.

Embed Twitter Feed on HTML Website

To embed Twitter feed on your HTML website you need to follow below steps–

Step 1

Click the “PUBLISH” button on the left bottom of the screen, You can also see the PREVIEW of how your feeds gonna look on different devices.

Embed Widget Button

Step 2

Dialog Box will appear “Choose Your Platform”, select “HTML” logo as your website platform.

Choose HTML for embedding Twitter feed

Step 3

A new Dialog box HTML will appear:

Add Twitter Feed on HTML

Step 4

Select auto or set width and height according to your requirement then just click on GET CODE and COPY the whole generated code:

Finally, PASTE the code into the body tag of your HTML website webpage editor.

Get Code for Embedding Twitter hashtag feed

Great! You have successfully embedded Twitter feeds on your HTML website.

Try Taggbox To Embed Twitter Feed – Start Your 14 Days Free Trial

If you have any questions or need help, please contact us or write us at [email protected]