cssigniter_728X90

How to Showcase Twitter Feed for your WP Bakery powered WordPress website?

0
How to Showcase Twitter Feed for your WP Bakery powered WordPress website?
How to Showcase Twitter Feed for your WP Bakery powered WordPress website?
Templatemonster-wordpress-themes

WP Bakery Page Builder (Visual Composer) is one of the most popular and powerful page builder plugin for WordPress that has more than 2 million users. It comes with easy drag and drop features for easily building a fully functional website without any coding skills. Besides, the plugin also consists of 50+ pre-designed content elements and professionally designed templates for starting up the creation of your visually appealing website. Apart from that, the plugin also supports over 500+ unique addons to boosts its functionality and create even more engaging WordPress website.

Talking about Addons for Visual Composer, one of the best addon for boosting the engagement rate of your Visual Composer built WordPress website is Twitter Feed addon. As this VC extension allows you to embed the latest tweets on your WordPress website. By doing so, you can make your website more informative and keep your visitors updated about your recent works. Additionally, these Twitter feeds displayed on your WordPress website can also increase the social reach of your business and even convert your visitors into your twitter follower.

Showcasing Twitter Feed on your WP Bakery Bakery powered WordPress website

Now let’s talk about how to embed your Visual Composer created WordPress website with the Twitter feeds. Here we will show you that in a step by step tutorial by using Twitter Feed Addon for Visual Composera premium WordPress extension for WP Bakery.

So, lets get started and add some beautiful Twitter Feeds on your WordPress website

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.

Step 1:

twitter feed for visual composer - How to Showcase Twitter Feed for your WP Bakery powered WordPress website?
Twitter Feed Addon for Visual Composer – Best WordPress Twitter Feed Extension for WP Bakery Page Builder

Get Twitter Feed Addon for Visual Composer from CodeCanyon marketplace at a reasonable price of $16. Then, install it on your website. The installation of this extension is similar to the installation of other WP extensions. So, if there is any difficulty, you can refer to its documentation.

Step 2:

After you have completed installation of the plugin, you will see “Twitter Feed addon” on the left menu of your WordPress dashboard. Click on it. You will land on the settings page. Here, you need to add the API key for your Twitter Account.

In order to generate your API key go to https://dev.twitter.com/apps

twitter feed addon documentation screenshot main setting 941x1024 - How to Showcase Twitter Feed for your WP Bakery powered WordPress website?
Twitter Feed Addon for Visual Composer: Main Setting

Also, configure the cache settings and extra settings as per your preference.

Step 3:

Then go to Page > All Page and choose the page in which you want to display your twitter feed.

Step 4:

Then choose where you want to edit your page from the backend or from the frontend of your WordPress website. Here, we have chosen the frontend editor.

editor option - How to Showcase Twitter Feed for your WP Bakery powered WordPress website?
WP Bakery Page Builder: Editor Option

Step 5:

You will land to the frontend of the page you have selected. Then, click on “append to column”.

append to column - How to Showcase Twitter Feed for your WP Bakery powered WordPress website?
Twitter Feed Addon for Visual Composer: Append to Column

Step 6:

An “Add Element” popup will appear where all the elements of Visual Composer will appear. There select “Twitter Feed Addon” element.

add element 1024x561 - How to Showcase Twitter Feed for your WP Bakery powered WordPress website?
Twitter Feed Addon for Visual Composer: Add Element

Step 7:

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

header - How to Showcase Twitter Feed for your WP Bakery powered WordPress website?
Twitter Feed Addon for Visual Composer: General Settings

Besides, you can also choose the header border color, border margin, border style, and border background. After, you have set everything up, click on “Save changes” to save your settings.

border - How to Showcase Twitter Feed for your WP Bakery powered WordPress website?
Twitter Feed Addon for Visual Composer: Layout Settings

Step 8:

Then, to add Twitter Feed on your webpage, click on “Prepend to Twitter Feed Addon”.

prepend to twitter feed addon - How to Showcase Twitter Feed for your WP Bakery powered WordPress website?
Twitter Feed Addon for Visual Composer: Prepend to Twitter Feed Addon

Step 9:

A popup will appear where you can assign how you want your twitter feed to be displayed. The plugin allows you to display the twitter feed on 3 different ways i.e. on a list, as a slider or in a ticker view. So, choose any of the views as per your preference to add Twitter Feed on your WordPress website. Here, we have chosen the list view.

twitter feed view 1024x244 - How to Showcase Twitter Feed for your WP Bakery powered WordPress website?
Twitter Feed Addon for Visual Composer: Twitter Feed View

Step 10:

After you have chosen your Twitter feed view a set of settings will popup. The settings include General, Component and Layout option.

General

Here, you can choose from where you want your feeds to be displayed i.e. from Username or Hashtags. Select any of them and set it. Also, select the number of Tweets you want to display, Date and Time Format and Fetch Unavailable Message.

general list view settings - How to Showcase Twitter Feed for your WP Bakery powered WordPress website?
Twitter Feed Addon for Visual Composer: General List View Settings

Component

Here, you can show/hide follow button, Twitter Actions and Username display. Besides, you can also set the image width if there are any images available on the tweet or choose to disable the image on the feed.

component list view settings - How to Showcase Twitter Feed for your WP Bakery powered WordPress website?
Twitter Feed Addon for Visual Composer: Component List View Settings

Layout

Here, you can select the template for your Twitter feed view. Besides, you can also configure the color of your background, text, link, username, date/time, border, Twitter icon, Twitter Action, and follow button.

layout list view settings - How to Showcase Twitter Feed for your WP Bakery powered WordPress website?
Twitter Feed Addon for Visual Composer: Layout List View Settings

Wrapping Up

In this way, you can showcase Twitter feed on visual composer built WordPress website. Displaying Twitter feeds can become very much effective to boost the user engagement of your WordPress website. So, if you want to showcase twitter feed on your WordPress website then, you can purchase the mentioned plugin at a reasonable price and follow this step by step guide. Also, if you like our article then, follow us on Twitter stay updated.

You can also check out other articles related to Twitter Feed WordPress Plugins:

If you are looking for a WordPress plugin to display Instagram Feeds then, check out:

You can also check out our handpicked ultimate collection of: