Follow Us:
Adding Facebook’s “Become a Fan” Box to Your Website

Facebook Fan Box on Your WebsiteMany small businesses are exploring the use of Facebook for their business. If you’re using Facebook, then adding a “Become a Fan” box to your website is one of the best ways to announce to your customers that you’re on Facebook.

With a fan box, people can sign up to receive your Facebook updates right from your home page. This not only gives you the opportunity to generate more fans, but given the popularity of Facebook, it also conveys that your business is up-to-date, or “au courant.” Having a Facebook fan page is definitely a smart move for your brand.

So if you’d like to add a fan box to your website’s home page, just follow these basic steps:

  1. Log in to your Facebook fan page. On the left side, near the top, there’s a link that says “Edit Page.” Click on that link.
  2. On the edit page, midway down the page on the right-hand side, there’s a heading that says “Promote your page.” Below that heading, there’s a link that says “Promote with a Fan Box.” Click on that link.
  3. This takes you to a page called “Fan Box Widget.” The first option is to “Select your Page.” Your fan page should already be selected, unless you have more than one fan page. There are three “include” options that you can choose for your fan box:

    • If you select the “stream” option, the box will include the stream of comments on your wall. (Note: This option will make the box bigger.)
    • If you choose the “fans” option, your fans will be included in the box. (Note: This option will make the box bigger.)
    • The third option will include the “facebook logo,” and I definitely recommend this choice.
  4. The second option on the “Fan Box Widget” page is to “Choose where to add the widget.” To add the widget to your website, select “Other.” The code that you need for doing so will be generated, and it will appear in the field below. You’ll also see a preview of your fan box on the right-hand side. If you want to change any of your choices, you can select or deselect them and then re-click the “Other” button. At that point, your code and the preview will refresh.
  5. Finally, you need to select the code in the field, copy it (hit Ctrl+C or use the browser copy function), and then paste it (hit Ctrl+V or use the browser paste function) in the HTML code on the home page of your website.

If you’re a Web.com eWorks! XL® customer, you can send this code to our modifications team by completing the Modifications Submission Form, and they’ll be happy to insert it onto your website. If you’re a do-it-yourself website or hosting customer, you can paste this code in the HTML code on your website.

P.S. Don’t forget to follow us on Twitter and become a fan on Facebook.


    1. Where can I get a JPEG of the “f” for Facebook and the “Become a Fan” images to add to my print advertising?

      Thanks,
      Angie

      1
    2. Hi Angie,
      There is a high-resolution version of the Facebook badge on this page, along with the guidelines for usage.

      Have a great day,
      Sara

      2
    3. Sara: The page you reference contains only artwork for the “Find Us on Facebook” badge. Apparently Facebook doesn’t supply the “Become a Fan” version, which appears as a low-res image available through other sources, but not through Facebook. I read the Facebook guidelines on the page you reference, and it seems to me that the “Become a Fan” version does not violate the spirit of the approved uses, nor does it seem consistent with any of the prohibited uses. So the question would be, can I have my artist construct the “Become a Fan” version without violating Facebook rules?

      3
    4. Here is the FB info you were looking for regarding logos: https://www.facebook.com/brandpermissions/logos.php

      4
    5. My fan page has none of the tabs you suggest—”Edit Page,” “Promote …” etc. Just the word Facebook, then the three traditional icons of Friend Requests, Messages, and Notifications. Below that is the cover photo. Going into Admin Panel Edit Page doesn’t offer those suggestions, either. What am I doing wrong?

      http://www.facebook.com/writermichaelzimmer

      5
    6. Hi Michael,
      In the 2 years since I wrote this article, Facebook has gone through numerous changes. There are no longer any tabs on Facebook business pages and they’ve made this a little more difficult to find.

      If you go to your page (in the new layout)—you should see an admin options button at the top right as you said. If you click on that, then go to manage/edit page, you’ll see a link on the left side that says ‘Resources.’ Click on that, and then under the ‘Connect With People’ section there will be a link called ‘use social plugins.’ If you go there—you will find a lot of style options for adding a ‘like’ button or box to your Web page.

      All the best!

      6
    7. Thanks, Sara. In frustration—I battled with this a long time before seeking help—I decided to delete both my Fan page and my personal Facebook page, with the idea of starting over completely with just a Fan page. They used to say you had to have a personal page to post a Fan page, but if I’m reading some of the posts correctly, that’s no longer the case. I can just have a Fan page without a personal page. Is that correct?

      Thanks again for your help.

      7
    8. Michael,

      You’re welcome, and sorry for your trouble. Facebook changes the rules fairly often and can be difficult to stay up-to-date.

      It looks like you can have a ‘Facebook business account’ now without having a personal page. This is different than how it was previously. There is a downside—you can’t see the profiles of people who interact with your page. For this reason, I’d likely recommend having both. Here is more info; you may have already seen this:

      http://www.facebook.com/help/?page=167124440013852

      All the best,
      Sara

      8
    Join the Small Business Forum Community
    The Small Business Forum is a place where small business owners can learn, ask questions, and share advice on how to succeed online