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

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.

You 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 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 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.