Adding a custom tab to your facebook page ...by admin - http://fb-520.com/articles/adding-a-custom-static-xfbml-tab-to-you...
Adding a custom tab to your facebook page ...by admin - http://fb-520.com/articles/adding-a-custom-static-xfbml-tab-to-you...
Adding a custom tab to your facebook page ...by admin - http://fb-520.com/articles/adding-a-custom-static-xfbml-tab-to-you...
Adding a custom tab to your facebook page ...by admin - http://fb-520.com/articles/adding-a-custom-static-xfbml-tab-to-you...
Adding a custom tab to your facebook page ...by admin - http://fb-520.com/articles/adding-a-custom-static-xfbml-tab-to-you...
Adding a custom tab to your facebook page ...                                   by admin - http://fb-520.com/articles/addi...
Upcoming SlideShare
Loading in...5
×

Adding a custom facebook page using Static-XFBML

994

Published on

Adding a custom facebook page using Static-XFBML.

The easiest way to add a custom tab to your facebook page is to use a custom tab builder. In this tutorial we are using Static XFBML : Custom | Static XFBML : Multiple

http://www.fb-520.com

Published in: Technology, Sports
1 Comment
0 Likes
Statistics
Notes
  • I was using this product for a page, but the custom tab stopped displaying and I saw an error symbol on the app page itself: https://apps.facebook.com/static-xfbml/?fb_source=fbpage
    Maybe this is problem is unique to Chrome v30.0.1599.101 on Mac OSX 10.8?
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

No Downloads
Views
Total Views
994
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
1
Likes
0
Embeds 0
No embeds

No notes for slide

Adding a custom facebook page using Static-XFBML

  1. 1. Adding a custom tab to your facebook page ...by admin - http://fb-520.com/articles/adding-a-custom-static-xfbml-tab-to-your-facebook-iframe-fan-page/. Adding a custom tab to your facebook page using Static-XFBMLThe easiest way to add a custom tab to your facebook page is to use a custom tab builder. In this tutorial we areusing Static XFBML : Custom | Static XFBML : MultipleYou can find the Application hereFind the add LinkThe first thing you need to do is add the app to the fan page you want to add a tab to.First go to the app page here scroll up and find the button on the top right that says “Go to App”Add To your PageIf you have not authenticated the app it will ask you to. You only need authentication the app once and none ofyour information is stored.Authenticate The AppAuthenticate the app by clicking allow. page 1 / 6
  2. 2. Adding a custom tab to your facebook page ...by admin - http://fb-520.com/articles/adding-a-custom-static-xfbml-tab-to-your-facebook-iframe-fan-page/.Once you allow it the popup will close and redirect you to a list of all pages you have admin rights to.Choose the page you want to add it to from the list.Then click on the Add static-XFBML to My Page page 2 / 6
  3. 3. Adding a custom tab to your facebook page ...by admin - http://fb-520.com/articles/adding-a-custom-static-xfbml-tab-to-your-facebook-iframe-fan-page/.This will redirect you to your page. NOTEMake sure your page is published and has no country restriction else the app may not function as expected.Find your new Custom TabOnce you added the app it will redirect you get to your page you added the app to you should see a “welcome”tab on the left below the rest of the menus. Click it to add content to your tab. page 3 / 6
  4. 4. Adding a custom tab to your facebook page ...by admin - http://fb-520.com/articles/adding-a-custom-static-xfbml-tab-to-your-facebook-iframe-fan-page/.If you cannot see it click on edit, this should display all your menus. If you still cannot see the welcome tab do this:1. Click on “edit info” at the top of your page – you must have admin rights.2. Look for the Apps menu on the left and click on it3. Now find the Static-XFBML app and click on Application setting link below it.4. This should bring a dialog box up , now click on add give the tab a different name and save. Now return to yourpage and you should see the Custom Tab menu.Updating Your Tab ContentAs the admin of your page you will always be presented with the admin area as the default display.You will be presented with two boxes one for general content for all and another for non-fans. If you leave thenon-fans box empty everybody including fans and non fans will see the general content. If you do decide to putcontent in the non fan box then this means non fans will see this content. As soon as they like your page they willsee the general content. page 4 / 6
  5. 5. Adding a custom tab to your facebook page ...by admin - http://fb-520.com/articles/adding-a-custom-static-xfbml-tab-to-your-facebook-iframe-fan-page/.Make sure you save your changes once you are done. To preview click on “view fan content or view non-fancontent” :To get back click back to admin panel. page 5 / 6
  6. 6. Adding a custom tab to your facebook page ... by admin - http://fb-520.com/articles/adding-a-custom-static-xfbml-tab-to-your-facebook-iframe-fan-page/. You can include HTML,CSS, javascript, xfbml,images, videos and flash in you custom tab. NOTE If you are an admin of the page you will always see the admin panel load when you click on the tab. You can log in as a non admin user to see how your tab will be displayed to users. There are 3 types of static XFBML 1. Static-xfbml: Custom Tab builder – for adding custom tabs to your fan page (Start off with this one – This is the one used in this example.) http://apps.facebook.com/static-xfbml 2. Static XFBML:Multiple Tab builder – Has the old “on top of the page” multiple menu style , pretty handy if you have loads of section on your page. http://apps.facebook.com/static-xfbml-tabs 3 . Static XFBML: Location Tab Builder: With this tab you can target specific content to your users depending on there location. http://apps.facebook.com/static-xfbml-geo like.tweet.g+ this post if you found it useful. Thanks OA for fb-520.com By fb-520.com page 6 / 6Powered by TCPDF (www.tcpdf.org)

×