How to Create a Twitter Widget for Your Website or Blog

Show off your Twitter presence with a great looking widget

What to Know

  • Go to Twitter Publish. Enter a URL or Twitter handle. Choose a layout. Select Copy Code, and paste it into your website.
  • You can paste the HTML created by Twitter Publish nearly anywhere, including WordPress HTML widgets.

This article explains how to use Twitter Publish to create a widget to display tweets or a complete Twitter feed on your website or blog.

How to Create a Twitter Widget With Twitter Publish

These widgets allow you to do things like show your latest tweets, inform visitors of a relevant hashtag, or showcase a particular moment.

  1. Open a browser, and go to Twitter Publish.

  2. Select the down arrow in the Enter a Twitter URL field to see the list of options available for the types of content you can transform into Twitter widgets.

    The Twitter Publish homepage
  3. The types of content include a tweet, profile, list, user handle, and hashtag. Select any of the default URLs to see an example of what the widget looks like.

  4. Copy the URL of the tweet and go back to the Twitter widget publishing tab to paste the URL into the Enter a Twitter URL field. After pasting the URL into the field, click the arrow pointing right to move to the next step.

    If the Twitter URL isn't ready for the content you want in the widget, open a new browser tab or window to navigate to Twitter.com and find the collection, tweet, profile, list, or another content type you want. You can also search with a Twitter handle starting with @ or a hashtag.

  5. After entering in a URL, select from the available display options. Different display options are available depending on the type of content you chose for your widget.

    The display options for Twitter Publish with 'Embedded Timeline' highlighted
  6. Review the preview. If you like the way the widget looks, select Copy Code to copy the code and paste it somewhere in the code of your website or blog. The height and width of the widget are built to be flexible, so it should remain within the constraints of the area of your blog or site where you feature it.

    An example of a widget created in Twitter Publish with the 'Copy Code' button highlighted

    The code is regular HTML, so you can put it anywhere HTML works. On WordPress, paste it into an HTML widget.

Was this page helpful?