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.
2Fill out the Application Details form with your information and click on the Create Your Twitter Application button.
3From your application management page, click on the Keys and Access Tokens tab.
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.
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:
1In the WordPress admin panel, go to Theme Options > Global Settings > API Integrations.
2Add the Consumer Key (API Key), Consumer Secret (API Secret), Access Token and Access Token Secret from the Twitter website (step 5).
3Click on Save Settings.
Displaying Twitter Feeds Shortcode
To add the Twitter feeds shortcode to a page:
1Add or edit an existing page.
2In the Visual Composer section, click on the + button.
3In the Add Element pop-up screen, search for Twitter feeds and click on it to be added to the page.
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.
| Setting | Description |
|---|---|
| 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.
