Home » Facebook

How to add facebook send button on your WordPress Blog

2 May 2011 Written by: One Comment
Facebook has announced an new sharing button that is “Send Button”. This send button allows your users to share your website pages/ blog posts with their friends network. Which means user can send your website article to his facebook friends and also non Facebook friends. On clicking on Facebook Send Button it creates a Popup dialog box through which you can send message to a Facebook Groups (if you are part of that group). This button is similiar to Facebook like button which includes “Counting of Each Send”,

facebook send button

The Most Powerful difference here is when you like a post then it will be visible on friends news feed. So there is no¬†guarantee that each of your friends will see your shared post. But in “Send Button” it sends to “Facebook Messages” box where there is 100% GUARANTEED that each user will see your post. I created a “how to” post for our users so that they can add “facebook send button” on their blogs.

Here are the steps for adding facebook send button on your wordpress website

1) For adding it in your wordpress post first open your “single.php” file which is located in theme’s folder.

2) Now paste below javascript code in your loop

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

3) Save your file and upload it back to your hosting site.

If you want to show “like button” and “send button” together then you can use following javascript code which also enables like button.

 <div id="fb-root"></div>
 <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
 <fb:like href="<?php echo get_permalink(); ?>" show_faces="true" width="450" send="true"></fb:like>

This send button is not supported by iframe version of like button.

If you want to customize this send button you can use following parameters

Parameter Details
show_face=true To show the friend icons under the button
layout=box_count To show the simple button with only the count
colorscheme=dark To show a darker color scheme for your button
action=recommend To show “Recommend” instead of Like

I believe this button will help you for improving your blog traffic.

I hope this post is helpful for you. Please comment below and share your valuble opinion.

One Comment »

  • iPhone 5 said:

    My send button goes at the end of the post and I would like to put it on top how can I do it please?

Leave your response!

Please add your comment below. Here is the trackback Link and subscribe to these comments Comment RSS Link.

Be nice. Keep this blog clean. Please dont spam.

We support Gravatar. To get your own gravatar, please register at Gravatar.