How to add Twitter Feed on Visual Composer built WordPress website?

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

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

Twitter Feed Addon for Visual Composer – Best WordPress Twitter Feed Extension for WP Bakery Page Builder
Twitter Feed Addon for Visual Composer – Best WordPress Twitter Feed Extension for WP Bakery Page Builder

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.

Twitter Feed Addon for Visual Composer: Main Setting
Main Setting

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.

WP Bakery Page Builder: Editor Option
WP Bakery Page Builder: Editor Option

Step 5: Visual Composer: Append to Column Option

Then, click on “append to column”.

Twitter Feed Addon for Visual Composer: Append to Column
Twitter Feed Addon for Visual Composer: 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.

Twitter Feed Addon for Visual Composer: Add Element
 Add Element

Step 7: Twitter Feed Addon Settings

A separate settings will popup where you can choose the header text, header color and header alignment.

Twitter Feed Addon for Visual Composer: General Settings
General Settings

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.

Twitter Feed Addon for Visual Composer: Layout Settings
Layout Settings

Step 8: Prepend to Twitter Feed Addon

Then, to the Twitter feed on the page, click on “Prepend to Twitter Feed Addon”.

Twitter Feed Addon for Visual Composer: Prepend to Twitter Feed Addon
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.

Twitter Feed Addon for Visual Composer: Twitter Feed View
Twitter Feed View

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.

Twitter Feed Addon for Visual Composer: General List View Settings
General Slider View Settings

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.

Twitter Feed Addon for Visual Composer: Component List View Settings
Component Slider View Settings

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.

Twitter Feed Addon for Visual Composer: Component Slider View Settings
Component Slider View Settings

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.

Twitter Feed Addon for Visual Composer: Layout Slider View Settings
Layout Slider View Settings

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)

Get latest updates, deals and more from us!
Deals, Updates
and more...
No Thoughts on How to add Twitter Feed on Visual Composer built WordPress website?

Leave A Comment

Search