Twitter Feeds Widget

Last Updated on

The twitter Feeds widget allows you to display tweets in a widget area/sidebar. It displays recent tweets from an account you specify in the widget settings.

In this article, we’ll explain how to getting access information from the Twitter website, and then display tweets through thea Twitter Feeds widget in the Jupiter WordPress theme.

x
Note: Jupiter also includes a Twitter Feeds shortcode which allows you to display tweets on your pages via Visual Composer.

In this article


Creating an Application

To be able to use Twitter widget or Twitter Feeds element in Visual Composer editor, you need get Twitter keys at first.

1
At first you must apply for a Twitter developer account and be approved before you may create new apps.

Once approved, you will be able to create new apps from developer.twitter.com.

2
Log in to the developer portal on this site (must have applied or have been approved) or apps.twitter.com using your Twitter credentials.
3
Open the Twitter app for which you would like to generate access tokens.
4
Navigate to the “Keys and Tokens” page.
5
Select ‘Create‘ under the “Access token & access token secret” section.
6
Take note of the Consumer Key (API Key)Consumer Secret (API Secret)Access Token, and Access Token Secret.

Twitter feeds widget - keys

x
Beware! The Twitter application above was created only for the purpose of this article and it has now been deleted.

Adding Access Details in the Jupiter Theme

After getting the access details, you need to add them to the Jupiter Theme Options.

To add the access details:

1
From the WordPress left menu, go to Theme Options > Global Settings > API Integrations.

2
Add the Consumer Key (API Key)Consumer Secret (API Secret)Access Token and Access Token Secret from the Twitter website (step 5).

3
Click on the Save Settings button.

Displaying Tweets

In order to display tweets in a widget area/sidebar, you’llneed to add the JP – Twitter Feeds widget to a widget area/sidebar and then configure its settings.

1
From the WordPress left menu, go to the Appearance > Widgets page.

Twitter feeds widget - widgets menu

2
On the Widgets page, locate the JP – Twitter Feeds widget in the Available Widgets column, and then drag and drop it into a widget area. In this example, we chose the Page Widget Area.

Twitter feeds widget - widgets area

3
Fill out the settings form with the necessary information, and then click on the Save button.
Setting Description
TitleDisplays a title at the top of the widget. If left empty, it will show nothing at the top of the tweets.
Username Sets your Twitter account username.
CountDetermines the number of tweets shown.
x
Note: The widget is ready. Now you may need to add the Page Widget Area/sidebar to a page so you can see the widget. If you are not familiar with adding a widget area/sidebar to a page, read the Adding a sidebar article.
Was this helpful?
Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket