How to create a Facebook Landing Page using FBML

Written by Lee Micai on December 22, 2010 – 4:44 pm -

You’ve probably seen custom Fan Pages like those of Susan G. Komen for the Cure, the Make a Wish Foundation or the American Red Cross. When you land there, you start on what is essentially a mini website within Facebook, instead of the Page’s wall or feed.

These are often used to promote special events, an annual appeal or simply welcome visitors. Anyone with a Fan Page can create one, and it only takes a little effort.

Step 1 – Download the Static FBML application from Facebook.

1. Login to Facebook

2. Go to the Static FBML application page on Facebook.

3. Click ‘Add to my Page’ on the top left hand corner under the logo.

Static FBML application from Facebook

4. A popup window will open up containing pages that you’re the admin for, Hit the ‘add to page’ button next to the page you want to use Static FBML on.

5. Go to the Facebook page that you selected and look for the ‘Edit page’ link under your logo and click it.

6. Click the ‘Applications link’ on the left.

Applications link

7. Scroll down until you see the FBML, Click ‘Go to Application’.

Go to App

8. Change the Box Title and enter your html.

edit-fbml
“Box Title” will be the name of your tab, I used ‘Welcome’.

The main text field is where your content goes, and you can add standard HTML to the page as you would any website, including images, text, links, and other formatting.

Note: Your images must be hosted elsewhere (on your non-profit’s website, for example) and only referenced in your HTML code.

9. Once you’re done click ‘save changes’.

10. Click ‘Edit Settings’.

edit-settings

11. A popup box will appear that lets you choose where to display your new application. Hit ‘remove’ for the box and hit ‘add’ for the tab. Then hit ‘okay’.

Edit static FBML settings

12. Click the tab to check that it all looks ok. You might need to go back into edit the page to tweak it and get it looking right.

FBML Final

Step 2 – Make your landing page automatically shown to new visitors.

1. To change this visit your page and again click the ‘Edit Page’ link under your logo.

2. Click ‘Manage Permissions’.

3. Find ‘Default Landing Tab:’ click the drop down box and select your new tab.

Manage Permissions

4. Click ‘Save Changes’

That’s it!!

Share your Facebook Landing Page

I’d love to see examples of your Facebook Landing Page’s. Feel free to link to your pages below by clicking the ‘link to this tab’ link in the FBML application.

Link to App


Posted in Facebook, Nonprofit, Web Design | No Comments »

Online Giving by Venue (2003-2009)

Written by Lee Micai on December 9, 2010 – 3:44 pm -

Below is a chart from “The Online Giving Study” conducted by Network for Good and TrueSense Marketing.  It examines the online giving experience not only on nonprofits’ websites, but also via donation portals and social networks.

online-giving

As we can see that more than half of charitable online giving through Network for Good is via the charities website (64.1%) followed by giving portals (25.5%) and social networks (10.4%).


Posted in Charts, Nonprofit | No Comments »