How to Add Twitter Feed in Elementor

Updated: March 29, 2020

Elementor has no default widget to display your Twitter feed. If you want to display your Twitter feed, you can install an add-on that offers a widget to display a Twitter feed. Essential Addons and Happy Addons are two examples of the premium Elementor add-ons that have a widget to display Twitter feed. In this post, we will show you how to display a Twitter feed using Essential Addons.

Essential Addons has two widgets that you can use to integrate your Twitter with your Elementor-powered website. In addition to displaying your Twitter feed, you can also display your tweets in a carousel mode.

How to use Essential Addons to display Twitter feed in Elementor

The two widgets offered by Essential Addons that you can use display your tweets are Twitter Feed and Twitter Feed Carousel. Normally, you need to enter the Consumer Key and Consumer Secret to display a Twitter feed to a website. These two components already provided by Essential Addons so you just need to enter your username or hashtag if you want to display tweets by hashtag instead of a username.

To get started, make sure you have installed and activated Essential Addons. Once you ready, simply create a new page, post or template and edit with Elementor. Prepare a section or column where you want to display your tweets on the canvas area and drag the Twitter Feed widget there.

By default, the Twitter Feed widget displays the tweets of WPDeveloper, the developer of Essential Addons. To display the tweets of your account, go to the Account Name option under the Account Settings block under the Content tab and type your Twitter username. If you want to display tweets by a hashtag, type your preferred hashtag on the Hashtag Name option.

To set the layout, you can open the Layout Settings block. You can select the content layout, number of columns, content length, the gap between columns, and number of tweets. There is also an option to show/hide media elements.

You can open the Card Settings block to customize the Twitter card. You can show/hide your Twitter ava, show/hide tweet date, show/hide Twitter logo icon.

To style the widget, you can go to the Style tab. There are two blocks you can open. On the Card Style block, you can set the background of the card, padding, border radius, and box shadow.

On the Color & Typography block, you can set the text color as well as the typography of the title, tweet, and link.

To set the margin and the padding of the Twitter Feed widget, you can go to the Advanced tab.

If you prefer to display your tweets in a carousel mode, you can simply drag the Twitter Feed Carousel widget to the canvas area.

The bottom line

Since Elementor has no default widget to display a Twitter feed, you need to install an add-on if you want to display your tweets in an Elementor-powered page. Essential Addons is one of the add-ons that comes with a widget to display a Twitter feed. In addition, you can also display your tweets in a carousel mode.

This page may contain affiliate links, which help support WP Pagebuilders.

Leave a Reply

Your email address will not be published. Required fields are marked *

Pin It on Pinterest

Share This

Share This

Share this post with your friends!