How-to Guide to create a Static FBML Landing Page for your Facebook Fan Page

7 replies
Free info how to create a static fbml fan page. The information is on the web, but much of it only has bits and pieces of each step. Consolidated all the info so anyone can create an eye catching landing page for their fan page.

Guide will explain how to hide content from non-fans and how to make your newly created page the main landing page.

Create your own FBML Fan Page

What will a Static FBML Fan Page do for you?
Viral Marketing
Increased Fan Base
Professional Look
Generate Revenue
and more...


All of this information is available for free BUT I have compiled it and will explain it so anyone can do it!


Step 1 - Create a Facebook Fan Page
facebook.com/pages/create.php
Select a category and name for your page and click the button. Once your page is created click Become a Fan.

Step 2 - Add Static FBML to your Fan Page
Search for Static FBML or go directly to facebook.com/apps/application.php?id=4949752878

You will need to click "Allow" for the application if this is your first time using it.
Under the image on the top left you will see a link called "Add to my page", click it.
A window will pop up and locate the name of your fan page. The list is in alphabetical order. Once you find your Fan Page name click the button.

Step 3 - Go Back to your Fan Page and Edit FBML
Not sure where to locate your Fan Page? Go to your Facebook profile and click the Info tab. Towards the bottom you will see an area called Pages and a link to the right that says See All. Click See All and select your Fan Page. IF you did not become a fan in step 1 search at the top of Facebook for your Fan Page name.

Now on your Fan Page click Edit Settings link at the top left under your image. Scroll down and look for FBML - FBML, click Edit.

For Box Title: enter the name for the tab. It can be anything to describe the content of the page such as Welcome, Specials, etc.

For the box labeled FBML: you can enter any HTML. Omit any <body><head><html> opening and closing tags.

Enter the below code to test:
<img src="mporgsoft.com/test/test.jpg">

After entering the code click at the bottom.

Step 4 - Adding your new Tab
Click the name of your Fan Page at the top left of the page you are on.

On the row of tabs click the + sign at the far right.

A list will appear and click the option called FBML, or what you called the FBML page as Box Title. It also will have the Static FBML icon to the left of it.

Once clicked a new tab will be added and you should see the "123 Test" image.

Again, you can add any HTML to this tab to make it as eye catching as possible. To edit the tab click the Wall tab, Edit Page link, locate the Static FBML icon under Applications and click Edit.

Step 5 - Make your new Static FBML tab the default landing page
While on the Edit Page screen from the previous step click Application Settings for the Static FBML application. Click Remove to the right of Boxes so it looks like below:

Next scroll up to Wall Settings and click Edit. For the option Default Landing Tab for Everyone Else: select the name of your Static FMBL tab from the list.

Note: When testing being admin you will also be directed to the Info or Wall tab. Use a different account that is not admin of the Fan Page to test.

Step 6 - Hide Content to anyone who is not a Fan
Want to offer a special coupon/discount code to your Fans? You can make any part of your page hidden to non-Fans.


See this feature in action on my facebook.com/pages/MPORGSoft-Hosting-Affordable-and-Reliable-Web-Hosting/227607484520?v=app_4949752878


Go to your Wall tab, Edit Page link, locate the Static FBML icon under Applications and click Edit.

To the beginning of your page add:
<fb:fbml version="1.1">
To the end of your page add:
</fb:fbml>

If you still have the test image it will look like:
<fb:fbml version="1.1">
<img src="mporgsoft.com/test/test.jpg">
</fb:fbml>

Your "hide to non-Fans" code is:
<fb:visible-to-connection>
</fb:visible-to-connection>

Anything between the tags will be hidden.
Try the below code:
<fb:fbml version="1.1">
<img src="mporgsoft.com/test/test.jpg">
<fb:visible-to-connection>
Thank you for becoming a fan!
</fb:visible-to-connection>
</fb:fbml>

Save Changes and go to your tab. Note: As admin ALL HTML will be visible to you even if you are not a fan. Use a second account to test.


Facebook's TOS disallows the practice of any Fan Page from requiring a visitor to Invite Friends to view content.
#create #create facebook fan page #facebook #facebook fan page #facebook fbml #facebook static fbml #fan #fbml #guide #howto #landing #page #static
  • Profile picture of the author thmark
    Mike,

    The code worked right out of the box, flawlessly, and your quick support was excellent.

    See my example by going to http://LivingEnergyDay.com and selecting the SHARE tab.
    Signature

    Interested in Self Help, Alternative Health, and removing self limiting beliefs and actions?

    Energy Healing Workshop UK June 23 & 24 http://LivingEnergyWorkshop.com

    Free Marathon Energy Healing teleseminar series http://facebook.com/LivingEnergyDay

    {{ DiscussionBoard.errors[2200608].message }}
  • Profile picture of the author Daniel LaRusso
    For some reason I can't get to the Wall Settings and put my static FBML page as the default landing page. Any help with this?
    Signature

    It is unwise to trust all you read on the internet.
    - Benjamin Franklin

    {{ DiscussionBoard.errors[3192818].message }}
  • Profile picture of the author Daniel LaRusso
    I figured it out. If you create a FAN page, you can't move the first two tabs from the position they are in - I think it's "wall" and "info". If you create a BUSINESS page, THEN you can put the FBML page as the landing page.

    So, from learning the hard way, the takeaway is to create a BUSINESS page first
    Signature

    It is unwise to trust all you read on the internet.
    - Benjamin Franklin

    {{ DiscussionBoard.errors[3197395].message }}
  • Profile picture of the author tutistech
    ok this information is quite good to make the page on Facebook and the link should become in this format acebook.com/pages/MPORGSoft-Hosting-Affordable-and-Reliable-Web-Hosting/227607484520?v=app_4949752878
    but i want to known how to make a link like this facebook.com/vodafone
    {{ DiscussionBoard.errors[3319661].message }}
  • Profile picture of the author nyxem
    I'll try to do it ..
    {{ DiscussionBoard.errors[3319691].message }}
  • Profile picture of the author mporgsoft
    Go to facebook.com/username Your fan/business page must have 25 'likes' before you can change it to a username.
    {{ DiscussionBoard.errors[3321461].message }}
  • Profile picture of the author dvirint
    Thanks for great info it was very useful...
    {{ DiscussionBoard.errors[3372707].message }}

Trending Topics