Twitter Feeds Shortcode

Last Updated on

Easily display your latest tweets using the Twitter feeds shortcode and keep visitors informed about what’s going on in your business. The feed gets updated automatically when you post on the Twitter website.

In this article, we’ll explain how to create a Twitter application and configure and display the Twitter feeds.

In this article


Creating an Application on the Twitter Website

First, you’ll need to create an application on the Twitter website to get access details. Access details are required when you want to display the tweets on your website.

1
Log into your Twitter account, go to the Twitter Application Management page and click on the Create New App button.

twitter feeds shortcode - create new app

2
Fill out the Application Details form with your information and click on the Create Your Twitter Application button.

twitter feeds shortcode

3
From your application management page, click on the Keys and Access Tokens tab.

twitter feeds shortcode - keys and access tokens

4
At the bottom of the page, click Create My Access Token.
5
Take note of the Consumer Key (API Key)Consumer Secret (API Secret)Access Token and Access Token Secret.

twitter feeds shortcode - keys

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

Adding Access Details to the Theme Options

To add the generated keys and tokens into your WordPress site:

1
In the WordPress admin panel, go to Theme Options > Global Settings > API Integrations.

twitter feeds shortcode

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

twitter feeds shortcode

3
Click on Save Settings.

Displaying Twitter Feeds Shortcode

To add the Twitter feeds shortcode to a page:

1
Add or edit an existing page.
twitter feeds shortcode
2
In the Visual Composer section, click on the + button.

twitter feeds shortcode

3
In the Add Element pop-up screen, search for Twitter feeds and click on it to be added to the page.

twitter feeds shortcode

4
When the shortcode is added, a new pop-up screen called Twitter Feeds Settings will open that It allows you to configure the shortcode settings.
SettingDescription
Widget title Displays a title above the Twitter feed.
Twitter name Your Twitter profile name.
Tweets count Loads a specific amount of latest tweets.
Text & Icon Color Sets a specific color for the text and icon.
Link color Sets a specific color for the links.
6
Click on Save Changes and publish or update the page to check the result. It will show the latest tweets.
Was this helpful?
Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket