Contact Us
  • TabPress: Discontinued!

    TabPress - Free iFrame Page Tab Creator

    We are discontinuing the free TabPress Facebook Tab App as of April 1, 2012.

    If you are currently using our app, you’ll need to transition to another Facebook custom-tab creator. I recommend Static HTML — if you’re looking for an app similar to TabPress where you can simply paste code into boxes.

    And there are many, many other free iFrame apps.

    Cheers!

    • http://kennethhood.com Ken Hood

      Awesome! I have several do-it-yourself friends who need this right now… one is my brother in law who is professional meteorologist at https://www.facebook.com/pages/Chris-Orr-Weather/131882140178485

      Chris… if you are reading this (and I told him to subscribe to HyperArts)… this is the solution we discussed this morning. Enjoy!

      PS- Chris… buy the multi tab template… you will look better than every other weather person on Facebook!

    • Pingback: Quora

    • http://www.socialmediahq.com Nick Robinson

      Nice! I think I am going to use your app for our clients’ pages. Super easy. For some reason with the other apps, the custom html code gets messed up :(

    • http://savvydesigndivas.com Jeanne

      Great app – and great for a basic iframe app! I may use this from time to time.

      The biggest problem I’m having is that I’ve been building iframe apps for my clients for a while now – until this past month, I did this using the old methodology of requiring a click through image first. I’ve now converted all my clients’ apps to regular iframe using your previous “how to make an iframe app” tutorial a few weeks ago…However, there is still one BIG problem though – SSL!!

      Now that facebook allows users to connect via SSL, one has to ensure their iframe app has an SSL certificate in order for people accessing via SSL to SEE it – otherwise they see a blank page. Woah….that’s a big deal. I build robust sites that require a little bit more than just some basic html and scripts (i.e., content management sites).

      The only affordable hosting package offered by my provider that allows SSL (other than through their “eshop” offerings) is via their virtual server package. The package isn’t isn’t super expensive ($30 a month) but is still quite high for the basic mom and pop shops that make up the bulk of my clients (doctor’s offices, local restaurants, etc.) – and is a good bit more than what I’m currently paying for my own regular hosted package.

      **Money isn’t even this biggest problem with that – the biggest problem, for me anyway, is moving from a regular hosting package to a virtual server: I have **NO expertise** in managing my own server – and my clients really don’t *need* that level of hosting anyway ;-) This kind of bites!!! SERIOUSLY!!

      Glad you are offering some basic alternatives, though!

    • http://kennethhood.com Ken Hood

      Jeanne- hi… I am a regular here at “Tim’s Place” and I feel your pain. I do have my own dedicated server, but just getting a new SSL cert applied to the domain I wanted to use, then making sure JSON was enabled, etc etc…. it’s *no* fun.

      I have played around with HyperArt’s TabPress tool, and it seems like it is the perfect solution for someone like you. I have put all kinds of HTML and CSS in it… and it renders it *perfectly.*

      Try TabPress and post back to us all how it works for you, and definitely post if you have any problems with it. I know that Tim and Bill are working to improve it all the time. :)

      • http://savvydesigndivas.com Jeanne

        Thanks, Ken!!

        I had not read your response before posting my 2nd reply. I did just try it….and got it to work perfectly – but not in Google Chrome (haven’t tried Firefox yet). Have you tested it in Chrome as well? Just wondering what your results were.

        The other issue I see if I used this for clients is how to explain “why” when they go to their fanpage they see the “instructions” instead of the actual iframe app they are used to seeing. Of course you and I understand, but I already see that being a headache with some of my clients ;-) I really, really need to slay the SSL dragon! Surely I’ll figure that out, lol!

        • http://kennethhood.com Ken Hood

          It’s all fun :)

          The “instructions” comment… do you mean the TabPress instructions that they see when you installed the app/tab? I would just remind them that *they* as *admins* are the only ones who see that… just have them log out of facebook for a minute and revisit their page. All I got for you there… shouldn’t be a big deal once they get it in their head. Well.. for most of them anyway… I know… I have just a few clients who would have trouble. :)

          Bigger issue you are having seems to be Chrome. I actually use Chrome as my primary browser (was difficult to leave my first love FF). Chrome is just clean, simple and very FAST. :)

          Can you post a page/app link so I can take a look? I have had no problems w/Chrome… just IE.

    • http://savvydesigndivas.com Jeanne

      Oh, and wanted to add….trying to “think” out of the box, and I may be contacting you about white labeling this. After writing this, I realized “what if I put an iframe within an iframe? to get around my own SSL issue…

      And yep…that works! ;-)

      One problem though – the app isn’t working in Google Chrome for me….when I installed it, I could not see the “instructions” in chrome – I could see them in IE. So I used IE to set up the app, saved it and yes I can see it in IE (needs some tweaking to size, but yes I can see it)…but still can’t see it in Chrome…..

      • http://www.bonghit.com Tim Ware

        Jeanne, I can’t think of why it wouldn’t work in Google Chrome. It definitely has worked for us. Maybe you weren’t logged in as an admin? Weird.

    • Jeanne

      ******Chrome issue resolved. Well, sort of..;-) Works fine on 2nd computer – older version of Chrome on that box and Vista. Still not working on the 1st box – latest version of Chrome (and Windows 7). BUT – it’s not JUST tabpress that isn’t working…I can’t see **any** of my facebook iframes all of a sudden in chrome on the 1st box, so obviously something wrong (on my end) – which is weird because it literally stopped working this afternoon.

      Please accept my apologies if my previous comment implied it was tabpress!!!

      • Jeanne

        And just want to note that this issue resolved itself magically last night. Surfed around the FB forums and noticed I wasn’t the only one that had this issue. The timing of it was the odd thing – everything was fine yesterday morning, early afternoon, then I installed TabPress and then suddenly there was this bug (not related to TabPress, but coincidentally occurring at the same time). Blah!!

    • http://www.liza.gr lisa

      I’m sorry but it totally destroys greek characters…can’t use it in another language than english

    • Amber

      This is an easy solution to fan-gating for me. I set an image for my non-fans to see. Can I allow the people already fans to go directly to the Wall?

      • http://www.hyperarts.com/blog timware

        If, after someone lands on your Welcome tab and Likes your page, you no longer need fans to see that tab, read our tutorial about redirecting fans once they’ve liked your page. Just modify the bit of JavaScript code in the tutorial and paste it into the content for fans text box.

        • http://www.edhart.me Ed

          Ok, so I read the tutorial (this is a great tutorial BTW!), but it seems like the js to direct fans to a URL is different from just going to the wall. What exactly do you mean by “modify the bit of JS code in the tutorial?” Like #12, I want my fans to go directly to the wall.

          • http://www.hyperarts.com/blog timware

            You need to modify the redirect URL in the tutorial to the URL you want the user to go to. The URL to any fan page’s Wall is:

            http://www.facebook.com/YOUR-VANITY-URL?sk=wall

            So it’s the URL to your fan page, with “?sk=wall” appended.

    • Brian B

      I’m having the same problem with this app as when I develop an iframe app from scratch, i.e. all works fine except when you view the page from mobile safari on a iphone, ipad, etc. The page simply doesn’t display on mobile safari, and when you enable the debug console, you see the error message: “Unsafe JavaScript attempt to access frame with URL http://www.facebook.com/ajax/profile/navigation.php?id=145347002148289…..”

      Any assistance on resolving this issue in mobile safari would be greatly appreciated!

      • http://www.hyperarts.com/blog timware

        Brian, I tested your link on my iPad running v 4.3, both with and without Secure Browsing turned on, and it loaded fine. But on iPhones, I do know that the loading of iframes is, at the very least, buggy and problematic.

      • Brian B

        Just discovered this is a known bug in Facebook iFrames. No iframe tab will work on an iPhone per this bug report:
        http://bugs.developers.facebook.net/show_bug.cgi?id=15566

        • http://www.hyperarts.com/blog timware

          Brian, Thanks for sharing this bug report here. Much appreciated! I’ll post it on the HyperArts fan page, as well. Cheers!

    • Squibs

      A quick question with regards to the CSS. The screen-shots above showed external CSS but I would have thought that internal styling was the way to go. Is there a reason having an external style sheets in a landing page?

      • http://www.hyperarts.com/blog timware

        I would say that if you just have a single tab, then inlining the CSS with the <style> … </style> tag is okay.

        But if you have, say, an iframed tab that is linked to other pages within the tab, then it’s best to keep your CSS in a separate file so you only need to edit CSS in one place. Better housekeeping.

        Same if you manage more than one tab where there is a common look. Then you can reference one master stylesheet and inline styles unique to each tab.

        I like to keep the CSS and the HTML in separate files anyway, coming from the world of websites, where many pages depend on the same CSS.

    • Tina

      Thank you for this :)

    • ofer ziv

      hi tim, great post.
      I have a question that’s not related, i hope its ok.
      im trying to set up a new app, and i can see that the fbml option is not avalible any more, so thats good news.
      but unfortunately i have a problam, and im sure i did everything the same (doubled checked it with previous iframe apps). i get this error:
      “App Temporarily Unavailable
      Parse errors:
      FBML Error (line 18): illegal tag “body” under “fb:tab-position”
      thats the link to my source file : http://www.f2f.co.il/brener/index.php
      can you help me?

      • ofer ziv

        sorry for the trouble, it was an app bug.
        lost some years there :)

    • unkone

      I have a client that is concerned about her information being pulled from using this app. Can you explain how this app works, and what information is passed along to hyperarts? Thanks!

      • http://www.hyperarts.com/blog timware

        TabPress only knows (and stores in a database) the Page ID for your Fan Page as well as the content that you enter for the “fan” and “non-fan” parts of the page. It doesn’t have access to any information about the owner of the Fan Page. Facebook doesn’t give any application access to that type of information unless you explicitly allow that access, and we are not requesting any permissions since we don’t need for what TabPress does.

    • noone

      Can you please give me a code to embed a webpage into this application without having scroll bars? as when I embed now it shoes scroll bars and apparently you should have a code setup for that already in the app right?

      • http://www.hyperarts.com/blog timware

        Hello Noone. You have to make sure the width of the iframed page content does not exceed 520px. If it does, even if by 1px, you’ll get scroll bars. If it stays within that width, you won’t get scrollbars.

    • http://johnhaydon.com John Haydon

      Linking to this tomorrow morning at http://nonprofitfacebookguy.com

    • Gerard

      Hello Tim,

      Now that FBML is no longer available, the technique to hide/show DIV’s using the *clicktoshow=”div_name”* and “clicktohide=”div_name”* parameters of the [a] tag no longer works (in an iFrame page) either.

      What is the iFrame technique to achieve the same result i.e. having the content of one tab hidden and the content of a second tab shown when a user clicks on the second tab?

      Thanks…and appreciate all your help,

      Gerard

    • http://www.iframewrapper.com Hendrik Maat

      Hi there,

      I would really like to have you take a look at our free app for inserting iframes into facebookpages. Its called iframewrapper (just search facebook for it), and we think we could help everybody who is looking into using iframes within minutes.

      Also, we will publish this week our embedded cms, so it might really be an option for you.

      regards,

      Hendrik

    • ofer ziv

      hey tim, i was wondering if there’s away to include the share button in the page designe, like the old code?

      • ofer ziv

        oops, i ment to say “like the old fb:share code”

        • http://www.hyperarts.com/blog timware

          My tests show the old fb:share-button still working although Facebook is pushing for folks to use the Social Plugin Like button instead and there is not Facebook documentation for the share button.

          On this page, I have all the XFBML tags supported by Facebook. If you see them working there, then you could surmise they still work.

          I got the Share Button example on that page to work by making a background image that looks like the original FBML Share button and some CSS.

          • ofer ziv

            great !!
            thanks for your help (as usual)

    • http://www.uniquesite.info UniqueSite

      Hello, i have finally found great tutorials on one place.
      One thing bothers me, when some change is done on facebook page then that page becomes “fb application”. Is that the right or wrong way to name customized fb page. Also, if i want to make a tab by myself (and not using some app for that), do i have to register my page as application to do make a new tab.

    • http://sportwenscr.com Ronny

      Hello,

      I was working on a new app when it happened : I can’t see Iframe tabs no more, on my own pages and on the others. Very strange, no seems to be related with cache or browser.

      It has just disapeared : Infos, Pictures are ok, but my beloved iframes tabs are missing…

      When I log in with my brother’s account everyting is correct, all iFrame tabs appearing and working correctly.

      Have you already had this problem ?

      Thanks -

      • http://www.hyperarts.com/blog timware

        I suspect you have “secure browsing (https)” in your Account Settings. Check that. Any tabs not having a Secure Tab URL setting won’t load for users with secure browsing on.

        • http://sportwenscr.com Ronny

          Thanks so much men

    • King

      Hi does anyone know how to make tabpress as the landing page on Facebook?

      • http://www.hyperarts.com/blog timware

        Edit page > Managing permissions > Default Landing Tab

        In the pulldown you’ll see the tab options.

        • King

          thanks was looking everywhere for that! much appreciated!

        • King

          Hi Tim, sorry but i have one more question, do you know how i can direct my users to the wall after they like my page. i currently have the landing page on tabpress, i need it to go straight to the wall after they liked the page.

    • http://www.facebook.com/iframe.apps Bruno B.

      Hello,

      The connection with https does not allow application iframe non configured https to appear on the fan pages.
      iframe.apps allows to create an iframe without being facebook developer and avoid to purchase and configure the SSL certificate.

      The application iframe.apps (http://www.facebook.com/iframe.apps) proposes to:
      – add in an iframe tab an existing web page by simply inserting the URL
      – or create a new iframe tab with the HTML editor integrated
      (same as what was managed Static FBML)

      Your comments and remarks are welcome. They can help us evolve.
      Bruno B.

      • http://www.hyperarts.com/blog timware

        Hey Bruno, You should check out TabPress, a Facebook iFrame app that easily allows you to paste in code … one box for fans, one for non-fans.

    • http://www.shopshare.com Hendrik Maat

      @ Bruno You can always have a look at our applikation: http://www.facebook.com/iframewrapper if you want to evolve. Lots to learn from.

    • http://www.facebook.com/iframe.apps Bruno B.

      @Hendrik
      Thanks a lot. Your application seems very interresting.
      I will test and send you back my feeling.

    • Jeanne

      Tim, just wanted to let you know how much I appreciate all your fabulous info. I was able to switch my previous iframe app to my new SSL enabled server…and set up a new wordpress multi-site to host my iframe sites. Here’s an example: https://www.facebook.com/goodlifecatering – that lady’s been using my app since last October, but I just got it all moved over and let her know she can go back to updating it (she’s been pretty diligent about updating her text coupon and weekly specials each week, but has had a small gap while I figured out all the SSL requirements). Thanks so much!

      • Jodi

        Jeanne: I don’t see anything in your tab when I have SSL enabled.

        • http://www.hyperarts.com/blog timware

          Jeanne: I DO see the content fine with “secure browsing (https)” enabled. :-)

          • Jodi

            Weird … I do in IE8, but not Firefox 3.6 … however, in Firefox, if I click on the Specials tab and reload it, it’s fine. It just doesn’t show up initially by clicking on the link above.

    • Jeanne

      Thanks Tim and Jodi for testing it! Not sure what is up with Firefox. I’ll look into that! (arghh!) :)

      • Jodi

        Jeanne, can you share how you integrate it with WordPress? This is all very new to me, but exciting!

    • Jeanne

      Sure – it was actually very easy. I just built a 520 pixel theme. Well, actually, a 500 pixel theme :-) Nothing fancy – in fact I used Artisteer to build the theme.

      Then, using the wonderful instructions on this blog (http://www.hyperarts.com/blog/adding-iframe-application-to-facebook-fan-page/), I created the iframe application. To get rid of the scrollbars, I used these instructions (http://www.hyperarts.com/blog/facebook-iframe-apps-getting-rid-of-scrollbars/). For the scrollbar mod, I added the stuff that goes before the body tag in the header.php file of the theme – and the stuff that goes before the /body tag I put into the footer.php file of the theme.

      Added in some customization to the theme files (i.e, to show only the one “post” on the main page – the “text coupon” – which I built using the contact form 7 plugin) and shaved the width down on the google map iframe tags to fit.

      I actually did all the theme work 6 months ago, and had it up and running via the “old” way, but had to re-do everything once FB made changes to how iframes would be rendered if not hosted on a site with SSL (i.e., blank page). Lots of scratching my head later, got a new hosting account with hostgator – business package is cheap and comes with 1 dedicated IP and SSL. Found out (the hard way, lol, but I recovered) that sub-directories can inherit the SSL from the primary domain/account: sub-domains can NOT. So I figured if I want to do this for “many” clients, I’d install wordpress as a multisite so themes can be reused easily, less installs, etc. – but do NOT install it as sub-domain, unless you want to spend lots of $$ on SSL :) Installing it as sub-directory seems to work though.

      I’m no wiz designer – just self taught wordpress over the last 6-12 months or so through lots of trial, error and tons of scouring on the net (how I found the gold mine here at hyperarts)… I’m actually a bored housewife reinventing myself! I’ve got a website (savvydesigndivas.com) if you want to contact me for more info (and like many designers, I never touch it and it really needs updating – built it about a week after discovering wordpress a year ago). Working on another site where I’m thinking about putting up 520 theme templates :)

      • Jodi

        Thank you so much! Your website is really good. I may take you up on the offer and e-mail you if I have questions. And I’ll return the favor if there’s anything I can help you with!

    • Nicole

      Hi – I added this app to our company page last week, then I waffled on whether I wanted to use it or not. Decided to wait, deleted the app and now, of course, I want to use it. When I try to add it to my page, I’m not given any options in the pop up window to add it to. Is there a way to fix this so I can add it again?

      • http://www.hyperarts.com/blog timware

        If the page to which you want to add TabPress isn’t listed in the popup for “Add to my Page”, then it’s either already added or you’re not logged in as the admin of that page.

        You might go, on your page, to: Edit page > Apps

        and see if it’s listed there and check its settings.

    • Nicole

      Easy like a Sunday morning. Thank you!

    • matthew

      Hi I’m using the TabPress app would anyone be able to guide me how to change the name of the Tab from Welcome? Thanks a lot for you help

      • http://www.hyperarts.com/blog timware

        Matthew, You change it in your page edit screen:

        Edit page > Apps > (locate the TabPress app) > Edit settings

        Just change the name and click “Save” and then click “OK”. You can use up to 35 characters for the name.

    • http://www.Coast2CoastSwim.com Glenn Mantel

      If I want to add more than one “tab” to our page, do I need to also install another app such as Zingtabs, or is there a way to do this with TabPress? (Our page is for fundraising event this May and will be removed afterwards. We do not anticipate having more than a few hundred “Likes.”

      • http://www.hyperarts.com/blog timware

        Hi Glenn, Yes, you can either add another, different, iFrame app, or you could consider using our multi-subtab navigation template, to have your one custom tab do the work of 4.

        It’s unfortunately that apps can only be added to pages once, although it does make sense, just not for these custom-tab apps.

        • http://www.Coast2CoastSwim.com Glenn Mantel

          Thanks, Tim. I’m not an expert, but will try this and see if it works. I also left a comment (along with code) yesterday regarding fitting the webapge to the iframe without scroll bars and it not working. Did you happen to see that and can you offer any assistance? Thank you very much!

          Glenn

    • stefaan

      Just tried TabPress for construction of a fan gate on http://www.facebook.com/TigerExperience
      Preview is OK and shows different content for fans and non fans.
      But on the real FB page the wall is shown, also for non fans.

      What’s going wrong ? I’m working on Mac with Chrome/safari

      • http://www.hyperarts.com/blog timware

        You need to set your Default Landing Tab in the Page Admin area:

        Edit page > Manage permissions > Default Landing Tab.

        You can only set the default tab for non-fans. Page admins and fans will always go to the Wall by default and this can’t be changed.

        • Jodi

          I must say, I love how fast you respond to people’s inquiries! I wish all support/forums were like that :-)

        • stefaan

          Sorry but I don’t see the option “Default Landing Tab” under Manage permission. Seems to be gone ?

    • Matt

      Hi Thanks a lot for this forum, it’s great and the application is very easy to use. I have just one question. Can put a link within the application that when clicked by the user opens another window (rather than opening the page within the iframe)? Would really appreciate some guidance as I’m new to iframes.

      Thanks

      • http://www.hyperarts.com/blog timware

        Just add target=”_blank” to the <a href /> tag:

        <a href=”URL” target=”_blank”>xxx</a>

    • mary

      can i ask if the tag for displaying visitor’s name still works in this iframe? just wanna know. thanks.

      • http://www.hyperarts.com/blog timware

        No, not the way the deprecated FBML tag fb:userlink works. I believe it can be done using PHP but a user would have to click through the “allow” prompt.

        • mary

          oh! thanks for answering my question. that would be to bad. but its though, nice app.

    • mary

      ‘APP_ID’,
      ‘secret’ => ‘APP_SECRET’,
      ‘cookie’ => true,
      ));

      $session = $facebook->getSession();

      $me = null;
      // Session based API call.
      if ($session) {
      try {
      $uid = $facebook->getUser();
      $me = $facebook->api(‘/me’);
      } catch (FacebookApiException $e) {
      error_log($e);
      }
      }

      // login or logout url will be needed depending on current user state.
      if ($me) {
      $logoutUrl = $facebook->getLogoutUrl();
      } else {
      $loginUrl = $facebook->getLoginUrl();
      }
      ?>

      test full name and photo

      window.fbAsyncInit = function() {
      FB.init({
      appId : ‘getAppId(); ?>’,
      session : , // don’t refetch the session when PHP already has it
      status : true, // check login status
      cookie : true, // enable cookies to allow the server to access the session
      xfbml : true // parse XFBML
      });

      // whenever the user logs in, we refresh the page
      FB.Event.subscribe(‘auth.login’, function() {
      window.location.reload();
      });
      };

      (function() {
      var e = document.createElement(‘script’);
      e.src = document.location.protocol + ‘//connect.facebook.net/en_US/all.js’;
      e.async = true;
      document.getElementById(‘fb-root’).appendChild(e);
      }());

      <a href="”>

      Using JavaScript & XFBML:

      <img id="image" src="https://graph.facebook.com//picture” />

      </html

      uhm…will this codes work?

    • Bruno

      Hi
      I’m trying to use your application. After entering and saving the contents, a message appears to inform the webpage was canceled!
      Anyone have any idea what might be?

      • http://www.hyperarts.com/blog timware

        I haven’t seen that, Bruno. So it says, exactly “The Webpage was canceled”?

        • Bruno

          It says in Portuguese… something like “The navigation for the web page was canceled. You can try: input again the adress”
          Maybe I’m not input the code correctly?

    • http://www.bucklepodz.com.au Rachel

      hello all,
      this prob seems like a silly question…
      i love the idea of iframes tab with 4 tabs in the one app… a mini website. however, after i loaded the free app, it only has the 2 boxes for non fan and fan content. where are the other 3 pages? do i need to buy the other 3 pages, or should they be within the one free app?

      • http://www.hyperarts.com/blog timware

        Hi Rachel, For the multi-tabbed approach, you can either google around and locate a jQuery tabbed-navigation show/hide script, or purchase the multi-tabbed template we created, or create individual HTML pages linked to each other as you would on a normal site.

        Just make sure that when linking to the landing page of the tab, you use the FULL URL.

        • http://www.bucklepodz.com.au Rachel

          thanks tim! really appreciate the fast reply:)

    • Pia

      Hi. I’ve just set up the FB page, everything is fine in all browsers tested, but in IE8 none of the Tabpress content shows unless I refresh the page two or three times. Very strange. Can you help? Thanks in advance.

      • http://www.hyperarts.com/blog/author/bill-dailey/ Bill Dailey

        Hi Pia,

        We have not received any other reports of that happening in IE8. Could you provide a link to your Fan Page so that we can take a look?

        Bill Dailey, HyperArts

    • http://www.simplicityadmins.com Sarah

      Hi there,
      first of all: love your app, thanks a lot !
      Unfortunately I have experienced a little font issue with the page of one of my clients http://www.facebook.com/360Entrepreneurship
      When I preview the content the font looks fine, but the live version is in some ugly Times New Roman or something.
      I tried to put in a HTML Arial code but that didn’t change anything either. Any ideas ?
      Thanks in advance, Sarah

      • http://hyperarts.com Jason

        Hi Sarah,

        Are you using in-line styles or calling your styles from an externally hosted stylesheet?

        If you want to send me your code, I could try and figure out what might be going wrong. My email: jason [at] hyperarts.com

    • Pia

      Hi Bill. It seems to have been a problem with Facebook as it did it continuously for two days and then never did it again. I didn’t change anything in my own IE8 and PC’s configuration and had several other people check it from their own computers with the same result. It’s been fine and working great ever since! :) Thanks!

    • http://www.steveholt.com Steve Holt

      I added Tabpress to my Facebook page and I have tested it with several Facebook accounts that have NOT liked my page. And every time I have tested it I have not seen the ‘non-fan’ content. It always goes straight to the wall.

      As was suggested by timware on this page, I entered this into the fan content box:

      <script type="text/javascript">
      if (top != self) top.window.location = 'https://www.facebook.com/steveholtconsulting?sk=wall&#039;;
      </script>

      Is there something I am missing??

      • http://www.hyperarts.com/blog/author/bill-dailey/ Bill Dailey

        Hi Steve,

        By default, all visitors (fans and non-fans) go to the Wall. You can change it so that non-fans go to the TabPress application by clicking Edit Page button on your Fan Page, and then changing the value in the pull-down next to “Default Landing Tab” to say “Welcome.”

        Bill

        • http://www.steveholt.com Steve Holt

          Could it really be that simple? Yes, it could. That fixed it. Thanks for responding.

    • http://www.steveholt.com Steve Holt

      If I want to include a form tag in the non-fan box (for example, to gather an email address from them), would I simply need to use a form tag that remotely calls the form script on my web server?

      • http://www.hyperarts.com/blog/author/bill-dailey/ Bill Dailey

        Hi Steve,

        You could use a standard form to collect emails, but it would take you away from TabPress when you post it, or if you are familiar with a Javascript library like jQuery, you could post the form in the background and then display a confirmation message.

        Bill

        • http://www.steveholt.com Steve Holt

          Hmmm…. don’t want the user to be taken away from the tab, so I’ll look into the jquery. Thanks!

    • http://www.fb.com/marketingrevo Mauricio

      Are you sure that there’s No more activation image requirements for video and Flash?? I dont want any problem ;)

      • http://www.hyperarts.com/blog timware

        Activation images were a property of FBML. With iFrames, it’s possible to embed audio or video and have it autoplay without a user action.

        HOWEVER, Section 1.7.a. of Facebook Platform Policies states:

        “Special provisions for apps on Pages: Apps on Pages must not host media that plays automatically without a user’s interaction.”

        • http://www.fb.com/marketingrevo Mauricio

          That means that i can run my flash page without any activation images, Cool!

          To avoid autoplaying should i create an intro page inside the flash page? I need to know that because i have an slideshow inside of my flash page.

          • http://www.hyperarts.com/blog timware

            You can set whether or not your Flash file autoplays in the file settings. You can also set it in the embed code itself: autoplay=1 (autoplays) or autoplay=0 (doesn’t autoplay).

    • http://artandcopy.com Art Woodward

      In iFrames using Hyperarts. I want those who click the “Like” button to go straight to the wall. Right now they go to the nice picture I have created again. Here is the code for the top “nonfan” box, no idea what should go in the fan box. Help:

      the fb site is:
      http://www.facebook.com/pages/Riverside-Orthotics-Prosthetics/236501336363277?sk=app_176217385757369

      • http://www.hyperarts.com/blog timware

        Art: Read our tutorial on redirecting users to another URL (or Facebook tab) after they Like the page.

        If you want to redirect them to your Wall, then the URL for that would be:

        http://www.facebook.com/pages/Riverside-Orthotics-Prosthetics/236501336363277?sk=wall

        And you really should get a vanity URL for your page. You have the required 25 fans: http://www.facebook.com/username

        • http://www.transformyoursocialnetworth.com CoachLaura

          Now all my tabpress apps are going to the wall and not to the Fan Only content after a new person LIKES the page. Is there a bug in the app? Or is there some code I need to make sure the Fan Only content displays after the LIKE the page?

          • http://www.hyperarts.com/blog/ Tim Ware

            You can set a default landing tab ONLY for non-fans. Fans will always default to the Wall. That’s Facebook’s rule. They see the primary purpose of a fan page as social, and social happens on the Wall, not on custom tabs.

            If you set up a redirect for your custom tab once a user Likes your page, then fans will ALWAYS be redirected to the Wall.

            So if you want to use the redirection for your Welcome tab, make sure that the content on that tab is only relevant to non-fans, i.e., it has your compelling message about becoming a fan. and once someone is a fan there’s no reason to view that tab.

    • Pingback: How to Create A Facebook Landing Page using TabPress | Homeskoolie Blog

    • Gayle

      I have hosted my picture on photobucket and am trying to add the cody…it is not working. Do you know what I am doing wrong?

      http://img.photobucket.com/albums/v624/scrappy_g/FanPage.jpg

    • Gayle

      Need help. I have uploaded my fanpage I want to photo bucket and when I add the code to code you have provided it gives a message saying ‘Navagation to the website was cancelled’
      This is the code I used..what have I done wrong?

      http://img.photobucket.com/albums/v624/scrappy_g/FanPage.jpg

    • Gayle

      oh..when I added all the code it turned it into this link…so you can’t see all my code :(

      • http://www.bonghit.com Tim Ware

        Gayle, Did you read the bold red text about putting <code> … </code> tags around your code? If you don’t do that, your code won’t render in your comment.

        However, you sent your code via email and it shows:

        <body>http://img.photobucket.com/albums/v624/scrappy_g/FanPage.jpg </body>

        That’s not how you code in an image. You need to do some reading on HTML coding if you’re going to use TabPress! Try W3 Schools.

        Your code should look like this to bring in an image:

        <img src=”http://img.photobucket.com/albums/v624/scrappy_g/FanPage.jpg” />

    • Pingback: Facebook Welcome Tab Strategies

    • Charlie

      Is there any way to use TabPress in a way that it is the only page users can see until they like the page, ie, they can’t see the wall until they click like? The App is really useful. Many thanks

      • http://www.hyperarts.com/blog/ Tim Ware

        The only content you can “hide” from non-fans is custom tab content. You can’t hide the Wall or Info or any other default Facebook tabs.

    • Glenn

      Thanks Tim, you guys do an awesome job, I really like your stuff.
      I know you have covered this, but I did just want to be sure I understand…
      “When your custom tab loads, your video or photo gallery can autoplay if it’s set to do that.”Is a user interaction required for a slideshow to begin?
      And what about a Flash banner?
      Thanks again.

    • Charlie

      Hi, great app, makes it so much easier. Just a quick question, It works fine that when someone clicks on the page it displays my ‘non fans content’ page but when the user clicks on ‘like’ it redirects them to the ‘wall’ rarther than the ‘fan content’ page I created. Am i doing something wrong or is there any way to get around this? Cheers

      • http://www.hyperarts.com/blog/ Tim Ware

        This is a known bug, Charlies. You can track it, and vote for it, here: http://bugs.developers.facebook.net/show_bug.cgi?id=19778

        • David Luster

          Tim, Thanks for pointing this bug out… I have been scratching my head tring to figure out why I could not get the likes to go to the fan page after liking. Charlie’s problem of gating to the wall was the same exact issue I have.

    • tom

      How do you view results after someone has surveyed in a facebook page? Thanks!

    • Gcashloans

      how many tabpress can i put in a specific page

      • http://www.hyperarts.com/blog/ Tim Ware

        One, at this time.

    • Bob

      Great App, works like a charm for me. I’ll be thinking about the multi tab version

    • Pingback: How to Not Let Your Facebook Fan Page Die a Slow Agonizing Death |

    • Arni

      I’m trying to remove scrollbars but the app isn’t showing up on facebook developers section. Anyone else have this bug?

    • Non-english

      Useless app, cannot work with non-english characters… 

      • http://www.hyperarts.com/blog/ Tim Ware

        Yes, definitely useless for non-English. The good news is we’re fixing this in v.2 which should be rolled out in the next month.

    • http://www.facebook.com/jassinemenor Jassine Menor

      saan ko matatagpuan ang Fbml

    • http://pulse.yahoo.com/_VKWRY6V6YPFM3NJVHLD25AVG3U Ashleigh Herst

      is online backup safe

      I dont recall iframe being still feasible in designing websites.

    • Karen Leslie

      I keep hearing that SSL certificates will be needed on certain facebook pages from October 1st. Will SSL certificates be needed for facebook pages that use tabpress? As far as I’m aware everything is kept within facebook so I don’t see why SSL is needed.

      Thanks for your help,
      Karen

      • http://www.hyperarts.com/blog/ Tim Ware

        No, Karen. TabPress is already securely hosted under HTTPS with its own security certificate.
        The secure hosting requirement is for application canvas pages and custom iframe page tabs created from scratch.
        Nothing to worry about.

        Tim

    • http://www.facebook.com/people/Shannon-Nolte/100000944462585 Shannon Nolte

      Can I make a paypal donation button show up on the left, or must it be the “Welcome?”

      • http://www.hyperarts.com/blog/ Tim Ware

        You can change the tab name on the left via “Edit Page > Apps > TabPress > Edit settings”

    • http://www.facebook.com/profile.php?id=1325485950 Donald Kurz

      Anyone know of a good shoutcast stream player to embed on the fan content section?

    • Janine Sale

      Tim, I really need your assistance here. Need to make major changes to a page I am now managing. Cheers

    • http://www.hyperarts.com/blog/ Tim Ware

      Janine, If you need help with your custom tab, we offer this service, either hourly consulting or project based. Just use our contact form to get in touch.
      Tim

    • http://www.facebook.com/bryanlanning Bryan Hollister Lanning

      Everytime I hit “save” and go to preview, there’s nothing there. Just blank space. Also, when I hit “save” all my hard work that I put in the boxes just disappears. Quite annoying.

      • http://www.hyperarts.com/blog/ Tim Ware

        It’s hard to know what’s happening there, Bryan. We’ve not had a report about this. My advice is to save your hard work to a text file, then copy and paste it into the TabPress fields.
        But as I said, I’m have no idea why that would be happening.

    • Anonymous

      Nice app.  I created a non fan welcome (like us) page and a reveal page with an offer.   It worked perfectly.  Non fans “liked” us and the reveal page with an offer showed. The offer was good for a week so I had to take that part down.  I deleted the code in the second box.  Non fans still saw the “like us” page BUT when they liked us it didn’t go to the Wall  but back to the “like” us page again.  Any thoughts on what is going on?  I want it to show the Wall after they “like” us.

    • http://pulse.yahoo.com/_3K6R33NZNHTZP7NTFUG7QWXEWE Julianne

      I agree, this is a great app. I was wondering if this bug has been fixed? When I’m a visitor, I can see the custom landing page. But if I’m a fan, it takes me straight to the wall.

      • http://www.hyperarts.com/blog/ Tim Ware

        Yes, Julianne, it was a Facebook bug and it’s been fixed. The reason your fans go straight to the Wall is because you can only set a tab other than the Wall for non-fans; fans will always default to the Wall. Facebook wants it that way because once someone becomes a fan, social engagement happens on the Wall, not on custom promotional tabs.
        Facebook is getting rid of the Discussions tab for the same reason … to encourage users to use the Wall for conversation.

    • http://www.facebook.com/people/Michel-Smith/1668729924 Michel Smith

      Hi,

      Is it possible to show a specific set of tab based on the language used by the visitor?

      Thank you!

    • http://www.hyperarts.com/blog/ Tim Ware

      I don’t think so. Pretty sure it can’t be done. You might be able to hide or show content on a custom tab based on language, but we’ve not done that.

    • Amanda Hooper

      Hi – I’m adding this iFrame app and I have a question. also, I don’t know much about HTML code or computer programming or anything, so layman’s terms would be good… 
      Anyway, I put in my welcome content for non-fans, but if I want fans to just go to the wall how do I set that up? I don’t want fans to come to any welcome page, I just want them to go to the wall. 
      thanks! 

    • http://www.hyperarts.com/blog/ Tim Ware

      You specify your default landing tab in your Page admin area (the “Edit Page” button in the top right corner of your Page when on your Wall tab).
      You should see “Manage Permissions” in the left column when in the editing area. Click that and you should see “Default Landing Tab” in the main area. Just set it to “Wall”.
      I’ve heard lots of reports from users who don’t see this option. If you don’t, it’s a Facebook bug.

    • http://www.facebook.com/benmataakama Ben Mataakama

      Hi Tim! Awesome app! I just installed yesterday and works great! Just like Charlie, same thing. I’m hoping that when non fans click like they get taken to the fan content then click on the pic to redirect them to the wall. Is this possible? :D

    • http://www.facebook.com/profile.php?id=1172501354 Theresa Sheridan

      The install seems to not be working. When I click the link that says CLICK HERE, it just opens a new tab that is the exact same page. The “Add to my Page” link never appears. I’ve installed this several times before with no problem, can someone look into this please?

      • http://www.hyperarts.com/blog/ Tim Ware

        Try it now, Theresa. If something isn’t working, please let me know exactly where the page is and what exactly isn’t working. Thanks!

        • http://www.facebook.com/profile.php?id=1172501354 Theresa Sheridan

          Sorry, it’s a Monday….
          I click on TabPress link above in this post, which takes me to this URL, http://apps.facebook.com/tabpress/. There is a paragraph on the page and within that it says to CLICK HERE in orange and then click the Add to My Page link in the left column of the screen. That page with the column never comes up, it just takes me back to the same initial URL. Screenshot of the page that I can’t seem to get away from is attached.

          • http://www.hyperarts.com/blog/ Tim Ware

            Hi Theresa,

            OK, I see the issue, which has to do with Facebook’s removing of App Profile Pages.
            Here’s the correct link to TabPress, and I’ve also fixed it in this post.
            https://www.facebook.com/tabpress2

    • Anonymous

      I got the app to work with an image on a non-SSL server. (There was a mixed security content message in the IE browser.)
      Everything worked well for a time, then at some point only half an image showed up when I reached the nonfan tab.
      I recopied the code > hit Save > and got this message : 
      “Can’t connect to local MySQL server through socket ‘/var/run/mysqld/mysqld.sock’ (2)” 
      The code has disappeared and of course no picture shows up. Every time I recopy the code the same thing happens (even after computer restart).
      Here is the code I am using:

      FOR NON FANSFOR FANSif (top != self) top.window.location = ‘https://www.facebook.com/MifneAutism?sk=wall’;

      • http://www.hyperarts.com/blog/ Tim Ware

        You can’t use PHP in TabPress.

        Tim Ware
        t1mware@HyperArts.com
        (510) 339-6084

      • http://www.hyperarts.com/blog/ Tim Ware

        We had database spikes beginning on Jan 27. We’ve had to migrate our databases to another, more scalable server. I’m sorry for any inconvenience this may have caused you!

    • lyd121

      Having  an image on a non-SSL server, how can I prevent a mixed security content message appearing in the IE browser. 

    • http://www.hyperarts.com/blog/ Tim Ware

      You’ll have to host the image on a secure server.

    • snowythedog

      Hi guys
      Great app – good fun to install – works well
      At present the icon for our welcome page is your logo (the orange and green right angles) – is there a way to change and personalize this or does it need to stay for proprietary reasons?
      Thanks 

    • http://www.hyperarts.com/blog/ Tim Ware

      You’d have to purchase our TabPress White Label to customize the icon and other elements of the app:

      • Anonymous

        Thanks for getting back to me – I’ll have a look at that

    • Jeremy Mustard

      Do you know if you can use the multitab solution in HTML static?  I am having no luck.  have you also discontinued the whitelabel?  I can’t find it on your site. 

      • http://www.hyperarts.com/blog/ Tim Ware

        The White Label is still available.

        The multi-tab template should work fine in Static HTML. You just have to check to make sure the URLs are absolute instead of relative.

    • http://www.facebook.com/davidb1aise David Blaise

      So sorry to see you go! Received notification that we need to remove TabPress from our page before April 7, 2012, but no instructions on how to remove it. Can you please advise?

      • http://www.hyperarts.com/blog/ Tim Ware

        Just make sure you’ve copied all the content you’ve input into the app and save it locally. Then just delete the app from your account and add a new app with similar functionality, like Static HTML.