Note: While our most popular guides have been translated into Spanish, some guides are only available in English.

Twitter Blocks

Use Twitter Blocks to display a feed of recent tweets and a Follow button that leads to your Twitter profile.

Watch a video

Add a Twitter Block

To add a Twitter Block:

  1. Edit a page or post, click an insert point, and select Twitter from the menu. For help, visit Adding content with blocks.
  2. In the block editor, click the Connected Account drop-down menu to select a previously connected Twitter account, or select Add an account and follow the authorization steps to connect a new one.
  3. Customize what displays in the block.
  4. To display tweets related to a search term or hashtag, instead of your own tweets, check Search.
  5. Click Apply to save your changes.

Customize what displays

In the block editor, you can customize how your tweets display:

  • Use the slider to select the number of tweets to show in the block (1 to 20).
  • Check Show Avatar and Show Username to display this profile information next to each tweet.
  • Check Show Follow Button to add a Follow @YourName button that leads to your Twitter profile.

Display a search feed

You can display a feed of other user's tweets by hashtag, mention, or a search term instead of displaying your own tweets. Search feeds display results from tweets posted in the last seven days. You can use the search function on up to 20 Twitter Blocks per site.

Displaying a search in the Twitter Block is a great way to:

  • Show mentions or hashtags about you.
  • Show tweets with a hashtag from a marketing campaign.
  • Show tweets related to a topic in your content.

To display a search feed:

  1. Check Search, then enter a search term.
  2. To display tweets by hashtag, enter #topic. For example, to display tweets about Squarespace, enter #squarespace.
  3. To display tweets by mention, enter @handle. For example, to display tweets mentioning the Squarespace twitter, enter @squarespace.
  4. Click the refresh icon to display the results.

For Twitter's guidelines on using query operators in their search, visit Twitter’s API reference index.

Include sensitive tweets

After enabling a search, you can choose to show tweets that Twitter or another Twitter user reported as sensitive. Check Include Tweets Marked As Sensitive to display them.

We recommend reviewing Twitter's sensitive media policy and guidelines for reporting sensitive content.

Style the text

Fonts

The title size follows your site's global fonts. To style the Twitter Block's fonts:

  1. While editing a page, open Site Styles, then click Fonts.
  2. Under Global Text Styles, set the font family in Paragraphs.
  3. Set the font size for Paragraph 2
  4. To return to Site Styles, click Back, then click Site Styles, or hover over Done and click Save if you're done making style changes.

Colors

To style the Twitter Block's colors:

  1. While editing a page, open Site Styles, then click Colors.
  2. Hover over your color theme and click the pencil icon.
  3. Scroll to the Text section to change the Paragraph (Medium) colors.
  4. To return to Site Styles, click Back, then click Site Styles, or hover over Done and click Save if you're done making style changes.

The tweets in Twitter Blocks don’t have their own style tweaks. Instead, they match your site's style settings. The tweak names vary depending on which template you're using.

  • Regular text and the @ symbol - These follow your body text style. Look for tweaks called Text, Page Text, or Body Text.
  • Links, handles, and the # symbol - These follow your linked body text style. Look for tweaks called Link, Body Link, or Page Link.
  • In the Skye family, all text in the Twitter Block follows the body text tweaks.

Refresh the feed

We update the connection with your Twitter account every minute. If you edit a Tweet and want the changes to display immediately, refresh your Twitter connection:

  1. In the Home Menu, click Settings, then click Connected Accounts.
  2. Click your Twitter account.
  3. Click Reset Data.

If Twitter Blocks aren't showing your latest tweets, ensure Download Data is checked.

How content from Twitter displays

  • Protected tweets don’t display. To ensure your tweets display, unprotect them.
  • Replies don’t display unless included in a search.
  • The block shortens longer tweets and includes a link to the full tweet on Twitter.
  • The block displays one feed at a time; to display tweets from multiple accounts or hashtags, add multiple Twitter Blocks.
  • Tweeted media, like images and video, display as links.
Tip: Twitter Blocks might not display if you're using ad blockers in your browser. To fix the issue, remove any ad blockers in your browser. Try disabling all browser extensions.

Here's an example of how a Twitter Block can look on a site:

Was this article helpful?
47 out of 119 found this helpful