How to Embed Twitter Feed on HTML Website

Add a Twitter Feed

To create a Twitter feed, you need to follow the given steps-

Step 1:

After Login or Sign-Up to Taggbox, You will see your Dashboard.

Embed Twitter Feed on html

On the Taggbox Dashboard click the “+Create Wall” button to create a new wall

Twitter Feed on Html Website

Step 2:

Then, give a name to your wall. A Unique URL of your wall will be created automatically according to your wall name. You can also change it according to you.

To enable Profanity Filter select Apply Profanity Filter. Then, click “Create Wall“.

Embed Twitter on HTML

Step 3:         

1. Click Feeds (You will find it on the left-hand side of the page).

Wall Editor Feeds

2. Click Add Feed, to create a new feed.

Feeds Option

Step 4:

In the popup that appears, select the Twitter connection type and then fill out the required fields.

Embed Twitter on Website

Step 5:

Choose one of the following to create Twitter feed:

1. Hash Tag (#): Enter your Hashtag in the box and collect all your Hashtag embedded feeds of Twitter.

Embed Twitter hashtag on HTML

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

Embed Twitter handle feed on HTML

3. 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

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

Embed Twitter hashtag on HTML

5. 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

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

To Add Multiple Photos and Exclude Retweets on the connection select “Add Multiple Photos” and “Exclude Retweets”.

Then click “Create Feed” button to complete adding.

Provide the Login Credentials for the Social Network and Sign In. (Login Credentials are required for most connections).

Twitter Feed on html

Great, the Connection has been created and within a few moments, tweets will appear in the Wall editor.

Embed Twitter Feed on HTML Website

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

Step 1:

Click on Display Button on your wall editor.

Step 2:

Select the “Embed in Websites” option to embed Twitter feed on Website.

Display Options

Step 3:

To embed your Twitter feed on HTML website, choose HTML as your Platform.

Choose HTML

Step 4:

Set width, height and height type as per your requirements and click on Get Code.

HTML height

Step 5:

Copy the generated code and Paste it into your webpage, where you want to embed Twitter feeds.

Get Code

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

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