This three-step tutorial helps you embed a Twitter feed on WordPress websites. With Flockler, you can create a fully custom Twitter feed with a unique design, displaying one or multiple Twitter accounts and hashtag feeds in one place.

If you are NOT one of the 455 million WordPress users, check our tutorial on how to embed a Twitter widget on any website.

Why brands embed Twitter feeds on WordPress

Twitter is a fast-paced channel where the competition for attention is fierce – the average lifespan of a tweet is just 18 minutes. To maximise the visibility of their content, brands display Twitter and other social media feeds on websites, mobile apps, and digital screens. Driving traffic from your owned media channels to your brand's Twitter profile increases the number of followers and builds engagement for your latest tweets, too.

Secondly, whether you organise an event or a competition, a hashtag campaign works the best on Twitter and Instagram. A thoroughly planned campaign increases awareness – with the campaign landing page and an embedded Twitter hashtag feed, new audiences will find your products and services.

Thirdly, Twitter is one of the best channels to gather feedback from your customers. When you ship products or digital services, add a friendly note asking your customers to share their experiences. Then, add social proof to your website and highlight some of the most engaging content.

For more inspiration on how brands gather social proof, check 7 examples of user-generated content campaigns.

Add Twitter feed to any WordPress website in three steps

If you want to embed one or a few tweets on a blog post, the official Twitter embed is the best option.

However, most brands are looking to gather and display multiple Twitter accounts and hashtag feeds and change them over time. In that case, a custom Twitter feed embed for WordPress is the right choice.

Here’s how to embed Twitter feeds on WordPress:

1. Choose Twitter accounts and hashtag feeds
2. Select the layout and design
3. Embed a Twitter feed on any WordPress page

1. Choose Twitter accounts and hashtag feeds

If you don’t have a Flockler account yet, sign up for Flockler’s 14-day free trial.

Then, create a feed (or multiple feeds) gathering tweets from a particular user or by a hashtag.

Log in to Flockler, navigate to the 'Automated Feeds' tab, and hit the 'Create a new feed' button. If you have just signed up for a free trial, you will be directed to this screen automatically:

Here, select Twitter and log in with your Twitter account. You don’t need to be an admin of any specific account.

After connecting your account, choose if you’d like to display tweets from a specific user or by hashtag.

After choosing, the bot will ask you a few additional questions. Perhaps the most important one is if you’d like to moderate posts before displaying the Twitter stream on your WordPress site. If you are looking to run a hashtag campaign on Twitter, moderating and reviewing posts in advance is recommended.

2. Select the layout and design

Selecting a layout is the next step after setting up the feed (or multiple feeds).

For WordPress Twitter feeds, you can select a Social Wall, Grid, or Carousel layout and customise their designs with a few clicks and without technical skills.

You can create an unlimited number of layouts and display them on all WordPress pages. In addition, the number of views and domains is not restricted.

3. Embed a Twitter feed on any WordPress page

Once you’ve selected the layout, you can either use Flockler’s standard embed code or download the WordPress plugin and add a shortcode to your WordPress site.

Here are instructions on how to embed a Twitter feed on Elementor, our using Gutenberg and Classic editors.

Embed Twitter feed using Elementor

1. Add a new page on WordPress or edit an existing one.
2. Click on Edit with the Elementor button.
3. From the left, search for the HTML widget. 

4. Drag and drop the HTML widget into your page.
5. A new set of editing tools on the left will open. Copy and paste your Flockler plugin shortcode for Twitter directly into the HTML Code field. 

6. Update/Publish the Page.

Embed Twitter feed using Gutenberg

1. Open the Post or Page in the WordPress admin where you’d like to embed a Twitter feed.
2. Choose "(+) Add Block" in the top left corner of the WordPress editing tools.
3. Next, search for the Custom HTML element and add it to your Page. 

4. Copy and paste your Twitter embed shortcode from Flockler’s Display tab to the element. 

5. Update/Publish changes to the WordPress Post/Page.

Embed Twitter feed using the Classic editor

1. Open the Post or Page in the WordPress admin where you’d like to add a Twitter feed.
2. In the WordPress content editor, you’ll find options to use a Visual or Text mode. Choose Text mode.
3. Copy and paste your unique shortcode from Flockler’s Display tab to where you would like to display the Twitter feed on WordPress.
4. Update/Publish changes to the WordPress Post/Page.

That’s it – if you have followed this tutorial, a custom Twitter feed is now embedded on your WordPress site!