Add a Find-a-Member Tab to Your Facebook Page

Recently Gary Krysler asked if I could help add a “find a member” tab to the WCR Facebook Page. It was quite easy to do, and after seeing requests within the comment stream (as well as tweets) for something similar, I thought I’d give step-by-step instructions on how to do it for your organization. It’s really pretty easy and even someone with no coding experience whatsoever should be able to handle it.

Step 1: Create the graphic.

Staff from the WCR created this graphic, so they made my life super easy

Step 2: Upload the graphic to an online server.

If you have a blog, then the easiest way is to use the image upload feature of your blog to store the image online.

Step 3: Note the URL of the image.

In the case of the “find a member” image I uploaded above, the URL is: http://4realz.net/wp-content/uploads/2010/03/FindaMember.jpeg

Step 4: Note the URL of the landing page.

For the WCRs, the “find a member” landing page is: http://www.wcr.org/FindAMember/tabid/58/Default.aspx. Note your own landing page.

Step 5: Add the Static FBML application to your Facebook Page.

The static FBML plugin makes is super easy to add a new tab with text (and images) to your page. To add the app to your page, follow the above link and follow the simple instructions to add it to your page.

Step 6: Insert the appropriate code into the Static FBML application.

There’s no need to actually write any code here… It’s all cut-and-paste.

The process is pretty straight-forward. Navigate to your Facebook Page and click the “edit page” option. Then click the edit option for the FBML page. At this point you should see a screen that looks like a blank version of the image to the right.

Now just copy and paste the following code EXCEPT replace WCR’s image URL and landing page URL with the URLs you noted in steps 3 and 4.


<table width="450" align="center">
<tbody>
<tr>
<td>
<a href="http://www.wcr.org/FindAMember/tabid/58/Default.aspx"><img src="http://4realz.net/wp-content/uploads/2010/03/FindaMember.jpeg" alt="find-a-member" align="center" /></a>
</td>
</tr>
</tbody>
</table>

Remember to add a title (probably “find a member”), click “save” and you should have a new tab for your Facebook fan page!

Questions?

If you have any questions, don’t hesitate to hit the “reply” button in the header of this post and ask a question.

Published by

Dustin Luther

Current lead up the team managing Brand and Influencer Engagement programs for Dun & Bradstreet. You can find me on Twitter (@tyr) or LinkedIn (DustinLuther)

4 thoughts on “Add a Find-a-Member Tab to Your Facebook Page”

  1. Trying to add a roster to my WCR facebook page but the directions you gave in 2010 don’t work. The add the Static FBML application to your Facebook Page link doesn’t work anymore. Can we still put a roster on our page?

    I’m following the directions from your post Add a Find-a-Member Tab to Your Facebook Page
    Posted by Dustin on March 16, 2010 in Facebook

    1. Hi Sharon: FB has announced that their removing the ability to add tabs… I think as of March 31… so I’m thinking it may be time to simply remove that feature. Wish I had a good alternative, but I’m not aware of anything similar in the timeline layout they’re rolling out for biz pages.

Leave a Reply