Creating Facebook Fan and Non-fan Content
This post was created especially for my Etsy teammates. :)
█║▌│ █│║▌ ║││█║▌ │║║█║ │║║█║█║▌│ █│║▌ ║││█║▌ │║║█
Would you like to have one of those special facebook landing pages that magically changes when someone “likes” you? Maybe you have special codes, discount offers or content which you would like to share with fans only. On my facebook page, I have a coupon which is only revealed to fans. Here is a basic tutorial to help you easily create a page which shows hidden content to your fans only. :)
First you will need to install a static html iframes tab:
Click on “Edit page” in the top right hand corner of the wall on your facebook fan page.
Click on “apps” on left hand side (4th tab from bottom).
Click on “browse for more applications”.
Type in “static html iframe”.
I, personally, use the application with the STAR. It’s very simple to use, and this is the one I will describe:
Click on the star to open up the application. Then to install it on your page, click on “add to my page” from your side bar. You will be directed to choose which of your pages to add to; choose your fan page if that is where you want it. Then close.
Now, head back to your fan page. Scroll down and you will see the star with “welcome” in your left sidebar.
Click on the “welcome” tab. You will now see two boxes; one for non-fans, and the second for fans. You will put html coding, called “script,” into each of these boxes. Html code is the language which is used for programming websites. Anything you want to show on your pages-- text, photos, images, etc-- must be described within html coding.
Currently, I have text only on my own non-fan and fan pages,
because this is all I would like right now; however, if you want to use photos
or images for your own page, you will first have to store those images on a
server like flickr or photobucket, or within a folder on your website, if you
have one. You would then include your image address(es) within your html coding.
If you are familiar with html, go ahead and type your code
within the iframe boxes. If you are not
familiar with html code, you can view one of the many helpful tutorials online,
use an online code generator, or use a web page creator program.
If you are looking for something less time consuming, an online code generator would probably be the best choice; these create basic code templates which you can copy and paste directly into the iframe application boxes. A very easy online html code generator is available at: http://www.html.am/. You simply design what you want your page to look like, as if you are typing into a word processor. When you are finished, press “source” in the top left corner, and the html code will appear in the box. Copy and paste the entire script into the desired iframe box on your facebook page; save it by clicking on the “save and view tab”. You need to create one script for each of the iframe boxes; one you design for non-fan viewing, and the other for fan viewing.
If you’d like to try some html on your own, a nice web html tutorial is located at http://www.quackit.com/ . The basics are relatively easy to learn for most people in one sitting.
When you are finished adding and saving your html code into each of your iframe boxes, you could choose to view what your page looks like from each perspective-- non fan, and fan. If you decide to make changes, be sure to keep saving so your most recent script is not lost by accident.
Perhaps you would like the page you created to be your default landing page-- the page the users first see when they come to your fan page. Click on “edit page”, then choose “manage permissions”. There, you are able to select the “welcome” page as your new default landing page.
In addition, you may prefer your new tab to read something other than “welcome”; eg. My tab reads “coupon”. To change the tab from “welcome” to something else, click “edit page”, then “apps”, and scroll down to the “static html iframes tab”… click on “edit settings” underneath; it is in blue. Here, you are able to rename the tab whatever you want.
Voilà! Now your facebook fan page will have a special page that only fans, who “like” you, can view!
My facebook fan page is: http://www.facebook.com/zonkydonk
If this information was helpful to you, please stop by and consider fanning my page, and see my iframe page in action. Just be sure to be viewing from the COUPON tab, before you press “like,” so you could see the change from the non-fan page to the fan page, as it happens. Thank you! =}
In : fb help by zonkydonk