Twitter Feeds Shortcode

Updated on October 12, 2017

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.


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.

1Log 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

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

twitter feeds shortcode

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

twitter feeds shortcode - keys and access tokens

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

twitter feeds shortcode - keys


Adding Access Details to the Theme Options

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

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

twitter feeds shortcode

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

twitter feeds shortcode

3Click on Save Settings.

Displaying Twitter Feeds Shortcode

To add the Twitter feeds shortcode to a page:

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

twitter feeds shortcode

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

twitter feeds shortcode

4When 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.
6Click on Save Changes and publish or update the page to check the result. It will show the latest tweets.
Did this answer your question?