Adding a Twitter Feed to your Page Print

  • 0

You can add the latest posts from any public Twitter account to your page using the Twitter widget.

Let's begin by dragging this content down to make room for our Twitter feed.

Adding a Title (optional)

Let's add a title to this section using an instance of the Text Block widget (optional).

  1. Drag the Text Block widget to the location where you are about to place the Twitter feed.
  2. Select the sample text in the text block and delete it.
  3. Type the title of this section, such as "Our Twitter Feed" or whatever you would like.
  4. Click on "Styles" on the text block menu.
  5. Click on "heading 2

Adding the Twitter Feed

BaseKit Twitter Feed Icon The Twitter widget is located in the SOCIAL section of the widgets panel.

  1. Drag an instance of the social widget onto your desired location.
  2. Click on the widgets gear icon to display the properties panel.
  3. Type in a Twitter username here and run a search for a feed.
  4. You can also adjust how often this feed should be updated.
  5. You can toggle whether or not is displays retweets.
  6. Also the maximum number of tweets that can be displayed at any given time can also be adjusted.

At this time, the Twitter feed is live and fully functional. 

Setting the Background Color of the Section (optional)

Let's perform an additional step to further integrate it into this particular web design (optional).

  1. We will grad an instance of the Background widget and place it on our page.
  2. We will then change the color from transparent to white, and adjust the size of the inner padding.
  3. Next we drag the previous two widgets, and drop them inside of the background widget.
  4. As the final step, we will adjust the placement of the previous content.

Congratulations!  You now know how to add a great looking Twitter feed to any of your pages.


Was this answer helpful?

« Back

Powered by WHMCompleteSolution