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

You can connect a Twitter account to your Squarespace site. This lets you add a social icon to link to your Twitter feed, automatically push content to Twitter, and display your tweets on your site using the Twitter Block.

Step 1 -  Connect your Twitter account

Depending on your plan:

  • In the Home Menu, click Settings, and then click Connected Accounts.
  • In the Home Menu, click Social Icons, and then click Connected Accounts. (Cover Pages)

Click Connect Account.

Select Twitter from the Social Accounts menu, and log in using your Twitter username and password.

Step 2 - Display a Twitter social icon

You can add a Twitter social icon that links to your Twitter profile.

In Connected Accounts Settings, click your Twitter account to open Twitter Settings. Ensure Show Social Icon is checked.

Note: The Profile URL is automatically set to lead to your Twitter profile.

Click Save.

Note: After connecting Twitter to Squarespace in this step, the social icon will automatically display in most templates, but not all of them. You can also add social icons using the Social Links Block. Learn how these icons display in your template in our template guides.

Step 3 - Push content to Twitter

You can share blog posts and gallery images on your Twitter profile. In the Blog Post or Image Editor, click the Social tab to view the push options for the post or image. 

Next to your Twitter profile, switch the Social toggle to on.

You can customize the format of tweets sent from Squarespace in the field using text and the following variables:

  • %a - The author of the post.
  • %t - The title of the post.
  • %u - The URL to the post.

When you publish the post or save the image, this will automatically tweet it.

Step 4 - Add a Twitter Block (optional)

You can display tweets from your account or a feed of hashtags, mentions by handle, and general search terms on your pages using the Twitter Block. This is a great way to embed tweets on your site without using third-party widgets. For help with this, visit Using the Twitter Block.

Step 5 - Use a Twitter Cover Page (optional)

You can use a Cover Page to display tweets on a splash landing page, a dedicated Twitter page, or a single page site. The Echo and Status layouts support Twitter.

Step 6 - Use Twitter Cards (optional)

Twitter Cards attach information like images and product prices to tweets, creating a preview directly in Twitter feeds. Squarespace Commerce sites are optimized for Twitter Cards.

For more information, visit Twitter's documentation.

Note: Twitter cards won't work if you have a password enabled. For help disabling a password, visit Removing a site-wide password and Removing a page password.

You can use Twitter's URL validator to see a preview of how your Twitter Cards will appear.

Step 7 - Collect Twitter handles (optional)

You can use the Form Block to collect visitors' Twitter handles. In the Form Field menu, click Twitter

Note: We update the connection with your Twitter account every minute. If you ever need to refresh the connection between Squarespace and Twitter, return to Connected Accounts, click your Twitter account, and then click Reset Data.
Was this article helpful?
17 out of 20 found this helpful
Using Twitter with Squarespace