How to Embed Twitter Moments & Tweets in WordPress [VIDEO]

Embed Twitter WordPress

UPDATE: WordPress 4.5 now allows you to embed Twitter Moments & Timelines. Read on for more details.

By now, you’ve all heard of Twitter. If you haven’t setup your account yet, you could be missing out on an opportunity to connect with your audience. Chances are, your audience is paying attention.

Regardless of what industry you serve, you can’t deny Twitter’s popularity—or its ability to start a conversation, and watch it spread like wildfire. And with over a quarter of the web powered by WordPress, there’s a good chance you’ll want to embed Twitter on your WordPress site.

Advantages of Embedding Twitter on WordPress

You’ve probably seen others post screenshots of Tweets. If the original author later deletes it, that’s a great strategy. But for most tweets, it’s not the most user-friendly. Screenshots are not interactive.

Embed Twitter, example tweetYou could also go old school with a classic hyperlink, sending the user over to Twitter’s website (or the mobile app) to read the tweet. Also not the worst thing in the world, but we can do better.

When you embed Twitter in WordPress, you allow the user to interact with it. They can like it, retweet it, reply, and follow the author, all without ever leaving your website. And I think you know the advantages of keeping someone on your website.

You also get Twitter’s branding, as the Twitter embed is styled in the same way users see it on twitter.com and the mobile app.

SEE ALSO: The Complete Guide to WordPress oEmbeds

How to Embed Twitter on WordPress

Embed Twitter Tweets

WordPress implemented support for embedding single tweets back in WordPress 3.4. Let’s review how to embed a single tweet:

  1. Navigate to the author’s timeline where the tweet resides
  2. Click on the date of the tweet (ex: “Feb 3”)
  3. Copy the URL of the individual tweet. It will look like this:
    https://twitter.com/{username}/status/694956247028621312
  4. Navigate to your WordPress WYSIWYG editor screen
  5. Paste the URL on a new line, all by itself
Embed Twitter, get status URL
Click on the date of the tweet you want to embed
Embed Twitter, copy URL
Copy the URL of the single tweet

Embed Twitter Moments

Twitter introduced Moments back in October 2015. It’s a collection of tweets, stories, images & videos about what’s happening in the world at this moment. With WordPress 4.5, they are just as easy to embed as single tweets.

  1. From twitter.com, click on Moments in the top navigation
  2. Click on a particular Moment that you want to embed
  3. Copy the URL of that Moment. It will look like this:
    https://twitter.com/i/moments/717127230158020610
  4. Navigate to your WordPress WYSIWYG editor screen
  5. Paste the URL on a new line, all by itself
Embed Twitter Moments, top navigation
Click “Moments” in the top navigation
Embed Twitter Moment, click title
Click on the title of the moment you’d like to embed

Embed Twitter Timelines

Embedding Twitter timelines is much like single tweets & moments. However, you need to create a custom timeline first. That’s beyond the scope of this article, but you can create your own timelines using either TweetDeck or curator.twitter.com.

Once you create your Twitter timeline, you’ll have a URL that will look something like this:

https://twitter.com/_/timelines/694956247028621312

Just paste that URL onto it’s own line in the WordPress WYSIWYG editor, and you’re all set.

Embed Twitter on WordPress – Video Tutorial


What Twitter Moments have you embedded on your WordPress site?

Having trouble with embeds? Let us know in the comments & we’ll do our best to help you out.

2 Commentson "How to Embed Twitter Moments & Tweets in WordPress [VIDEO]"

  1. /

    Thanks for this! I can already see embedding tweets is going to add a lot of value and opportunities for interaction in my next blog post! Have you seen specific campaigns where embedding tweets has boosted engagement for readers either on your blog or directly on twitter?

    → Reply
    1. (Author) /

      Hi Kayla. Thanks for stopping by.

      We have not used embedded tweets much on this blog, but I found an example (a little outdated, but relevant) of how Zappos really embraced twitter embeds to engage their customers. The project has since been retired, but you can read about it here.

What Do You Think?

All fields are required. Your email will not be published.

You can use standard <code> and <pre> tags to post code examples, or a service like codepen.io.