Tutorial: How to Embed a Tweet into a Blog Post or Website

A-Z social media tips from BloggingBistro.com - E is for Embed TweetsBy Laura Christianson

Want to embed a tweet into a blog post — or perhaps as a customer testimonial on your website?

Here’s how to do it, adapted from information I found at Twitter’s Help Center:

1. Let’s say you want to embed something you’ve tweeted. Log in to your Twitter account and click “Me,” which will display your own tweets.

2. As you mouse over each tweet, a series of editing options will display. Click “More.”

How to embed a tweet 1

3. A dropdown menu will display two options:

  • Email Tweet
  • Embed Tweet

Select “Embed Tweet.”

4. From the popup box, copy the HTML code.

How to embed a tweet 2

5. From within your blog’s text editor, click the HTML tab (now called “Text” in WordPress.org blogs).

6. Paste the copied code directly into your text editor.

The embedded tweet will render at a default width of 500px, but if the page section it is pasted into is smaller, the width will adjust accordingly.

Here’s what my embedded tweet looks like:

Notice that all links within the embedded tweet are live, so if you click them, you’ll go directly to the article I reference.

Embed all kinds of tweets

You can embed several types of tweets, including:

To embed a conversation:

Click “View Conversation.”

Go to the part of the conversation you want to embed and click “More” and then “Embed Tweet.”

How to embed a tweet 3

If you want to include the “Parent Tweet” (which I recommend, so your readers can get the gist of the conversation), click the radio button.

How to embed a tweet 4
Copy and paste the tweet’s code, and you’ll get this:

Can I embed protected tweets?

No. If someone has a private/protected Twitter account, you cannot embed tweets from that account.

What if I embed a tweet and the person deletes that tweet from their account?

If a tweet that has been embedded on another website gets deleted from Twitter, the Twitter branding, links, and actions (re-tweet, @ reply etc.) will be removed from the embedded tweet. However, the content of the tweet will remain visible on the website.

How can I use embedded tweets?

Here are three articles from around the web that suggest creative ways to use embedded tweets.

What’s the best use you’ve discovered for embedded tweets?

Please share your brilliant ideas!

Need a custom header photo for your Twitter account?

Contact Blogging Bistro for a free quote. Our creative graphic design team will design you a Twitter header that complements your brand’s image. (We design Facebook cover photos, too!)

  • Kevin Murtha

    I haven’t used tweets in my posts yet but i will now! 🙂

  • Kevin Murtha

    I haven’t used tweets in my posts yet but i will now! 🙂

  • Kevin- Please share a link when you embed one so we can check it out.

  • Kevin- Please share a link when you embed one so we can check it out.

  • Pingback: How To Embed A Tweet Into A Blog Post()

  • Pingback: How To Embed A Tweet Into A Blog Post()

  • Tasha

    I tried these steps to embed a tweet on a page on my WordPress site and it’s not working. It’s showing the text and links in my tweet only. Not the actually embed. I attached a photo so you can see what I am talking about.

  • Tasha

    I tried these steps to embed a tweet on a page on my WordPress site and it’s not working. It’s showing the text and links in my tweet only. Not the actually embed. I attached a photo so you can see what I am talking about.

  • Guest

    Can’t do it (i.e., embed onto as a post) on Facebook either.

  • Guest

    Can’t do it (i.e., embed onto as a post) on Facebook either.

  • These instructions are for embedding tweets into a website or blog post — not Facebook updates. But I’ll double check the instructions — perhaps Twitter has changed things since I published this post.

  • These instructions are for embedding tweets into a website or blog post — not Facebook updates. But I’ll double check the instructions — perhaps Twitter has changed things since I published this post.

  • @laurachristianson:disqus Laura Thanks… a million. It is working…

  • @laurachristianson:disqus Laura Thanks… a million. It is working…

  • prosperbwealth

    So useful. Thanks so much for this post.

  • prosperbwealth

    So useful. Thanks so much for this post.

  • Pingback: 25+ Recommended Twitter Tools | Blogging Bistro()

  • Pingback: How to view your Twitter Timeline in chronological order | Blogging Bistro()