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?

Want more?

Help authors just like you with book marketing, web strategy, and social media. You can unsubscribe any time with one click. 

You have Successfully Subscribed!

Pin It on Pinterest

Share This