Blocks, Embed Blocks

Blocks » Twitter Block

Use the Twitter block to embed tweets into your posts and pages. You can also pull all of the content from single tweets and Twitter threads, known as tweetstorms, directly into the draft of any page or post.

Table of Contents

Video Tutorial

↑ Table of Contents ↑

Add a Twitter Block

To add the Twitter block, click on the + Block Inserter icon and search for “Twitter”. Click it to add the block to the post or page.

💡

Using your keyboard, you can also type /twitter on a new line and press enter to quickly add a new Twitter block.

For more, visit our detailed instructions on adding blocks.

↑ Table of Contents ↑

Embed a Single Tweet

To embed a tweet means that you can display an individual tweet on your site that includes:

  • The tweet’s text, images, and links.
  • Action buttons for Twitter users to retweet and favorite tweets without leaving your site.
  • Links to hashtag pages, usernames, and a follow button.

The quickest way to embed a tweet is to paste the URL of the tweet on an empty line in the editor.

To find the URL, locate the tweet you want to post. Then click the timestamp as marked with the arrow below:

A red arrow points to the date & time link on the tweet.

You’ll be taken to the page for that individual tweet. Copy the URL from the address bar that looks like this:

An example of a tweet URL in the browser.

On Twitter, you can also click the down arrow at the top right of the tweet to find the Copy Link to Tweet option.

⚠️

Twitter also has an ‘Embed Tweet’ option with a code. This method is not supported, so make sure to use the link instead.

Once you have copied the URL, paste it on an empty line in the WordPress editor. It will automatically become a Twitter block and the tweet will become embedded on your site.

Alternatively, you can add the Twitter block as explained in the previous section. There is a box to enter the URL (i.e., link) to the tweet you want to embed. Paste that link into the box and click Embed.

A Twitter block with the URL in the box, and an arrow pointed to the Embed button.

Here’s how a single tweet looks when embedded:

↑ Table of Contents ↑

Embed a Twitter Feed

You can also use the Twitter block to embed a feed. The quickest way to embed a feed is to paste the URL of the Twitter profile on an empty line in the editor. It will automatically become a Twitter block and the feed will become embedded on your site.

If you add the Twitter block first, you can paste the profile URL inside the box and click Embed:

Screenshot showing a Twitter feed added to the Twitter block and an arrow pointing to the Embed button.

Here is an example of an embedded Twitter feed:

↑ Table of Contents ↑

Block Toolbar

When you click on the block, a toolbar of options will appear above it:

The toolbar that appears when clicking on the Twitter block
Twitter block toolbar

The Twitter block has the following options in its toolbar:

  • Change block type.
  • Drag the block.
  • Move the block up or down.
  • Change the alignment (left, right, or center, plus wide and full-width if supported by your theme.)
  • Unroll
  • Edit the URL of the tweet
  • More options
Unroll a Tweet or Thread

You can pull the content from an individual tweet or entire Twitter thread, also known as a tweetstorm, into any page or post. After you insert the Twitter block, if you enter the URL of a tweet that is part of a thread, you can pull the content by clicking Unroll.

When you “unroll” a single tweet or tweetstorm (Twitter thread), all of the content will be converted into appropriate blocks in the WordPress editor.

Since WordPress.com doesn’t have any character limits, once you unroll your tweet or tweetstorm, you can then add additional texts, hyperlinks, media, etc. around the new content as you see fit.

The Twitter block being unrolled into individual blocks of content.

Advanced

The advanced tab lets you add a CSS class to your block, allowing you to write custom CSS to style the block. Learn more about adding additional CSS classes to blocks.

Recipe block - Advanced Settings
The advanced section lets you add a CSS class to your block.

↑ Table of Contents ↑

Embed with a Shortcode

If you want more control over the display and layout of the tweet you are embedding, you can use a shortcode instead. Once you have assembled a shortcode as explained below, place it into a Shortcode block and it will display the embedded tweet.

To create a Twitter shortcode, type the [ symbol, the word tweet, the URL of the tweet, and close it with the ] symbol like this:

[tweet https://twitter.com/wordpressdotcom/status/632582884654751744]

Using the following parameters, you can control the appearance in a number of ways:

  • Adjust the width using width='200' (replace 200 with your desired width.)
  • Display the Twitter buttons in a different language using lang='fr' (replace fr with the desired language code.)
  • Align the tweet to the left, right, or center using align='left'.
  • Hide the image or other media item using hide_media='true'.
  • Hide context from replies using hide_thread='true'.

You can combine any number of parameters in your shortcode as in the following example:

[tweet https://twitter.com/wordpressdotcom/status/632582884654751744 width='250' lang='ko' align='center']

This becomes:

Not quite what you're looking for?

Get Help