1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

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

Discussion in 'Facebook' started by ceaseer, Mar 18, 2010.

  1. #1
    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.

    http://www.mporgsoft.com/fbfanpage.php

    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
    http://www.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 http://www.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="http://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 Static FBML Fan Page here.


    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="http://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="http://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.
     
    ceaseer, Mar 18, 2010 IP
    alex_d1 likes this.
  2. francis3

    francis3 Well-Known Member

    Messages:
    569
    Likes Received:
    20
    Best Answers:
    0
    Trophy Points:
    110
    #2
    Very clear an useful guide.
    Thanks
     
    francis3, Mar 19, 2010 IP
  3. Patriot427

    Patriot427 Peon

    Messages:
    38
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Thanks for the great guide! How can you add become a fan and invite friends buttons on to the tab?
     
    Patriot427, Mar 19, 2010 IP
  4. dmvictoria

    dmvictoria Well-Known Member

    Messages:
    400
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    140
    #4
    Great guide, just what I've been looking for, Thank you!
     
    dmvictoria, Mar 20, 2010 IP
  5. Ghon99

    Ghon99 Peon

    Messages:
    42
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    Thanks, finally found this. It's weird how almost every page is using this now :O
     
    Ghon99, Mar 20, 2010 IP
  6. janicejan

    janicejan Peon

    Messages:
    105
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    Nice tip mate, thanks a lot for sharing. I do agree that having a fan page is a good idea to increase our websites popularity and reputation.
     
    janicejan, Mar 21, 2010 IP
  7. ceaseer

    ceaseer Peon

    Messages:
    473
    Likes Received:
    10
    Best Answers:
    0
    Trophy Points:
    0
    #7
    To add invite friends button

    You can add an invite friends box as shown below using the code (replacing my Fan Page URL with yours):

    
    <div style="padding: 10px;">
    <fb:request-form method="post" type="PAGE NAME" invite="true" content="Join MPORGsoft Fan Page">
    <fb:req-choice url='http://www.facebook.com/pages/Atwood-IL/MPORGSoft-Hosting-Affordable-and-Reliable-Web-Hosting/227607484520' ' label='GO' /> 
    <fb:multi-friend-selector actiontext="Join MPORGsoft Fan Page" rows="3" showborder="true" condensed="false" style="width: 400px;" />
    </fb:request-form>
    </div> 
    
    Code (markup):
     
    ceaseer, Mar 28, 2010 IP
  8. wightsands

    wightsands Peon

    Messages:
    1
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Thanks a lot, this information is very helpful.
     
    wightsands, Oct 27, 2010 IP
  9. Moris

    Moris Guest

    Messages:
    57
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    These are very helpful information with complete guidance about Facebook fan page. It can help better to make a fan page. Thanks
     
    Moris, Oct 27, 2010 IP
  10. chinalimit

    chinalimit Peon

    Messages:
    26
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    I copy the HTML code to the FBML box, it works. You can design the page in Dreamweaver then move to FB.
    It's a great Guide.
    THANKS
     
    chinalimit, Oct 27, 2010 IP
  11. hardeep80s

    hardeep80s Well-Known Member

    Messages:
    232
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    135
    #11
    I dont get the option to 'create a page'

    I have 2 choices:
    1: Community Page
    2: Official Page

    Official Page has 3 categories:
    Local Business
    Brand, Product or Organisation
    Artist, Band or Public Figure

    Each category has numerous sub-categories.

    What do I choose then.

    Thanks
     
    hardeep80s, Oct 27, 2010 IP
  12. Jack Black

    Jack Black Active Member

    Messages:
    462
    Likes Received:
    6
    Best Answers:
    0
    Trophy Points:
    60
    #12
    Jack Black, Nov 1, 2010 IP
  13. timsoulo

    timsoulo Greenhorn

    Messages:
    55
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #13
    nice guide, too bad it does not have a single screenshot :(
     
    timsoulo, Nov 3, 2010 IP
  14. Mido

    Mido Well-Known Member

    Messages:
    1,438
    Likes Received:
    48
    Best Answers:
    0
    Trophy Points:
    158
    #14
    The Static FBML Settings is not anymore like what explained can you check it again i cant find the options you are talking about!!
     
    Mido, Dec 21, 2010 IP
  15. erkange

    erkange Member

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #15
    So,
    What we can do for cummunity pages?
    Ho we can set any tab as a default?
     
    erkange, Jan 4, 2011 IP
  16. Davijwrz

    Davijwrz Peon

    Messages:
    39
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #16
    How make first like but next you must share to view ? :)
     
    Davijwrz, Nov 21, 2011 IP