Need Help with Facebook Reveal Tab

by kemdev
4 replies
Hi everyone,

I'm trying to set up a Facebook reveal tab for a campaign
I'm running for a local business owner, and am having a few
difficulties. Basically, whenever someone 'likes' the page, they
are supposed to be shown details for a coupon download. Here
is the code I'm using in the FBML Static tab builder...

---------------------------
<style type='text/css'>
#wrapper {
width:520px;
height:502px;
margin:0 auto; border:0; padding:0;
position:relative;
}
#not-fans {
width:520px;
position:absolute; top:0; left:0;
height:502px;
}
</style>
<div id="wrapper">
<fb:visible-to-connection>
<div style='width:520px;'>
<img src='http://www.myhometownmartinsburg.com/images/facebook-lander2.jpg' />
</div>
<fb:else>
<img src='http://www.myhometownmartinsburg.com/images/facebook-lander1.jpg' id='not-fans' />
</fb:else>
</fb:visible-to-connection>
</div>
---------------------------

Found this code online. I'm not terribly code-savvy, but from
what I can tell it is supposed to load the second image 'lander-1'
for people who aren't fans, and when they do click like, it's
supposed to load the second image: 'lander-2.' When I test it,
however, it just shows the 'lander-1' image, even after I click
the like button. Am I making a stupid mistake somewhere?
#facebook #reveal #tab
  • Profile picture of the author rainman
    Originally Posted by Jesse Kemmerer View Post

    Hi everyone,

    I'm trying to set up a Facebook reveal tab for a campaign
    I'm running for a local business owner, and am having a few
    difficulties. Basically, whenever someone 'likes' the page, they
    are supposed to be shown details for a coupon download. Here
    is the code I'm using in the FBML Static tab builder...

    TRY THIS:

    <fb:fbml version="1.1">
    <link rel="stylesheet" href="http://www.myhometownmartinsburg.com/style.css" />
    <div id="wrapper">
    <fb:visible-to-connection>
    <img src="http://www.myhometownmartinsburg.com/images/facebook-lander2.jpg" width="520" height="502" border="0"/>
    <fb:else><div id="non-fans"><img src="http://www.myhometownmartinsburg.com/images/facebook-lander1.jpg" width="520" height="502" border="0"/></div></fb:else>
    </fb:visible-to-connection>
    </div>
    </fb:fbml>

    =======

    Create a style.css with this code:

    #wrapper {
    width:520px;
    height:502px;
    margin:0 auto; border:0; padding:0;
    position:relative;
    }

    #non-fans {
    width:520px;
    height:502px;
    position:absolute; top:0px; left:0;
    }

    Place in root at My Hometown Martinsburg | Martinsburg, WV
    Signature
    {{ DiscussionBoard.errors[4124310].message }}
  • Profile picture of the author sandrax
    You can also try this, no code required:

    Creating a “Welcome” tab is easy. Go to the pages you manage:
    Discover Facebook Pages | Facebook

    Then select the fan page, click on “Edit page”, “Apps”, and then go to the bottom of the page where it says “Add applications you may like” and search and add for the “TabEdit” and click on "Browse more applications". Once the app is installed go to “Edit settings of the TabEdit App“, name the box title “Welcome” or “Sign Up".

    When the tab is created, click on the new tab on the left of your fan page and you will see the screen below where you can easily edit the "Welcome" tab to your likings with pictures, text and links. Remember that the width and height of a picture is important. I never make them wider then 520 pixels or higher then 450 pixels, so the picture stays above the fold of the screen.

    Click on "Edit" to to change everything to your likings and click on "View as fan" to see how it shows for a fan.

    Hope this helps
    {{ DiscussionBoard.errors[4125264].message }}
    • Profile picture of the author smartsites
      The easiest way to do this is to use static html app and just paste your hidden code. It's really easy and works like a champ.
      Signature

      I build Facebook Messenger Chatbots and Provide Training. Feel free to check out my demo bot https://m.me/botsguy

      {{ DiscussionBoard.errors[4125461].message }}
  • Profile picture of the author Anthony W
    Fastest way to do use is to use a fan page generator.. I recommend Lujure.com (not affiliated with them) I got mine up and running in 5 minutes.
    Signature
    Looking to buy Facebook accounts. PM me!
    {{ DiscussionBoard.errors[4125446].message }}

Trending Topics