How to add Twitter Feed on Visual Composer built WordPress website?
How to add Twitter Feed on Visual Composer built WordPress website?
WP Bakery Page Builder (Formerly Visual Composer) has been growing in popularity since its initial release in early 2011. Now with more than 2 million+ active users, it has inspired many developers to create cool and powerful addons and extensions to enhance its functionality and provide unlimited possibilities to create a stunning WordPress website without any coding skill.
Talking about addons for Visual Composer, one of the most exciting VC extensions for creating an engaging WordPress website is Twitter Feed. It allows you to embed your WP Bakery built WordPress website with the latest tweet. And by doing so, you can make your website more informative and keep your visitors updated about your work. Moreover, these feeds can also boost your site’s social reach and convert your visitors into your twitter follower.
- Adding Twitter Feed on Visual Composer WordPress Website
- Step 1: Installation and Activation
- Step 2: API Settings
- Step 3: Page to Display Twitter Feed
- Step 4: Editor Option
- Step 5: Visual Composer: Append to Column Option
- Step 6: Visual Composer: Add Element
- Step 7: Twitter Feed Addon Settings
- Step 8: Prepend to Twitter Feed Addon
- Step 9: Twitter Feed View
- Step 10: List Twitter Feed Settings
- Wrapping Up
Adding Twitter Feed on Visual Composer WordPress Website
Now let’s talk about how to add Twitter Feed on your Visual Composer built WordPress website. The extension we are going to use here is Twitter Feed for Visual Composer. It is a powerful extension for WP Bakery that contains all the required options to embed your WordPress website with beautiful tweets.
Note: This is a step by step tutorial for Addon for Visual Composer. So, in order to carry out this tutorial, you need to have WP Bakery Page Builder plugin pre-installed on your WordPress website. If you are looking for Twitter Feed Plugins, then we recommend you to use AccessPress Twitter Feed Pro.
So, let’s get started and add some eye-catching Twitter Feeds on your Visual Composer built WordPress website.
Step 1: Installation and Activation
Purchase Twitter Feed Addon for Visual Composer from CodeCanyon marketplace at a discounted price of $10. (Since the plugin got 50% off as per its launch offer.) Then, install and activate it on your WordPress website. If there is any difficulty while installing the plugin, then you can check out its documentation.
Step 2: API Settings
After you have activated the plugin, you will see “Twitter feed addon” on the left menu of your WordPress dashboard. Click on it. You will land to the setting page of the plugin. Add the API keys for your Twitter Account and configure the cache and extra settings.
To generate the API key, go to https://dev.twitter.com/apps.
Step 3: Page to Display Twitter Feed
Then, go to Page > All Page to choose the page where you want to display your Twitter feed.
Step 4: Editor Option
Then, choose either frontend or backend editor to add the Twitter Feeds. Here, we have chosen the frontend editor.
Step 5: Visual Composer: Append to Column Option
Then, click on “append to column”.
Step 6: Visual Composer: Add Element
An “Add Element” popup will appear on your screen. It contains all the elements of Visual Composer plugin. There select the “Twitter Feed Addon” elements.
Step 7: Twitter Feed Addon Settings
A separate settings will popup where you can choose the header text, header color and header alignment.
Besides, you can also choose the border color, border margin, border style and border background. After you are done configuring the settings, click on “Save changes” to save your settings.
Step 8: Prepend to Twitter Feed Addon
Then, to the Twitter feed on the page, click on “Prepend to Twitter Feed Addon”.
Step 9: Twitter Feed View
A popup will appear on your screen that allows you to assign the view of your Twitter Feed. So, select any of the 3 different views i.e. list, slider and ticker.
Step 10: List Twitter Feed Settings
After you have chosen the display view for your Twitter feed, a popup will appear that consist of a set of settings for the view. Here, we have chosen the list view. So, the settings include:
i) General
Here, you can add choose and add the name/hashtags of the Twitter account of which you want to display the Twitter Feed. Also, set the number of tweets you want to display, date and time format of your tweets and unavailable message.
ii) Component
Here, you can enable/disable follow button, twitter actions, and user details. Moreover, you can also set the width of your tweet’s image or choose to disable the image on the feed.
Slider Settings
Here, you can enable/disable the slider control, auto slide, and adaptive height of your tweet slider. Besides, you can also set the slider mode and slider duration.
iii) Layout
Here, you can select the template for your slider tweet view. Besides, you can also configure the color of your background, text, link, username, date/time, border, Twitter icon, Twitter Action, and follow button.
Wrapping Up
This way you can embed Twitter feed on Visual Composer built WordPress website. Showcasing Twitter feeds is one of the best way to boost your sites engagement rate and increase the social media reach of your site. So, if you want to add twitter feed on your Visual Composer built WordPress website then, you can purchase the above mentioned plugin and follow this step by step guide.
You can also check out similar step by step tutorial of:
How to add your client’s logo on WordPress website? (Step by Step Guide)
How to add Instagram feed gallery in your WordPress websites and blogs? (step by step guide)
and more...