How to Add The Facebook Send Button to Your WordPress Site

By now, I believe most of you knew the existence of the Facebook LIKE button. It is a button that you can click to express your interest (on Facebook) in the particular page or site. To make thing even more interesting, Facebook came out with a new button, known as the SEND button that allows you to send a content to a friend. This is similar to the mail-a-friend function, except that the “mail” will go directly to your friend’s Facebook inbox.

When you click on the LIKE button, it will be posted to your wall and publicly announce that you LIKE a particular piece of content, be it your friend’s status update, an article, a fan page, or even a site.

When you click on the SEND button, a dialog box will appear and you can enter your Facebook friends’ names and type a personal message. The content will then be sent to your friend’s Facebook Inbox.

send-dialog-box

In order to add the SEND button, you must be using the Facebook’s XFBML code in your site. The iFrame version does not work at all. If you have not added the XFBML code, follow the instruction here to implement it to your site.

Next, copy the following code and paste it to your theme file (must be within the loop) where you want the SEND button to appear:

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:send href="<?php the_permalink(); ?>" font="arial"></fb:send>

To get the SEND button to show up beside the LIKE button, replace the existing LIKE button code with this code:

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=12345678&amp;xfbml=1"></script><fb:like href="<?php the_permalink(); ?>" send="true" width="450" show_faces="false" font="arial"></fb:like>

Remember to replace appId=12345678 with your own Facebook appID.

Alternative method: via plugins

If you have difficulty understanding the method above, the best way to implement the Facebook SEND button is via a plugin.

1. Install the Facebook Send Button WordPress Plugin.

2. Activate the plugin

That’s it. This is a simple plugin that automatically add the SEND button to your single post/page. No configuration required.

Other plugins you can use include: Facebook Like Button for Dummies, Facebook Send Button By Teknoblogo.com, Facebook Like and Send (2 in 1)

What’s your view on the Facebook’s SEND button? Is it adding more value to your site?

Do you like what you read here?

Receive the latest update in your inbox.

Or connect with us: