How to Add A Twitter Widget to Your Sidebar

Social media button concept

Have you ever seen a “Latest Tweets” widget in a blogger’s sidebar?

These are widgets that show a blogger’s latest activity on Twitter. It connects to Twitter and automatically updates every time the blogger sends out a new tweet.

If you want that widget on your WordPress.org website, you can get it. It’s pretty simple to set up and completely free.

Tweetables:

  • The simple, pain-free way to get a Twitter widget on WordPress. Click to Tweet
  • Thanks @AuthorMedia for teaching me how to set up a Twitter widget on my site! Click to Tweet
  • Who knew it could be this easy to get a Twitter widget on WordPress? Click to Tweet

Step 1: Log in to your Twitter account

Step 2: Go to Settings

Twitter Settings

Click on the settings “wheel” in the upper-right hand corner, then click on “settings.”

Step 3: Click on “Widgets”

Twitter Settings

This is the bottom link in the list on the left-hand side of the page.

Step 4: Click on “Create New”

Create New button

This button is toward the upper-right hand corner of the screen.

Step 5: Configure the widget

Configure Twitter widget

  • Username: Make sure your Twitter username is in this field.
  • Options: You can exclude @ replies from the widget and/or choose to auto-expand any pictures attached to tweets. Check the boxes if you want these, leave them unchecked if you don’t.
  • Height: The default is 600 px, which will show approximately 3 tweets at a time.
  • Theme: You have two options, light or dark. Light will give the widget a white background, dark will give it a dark gray background.
  • Link color: If you want to color-coordinate the links with your site, you can do so here.

Step 6: Click “Create Widget”

This is what your screen will look like. The HTML code you’ll need is below the widget preview.

Screen Shot 2013-07-23 at 11.13.03 AM

Step 7: Copy the HTML

The HTML should already be highlighted. Just click Ctrl+C on a PC or Command+C on a Mac.

Step 8: Go to the “Widgets” are of your WordPress dashboard

This is under the “Appearance” tab of the left-hand menu.

Wigets area in WordPress dashboard

Step 9: Add a text widget

If you’re unsure how to do this, check out our post How to Create A Custom Widget in WordPress. Follow the directions under Step 2, pasting the widget code that you copied.

Step 10: Click “Save”

Voilá! You now have a functioning Twitter widget in your sidebar! Make sure to double-check how it looks on your site–you may want to go back and tweak its size. To do that, just find the part of the code the says height=”600″ and/or width=”450″ (numbers may be different) and replace the numbers in between the quotation marks with higher or lower numbers.

Do you use a Twitter widget on your site? Any tips or suggestions?