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! =}