Back to Support Content and Media Blocks Twitter Block

Twitter Block

Use the Twitter block to embed tweets into your posts and pages.

Video Tutorial

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.

Embed a Single Tweet

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

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.

Here’s how a single tweet looks when embedded:

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:

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:

Block Settings

You will find additional block settings in the right sidebar when you click on the block. If you do not see the sidebar, you may need to click the Settings icon in the top-right corner to bring up the settings. This icon looks like a square with two uneven columns:

The settings icon in the Editor with a black background and the tooltip "Settings" below it.
Click the Settings icon to open the block settings
Media Settings

Keep the option Resize for smaller devices enabled if you’d like to preserve the aspect ratio on different browser sizes.

Media settings showing the option "Resize for smaller devices" enabled.
Advanced

The advanced settings allow you to an HTML anchor and additional CSS classes for the current block.

Learn more about HTML anchors here. You can also learn more about adding additional CSS classes to blocks here.

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:

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:

Was this guide helpful for you?

Not quite what you're looking for? Get Help!

Copied to clipboard!