Facebook & Twitter Widgets

Facebook and Twitter can be helpful tools to keep your customers in touch with what is happening on your farm. You can directly link your website users to your Facebook or Twitter accounts by creating widgets on your website. Read this article to learn more about Facebook and Twitter and to learn how to add Facebook badges and Twitter buttons.

Facebook

Facebook is a social networking website. Anyone over the age of 13 with a valid e-mail address can become a Facebook user. Users can add friends and send them messages, and update their personal profiles to notify friends about themselves. Additionally, users can join networks organized by city, workplace, and school or college. Businesses can create Facebook pages (Facebook for Business) that users can "like" which means that they will receive the information that the business posts directly onto their personal Facebook page. Read more about Facebook's history here.

Twitter

Twitter is a social networking and microblogging service that allows you answer the question, "What are you doing?" by sending short text messages 140 characters in length, called "tweets", to your friends, or "followers." It's this short format of communication that appeals to users who are suffering from lengthy email fatigue. Twitter can also be used by businesses to keep their customers informed of happenings in real-time (Twitter for buinesses)Read more about Twitter's history here.

Placing a Facebook Badge on Your Site

  1. Sign in to your Facebook account and get the HTML code for your badge by visiting: http://www.facebook.com/badges/. You will see a list of badges to choose from. If you want people to be able to get from your website to your Facebook page, as well as view your latest posts, you will want to choose the 'Page Badge'. See below:

Facebook_badge_circle.png

You should now see a preview of your farm's facebook badge. Click on the Other button and Facebook will then provide you with some HTML code in a box below the button. See below:

Facebook_HTML_code.PNG
   Figure 2. Code for Facebook Badge

Copy this code and/or leave this browser window open to access the code later on. Keep in mind that the string of code will be longer than just want you see in the text box. Make sure you highlight all of the code before you copy it. You can also copy and paste it into a blank document on your desktop so that you have it ready for the next steps.

  1. Login to your Control Panel and navigate to: Display > Widgets > Create Custom Widget

  2. Click on the source code icon in the text editor toolbar. It looks like this: < > and is located in the upper right-hand corner (see below).

source_code.jpg    Figure 3. Source Code button in the Text Editor

Paste or type the code that you copied from Facebook into the pop-up box that appears. Click on the Update button when you are finished.

  1. Complete the creation of your widget by adding a title, assigning a weight, and fill out the 'narrow to' field if you do not want this widget on every page of your site. Click Submit Changes to save your new widget.

  2. Go to the public view of your website and see how your new widget looks and test it to see if it works.

Placing a Twitter Button on Your Site

  1. Sign in to your Twitter account and get the HTML code for your button by visiting: https://twitter.com/about/resources/buttons. You'll have to select the type of button you'd like to display. For this example, let's click on "Follow". Make adjustments to your button and then copy and paste the HTML code and/or leave this browser window open to access the code later on.

  2. Login to your Control Panel and navigate to: Display > Widgets > Create Custom Widget

  3. Click on the HTML icon in the text editor toolbar and paste or type the code from Twitter into the HTML box that appears. Click on the Update button when you are finished.

  4. Complete the creation of your widget by adding a title, assigning a weight, and fill out the 'narrow to' field if you do not want this widget on every page of your site. Click Submit Changes to save your new widget.

  5. Go to the public view of your website and see how your new widget looks and test it to see if it works.

Ready to move on? Click on another article below: