ProWorks Blog

How To Add Boxes to the Wall Sidebar of Your Facebook Page

By  |  Monday, February 01, 2010  |  , ,  |  22 comments

IMPORTANT UPDATE: Due to the new Facebook Profile and Page Roadmap Update fan page boxes are being phased out.  Now you need to use a Custom Tab.  For help getting a custom tab setup and a starter template please read our post: Add A Custom Tab to Your Facebook Fan Page - Starter Template Included. Enjoy!


I received a question from a local Corvallis business: "How can I get sidebar buttons on my Facebook Wall Page?" The example Facebook Page was the Sur La Table fan page.

sur la table

We hadn't done this before on the ProWorks fan page so I set about trying to do it. Turns out, its not too hard.

Here are the steps to adding a left sidebar ad/button/image to your Facebook Page wall:

1. Click the "Edit Page" link on your Fan Page main page

Edit Facebook Page

2. Install the "Static FBML" Application from Facebook.

Look for the "More Applications" box at the bottom of the edit area.

Facebook Page More Applications

If you see the "Static FBML" link as shown above, click it. If you don't have that link click the "Browse More" link and search for "FBML".

After you search you should see the "Static FBML" application in the search results.

Facebook Page Application Search FBML

Click on the "Static FBML" link.

3. Add the Static FBML application from Facebook to your Fan Page

Click the "Add to my Page" link on the Static FBML page.

Static FBML Facebook Page application

After you click the "Add to my Page" link you may get a selection popup that asks which Facebook Page you want to add the application to. Just click the "Add to Page" button for the appropriate page.

Add to Facebook Page

4. Add content to the Static FBML application

Now you need to get back to your Facebook Page that you just added the Static FBML application to and click the "Edit Page" link again.

There should be a new box in the middle of the edit page that looks like this:

FBML edit box

Click the "Edit" link.

Now you will see a very simple editing interface with "Box Title:" and "FBML:" fields.

FBML editor

The Box Title is just text, but the FBML field can take HTML or FBML.

Insert the following code into your FBML field:

<a href="#"><img src="/images/photo.png" /></a>

This will insert this image into your Facebook Page with a link to your Fan Page.

photo icon

Click "Save Changes" at the bottom.

5. Move the new FBML box to the Wall page

Go back to your main Facebook Page tab. Then go to the "Boxes" tab. You should see the above photo with the Title that you selected. It should look something like this:

FBML on Boxes tab

Now click the little pencil icon in the upper right hand corner of the box. A new drop-down menu should appear:

FBML edit drop-down menu

Select the "Move to Wall tab" item.

Viola! You should now have the image with a link on the main tab of your Facebook Fan Page!

Fan Page FBML Box

That's it. You can add more boxes by going back to "Edit Page", then editing the FBML and clicking the "Add another FBML box" link at the bottom.

For more information on HTML go to W3schools HTML Tutorial.

To learn more about Facebook's special FBML go to the FBML Developer's Wiki. It looks like there are some very cool things in there.

Thanks and get those Facebook Pages looking good!

22 comments for “How To Add Boxes to the Wall Sidebar of Your Facebook Page”

  1. Posted 2/25/2010 at 3:35:04 PM

    I've done this on my FB fans page and it's pretty cool (http://www.facebook.com/SummitSmallBusiness).

    Just read, though, that this option will be going away along with other FB fans page changes at http://www.hyperarts.com/blog/changes-facebook-boxes-tabs-fbml/

  2. Posted 2/15/2010 at 12:58:06 PM

    FYI, a good place to test your FBML before you make it live is the FBML Test Console in the Facebook Developers area.

    Check it out here: <a href="http://developers.facebook.com/tools.php?fbml" rel="nofollow">Facebook Developers - FBML Test Console</a>

  3. Posted 2/25/2010 at 3:38:34 PM

    Oh wow. Good to know. Thanks for the link Bill!

  4. Posted 4/8/2010 at 9:33:12 PM

    Kewl (Cool)!! I've tried .. Very good indeed.. Really loved it, but how to create an application and put it to the sidebar on the profile? anyone can teach me??

  5. Posted 4/9/2010 at 6:32:33 AM

    eshanne,

    Haven't done that yet, but we can give it a shot!

    This may give you an idea:

    http://www.mailchimp.com/blog/subscribe-form-facebook/

    It's MailChimp's instructions on how to get a newsletter subscribe on the sidebar.

    And a few more ideas here:

    http://www.openforum.com/idea-hub/topics/technology/article/5-essential-apps-for-your-businesss-facebook-fan-page-matt-silverman

  6. Posted 5/5/2010 at 8:24:50 AM

    GRAZIE DI CUORE from ITALY

  7. Posted 4/20/2010 at 8:47:48 AM

    Hi, thanks for the nice tutorial but I didn't see the 'move to wall tab' option on pencil icon. Did I miss something here?

  8. Posted 4/20/2010 at 8:53:01 AM

    Heey wait, I just discover the 'move to wall tab' option on boxes tab.
    Yay! thanks

  9. Posted 5/16/2010 at 6:54:44 PM

    Thanks a lot for these instructions!

    Works like a dream. Only thing i haven't figured out how to do it move my boxes around on my Facebook fan page. The new html button I added I would prefer to be at the top left of my screen.

    Any ideas?

    Here is the page:
    http://www.facebook.com/givejonadollar

  10. Posted 5/17/2010 at 7:02:37 AM

    You can't get a box above your friends, but you could put a link in your page tag line.

  11. Posted 5/17/2010 at 7:21:33 AM
    Gravatar of jc.presscott

    Thank you so much for this I have been searching for this information for an embarrassing amount of time.

    Keep up the good work ;)

  12. Posted 5/17/2010 at 1:28:13 PM

    JC,

    Glad we could help.

  13. Posted 7/22/2010 at 12:46:18 AM

    I tried it but I cannot move the box to the wall tab. When I rightclick the pencil icon, the options are only "tab options" and "delete tab". I cannot see the "Move to Wall Tab". What is hapenning with my facebook profile?

  14. Posted 7/22/2010 at 7:55:42 AM

    Unfortunately, Facebook is and has been removing this functionality. No longer are we able to put boxes on our Fan Pages.

    I would recommend creating a custom tab.

    More information and a starter template can be found here:

    Add A Custom Tab to Your Facebook Fan Page – Starter Template Included
    http://www.proworks.com/blog/2010/04/30/add-a-custom-tab-to-your-facebook-fan-page-starter-template-included/

  15. Posted 7/25/2010 at 5:36:04 PM

    Jason, thank you very much for this extremely useful post! It works for me. My question is, how do you fix the form you have to make it fit the wall page box? My sign-up form on my fan page doesn't look right.

    Thanks,

    Mike

  16. Posted 7/26/2010 at 8:28:15 AM

    Michael,

    What browser are you using to test?

    -Jason

  17. Posted 8/18/2010 at 3:46:38 AM

    Really helpful thanks!

  18. Posted 8/5/2010 at 11:28:11 AM

    I was pulling my hair out like a lunatic before you helped me solve this pressing problem. Thanks!

  19. Posted 11/25/2010 at 7:25:22 AM
    Gravatar of Dan

    I can't figure out how to add boxes in the sidebar of my fanpage. The boxes tab is no longer available on the tab menu.

    When I go "Applications" and then click "Edit Settings" some the applications like "Photos" do show the box as added but they don't actually show on the fanpage sidebar. What do I do to make them show up?

  20. Posted 11/29/2010 at 11:10:39 AM

    Unfortunately, Facebook has removed the sidebar boxes from the fan pages.

    Try this newer blog post:

    http://www.proworks.com/blog/2010/04/30/add-a-custom-tab-to-your-facebook-fan-page-starter-template-included/

    It tells you how to add a new custom tab to your fan page. That's how Facebook wants you to do it now.

  21. Posted 1/4/2012 at 9:16:00 AM

    Hi

    I have tried it bt I can’t find any “more application box” or any Static FBML in bottom of edit page.

    How should I find it??

  22. Posted 1/4/2012 at 9:17:00 AM

    datadiary,

    Unfortunately, Facebook has removed the sidebar boxes from the fan pages.

    If you’re interested in creating a custom tab, let us know as we can help with that.

    Thanks,
    Jason

Post a comment

Comments closed