About Twitter Widgets

Twitter has super-sweet widgets to display your Tweets anywhere on the web. You can also create a custom widget with Tweets from the sources of your choosing!

How To Add a Twitter Widget To Your Website

Access widgets from the Resources link in the footer of all Twitter web pages. To add a Twitter widget to your social network, website, or blog:

1. Log into Twitter
2. Click Resources at the bottom of the details pane on the right hand side of your screen.
3. Select See all Widgets
4. Select My Website
5. Select the widget that shows the Tweets you'd most like to display on your website:

• Profile Widgets display recent Tweets from a specific user.
• Search Widgets display highly customizable search results in real time (perfect for live events, conferences, brands etc.)
• Faves Widgets will show all the Tweets you have marked as Favorite
• List Widgets show off a list of users you've curated. Great for showing off a subset of interesting folks' Tweets.

Adding Profile Widgets

Profile widgets display the public Tweets of anyone on Twitter. Try entering a few user names to test it out!

1. Enter the name of the user whose tweets should display in the widget.
2. Click Appearance to change the colors of your widget (You can enter the numeric color codes to perfectly match your website or blog!)
3. Click Dimensions to change the size of your widget (You wont be able to preview the size in the widgets page.)
4. Click Test settings to make sure everything looks right
5. Click Finish & Grab Code at the bottom of the page, and add the code to your website.

Once you've added the widget code to your site, voila! You've got Tweets!

Adding Search Widgets

Customize your Twitter Search Widget using the three left hand tabs on the widget screen: Settings, Appearance and Dimensions. Note: search widgets will not work on Facebook.

1. Fill out the settings for your widget: the Search Query field determines the display of the real-time search results. This can be something as simple as San Francisco, or you can experiment with advanced search queries.
2. Decide whether or not to loop old results (Recommended only for low volume (very specific) queries!)
3. Click Appearance to change the colors of your widget (You can enter the numeric color codes to perfectly match your website or blog!)
4. Click Dimensions to change the size of your widget (Customize the Width (px) and Height (px) of your widget to fit the area of the page where you want it (minimum size is 150px wide and 100px high). You wont be able to preview the size.)
5. Click Test settings to make sure everything looks right
6. Click Finish & Grab Code at the bottom of the page, and add the code to your website.
7. Add the code to your website and display real time Tweets!

Adding Faves Widgets

1. Enter the name of the user whose Tweets should display in the widget.
2. Click Appearance to change the colors of your widget (You can enter the numeric color codes to perfectly match your website or blog!)
3. Click Dimensions to change the size of your widget (You wont be able to preview the size in the widgets page.)
4. Click Test settings to make sure everything looks right
5. Click Finish & Grab Code at the bottom of the page, and add the code to your website

Adding List Widgets

1. Enter the name of the user whose tweets should display in the widget.
2. Click Find Lists to select the list you'd like to populate your widget (the drop-down to select from appears below the username).
3. Click Appearance to change the colors of your widget (You can enter the numeric color codes to perfectly match your website or blog!)
4. Click Dimensions to change the size of your widget (You wont be able to preview the size in the widgets page.)
5. Click Test settings to make sure everything looks right
6. Click Finish & Grab Code at the bottom of the page, and add the code to your website.

Still need help? Contact Support.