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.
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.
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):
These are very helpful information with complete guidance about Facebook fan page. It can help better to make a fan page. Thanks
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
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
The Static FBML Settings is not anymore like what explained can you check it again i cant find the options you are talking about!!