Getting visitors to like your Web pages is one thing, and getting them to follow your Facebook Page is another.  Or is it?  Looking closely at the Like Button controls and the instructions, we find it’s easy to link that small button directly to a Fan Page.  And you don’t have to use that annoying Like Box that takes up too much space.

Integrating the Like Button with Your Facebook Fan Page

After running one of my websites for almost a year, I decided it was time to make a Facebook Page for it.  It’s easy and fun to set up a Facebook page.  But when it was time to link to it from the blog, I realized that the Like Box just wasn’t going to do the job.  It was too wide.   Plus it would be yet another code-heavy widget to stick in an already crowded sidebar.  So I turned to the old Like Button instead.

Below is a screenshot of the Like Button customization panel.

Adding Facebook Page URL to the Like Button

Fig 1. The URL field lets you specify the page to like.

The URL to Like field is where you can tell Facebook which Facebook page or Web page the user will like when he or she clicks the Like button.  In XFBML, this defaults to whatever is the current page the viewer and the code are on. But here we want it to go to our fan page instead.

  1. Log in to Facebook and make sure you get the correct URL to your Page.
  2. Click in URL to Like and type your Facebook page address, such as
  3. Turn off the Send feature.
  4. Customize the rest of the button, such as the width and color scheme.
  5. Click Get Code.
  6. Click iframe.
  7. Copy the code to your blog or Web page.

Note: If you are editing an existing Like Button, just look for the “href” attribute and change the URL to your Facebook Page.

Where do you put it in a blog?  I used a WordPress post footer plugin to automatically insert the personalized Like Button at the end of every post.  Now I didn’t want visitors to lose the ability to like specifically the article they were reading, so I also added a regular Like Button with the AddToAny plugin elsewhere on the post.

After you’ve added the code to your blog, you should see something similar to what’s in the upper-right of the picture above.  When people click Like, and they are logged in to Facebook, this results in a vote for your Facebook page.  (Nice to get away from the egg stage, isn’t it?)   Just remember that the user must have Platforms turned on for this, but we have no say on that.

So that’s it.  Hopefully this will help new Page admins get more likes for their pages.   More on Page customization later on.

You might also want to read

Post Footer automatically generated by Add Post Footer Plugin for wordpress.






Speak your mind

CommentLuv badge

  • Links

    Online Marketing
    Add blog to our directory.