How to embed tweets in WordPress blog posts

While reading an online news article last week, I noticed something I had not seen: embedded tweets. The tweets were used to display the real-time reactions to what the story was covering a day after the events had taken place. What really caught my eye was that all the links in the tweet were hot, and you could follow the person who had originally tweeted. The following tweet by CNN reporter David Daniel is an example of what I had seen.


Notice that you can reply, retweet, favorite or follow just as if you were on Twitter, Hootsuite, Tweetdeck or other client. This can be done with any tweet you can access on Twitter whether or not you follow the person and whether or not they follow you. (It might work on Tweetdeck as well, but I have not been able to get the embedding code through any client. It has to be through twitter.com.)

This is how you embed tweets in a blog post that uses WordPress. It really isn’t that hard, and will only add a minute or two for each tweet you desire to embed in your post. I’m not saying this is the only way that works, but it does work. If you know an easier way, feel free to share in the comments.

1. Download and install the plugin “Twitter embed” by kovshenin.
2. Activate the “Twitter embed” plugin. It will be live with no configurations or settings tweaks needed.
3. From twitter.com, access the tweet you want to embed.
4. Hover your cursor over the tweet and click “Open.” See image below:
twitter embed image

5. After opening the tweet, click on “Details.” See below:
twitter embed image

6. You many recognize this page as a twitter status page. It holds the link to a single tweet. Every tweet from every account in all the Twitterverse had a distinct url. Click “Embed this tweet.”
twitter embed image

7. The box that opens gives the HTML, shortcode and regular link to that tweet. It also give you the opportunity to modify where that tweet will be displayed on the page. After deciding, the code will be highlighted (see image below). Copy and paste into your blog post at the point you want it to appear.
twitter embed image

Below is that same tweet embedded. Hover over the links to see that each is live. Note also that you can follow me from that embedded tweet. HINT, HINT.

Marty Duren

Just a guy writing some things.

  • When you use the plugin, you dont need to get the embed code for a tweet. You just take the complete URL of tweet and paste it in the Visual Editor of you post.
    OR.
    When you use the embed code, you simply paste the embed code into your posts HTML editor; no need for the plugin.

    Though have to say, the plugin helps a lot!!

    • Marty Duren

      Manveet-
      You are right on all counts. And, I agree, the plugin is awesome!