7 aplicativos de abas para fan page do Facebook

Postado quinta-feira, 04/08/11
Atualizado: segunda-feira, 02/09/13

Já falamos bastante aqui sobre questões técnicas do Facebook, ajudando nossos leitores a criar landing pages personalizadas através de aplicativos e oferecendo várias dicas de como gerenciar da melhor forma a sua fan page. Em dois tutoriais que trouxemos surgiram muitas dúvidas, mas no primeiro deles, que usava o aplicativo Static FBML que foi desativado, muitas pessoas pediram por outras aplicações para fazer o mesmo.

Confira como criar um aplicativo personalizado no Facebook

Encontrei alguns dias atrás um post que trazia 10 dicas de aplicativos para você construir uma aba personalizada na fan page, resolvi traduzir o texto e trazer aqui para facilitar a vida do pessoal que usam estas aplicações em suas páginas.

Lembrando que na maioria dos casos basta acessar a página do aplicativo e clicar em “Adicionar a minha página”, após isto escolha a qual página vai ser adicionada.

#1 Wildfire iFrame for Pages

Esta empresa faz diversas aplicações para mídias sociais, vale a pena dar uma olhada em todos serviços deles. Hoje vamos falar da sua aplicação para criar abas personalizadas.

  1. Acesse o site deles http://iframes.wildfireapp.com/;
  2. Clique em “Install this app” e depois “Permitir”;
  3. Selecione a página que você quer adicionar no menu;
  4. Clique em “Adicionar Wildfire for Pages”;
  5. Ele vai lhe redirecionar para aba na página. Preencha as informações e clique em “Submit”;
  6. Configure o aplicativo da forma que for melhor, escolhendo a imagem ou HTML para fãs e não fãs;
wildfire app 7 aplicativos de abas para fan page do Facebook

#2 Involver Static HTML

Assim como Wildfire, o Involver também é uma empresa que desenvolve aplicações para mídias sociais.

  1. Acesse o site http://www.involver.com/applications/;
  2. Procure pela aplicação Static HTML e clique em “Install”;
  3. Escolha a página em que a aplicação vai ser adicionar e depois clique em “Adicionar Static HTML for Pages”;
  4. Fala as configurações, salve e volte para sua página;
static html app 7 aplicativos de abas para fan page do Facebook

#3 Tabpress Custom iFrame Tabs

Semelhante as outras aplicações, permite separar conteúdo de fans e não fans.

  1. Acesse o site do aplicativo http://www.facebook.com/apps/application.php?id=176217385757369&ref=ts;
  2. Procure por “Adicionar a minha página” e escolha em qual página instalar;
  3. Configure e clique em salvar;
tabpress huperarts app 7 aplicativos de abas para fan page do Facebook

#4 Static HTML: iFrame Tabs

Este aplicativo já falamos em um outro momento, é muito semelhante ao TabPress.

  1. Acesse a página do aplicativo http://www.facebook.com/apps/application.php?id=190322544333196;
  2. Procure por “Adicionar a minha página” e escolha em qual página instalar;
  3. Configure e salve;
app statis html  7 aplicativos de abas para fan page do Facebook

#5 iwipa: HTML + iFrame + FBML

Este aplicativo é bom para quem não entende muito de html, pois proporciona fácil criação de recursos.

  1. Acesse a página do aplicativo http://www.facebook.com/iwipa?v=app_106878476015645
  2. Procure por “Adicionar a minha página” e escolha em qual página deve ser instalado;
  3. Vá até a sua página, note a aba “Welcome” e clique nela;
  4. Uma tela de ativação da página vai aparecer, clique e depois clique em “permitir”;
  5. Siga as instruções e configure sua fan page;
iwipa app 7 aplicativos de abas para fan page do Facebook

#6 Lujure

Este aplicativo também é bom para quem não sabe de códigos, mas para instalar precisa dar alguns dados. Nele há a versão paga para adicionar mais abas.

  1. Acesse o site http://lujure.com/2/;
  2. Preencha as informações e crie sua conta Lujure;
  3. Conecte com sua conta Facebook;
  4. Já no painel do serviço escolha página a ser utilizada;
  5. No passo 2 coloque o nome da aba;
  6. No passo 3 clique em “Edit tab”;
  7. Configure a aba e clique em “Publish”, depois em “Install to Facebook”;
  8. Escolha a página novamente e clique em “Instalar page Tab”;
lujure 7 aplicativos de abas para fan page do Facebook

#7 Hosted iFrame

Este aplicativo também é gratuito, mas para páginas de até 25,000 fans. Você pode ter até 5 abas e também é possível adicionar código do Google Analytics;

  1. Acesse o site http://www.facebook.com/hostediframe
  2. Procure por “Adicionar à minha página”, selecione qual será usada;
  3. Procura a aba na sua página e clique em “App Settings”;
  4. Permita o acesso aos dados clicando “permitir”;
  5. Configure e salve;
hosted iframe 7 aplicativos de abas para fan page do Facebook
——-
Encontre estes e outras aplicações no post do blog Social Media Examiner


  • Jonhyfolks
    é possível alterar o ícone da aba em algum desses aplicativos?
    • http://www.about.me/dennisaltermann Dennis Altermann
      Até onde eu vi não, pelo menos não na versão free. Eu sei como fazer com ícone personalizado, mas é um processo mais complicado, vou trazer tutorial em breve.
  • ViniLiuti
    Existe a possibilidade de haver várias abas ao mesmo tempo?
    Se houver poderia me informar qual app me permite isso, ou se há algum tuto aki mesmo?
    • http://www.about.me/dennisaltermann Dennis Altermann
      Bom, acho que você pode usar vários aplicativos ao mesmo tempo, haha. Mas tem que dar uma olhada, agora não lembro qual exatamente, mas alguns deles permitem a criação de 2-3 abas as vezes, dai se tu quiser mais tem que pagar.
  • http://www.facebook.com/vzanirato Vitor Zanirato
    Ótimas ferramentas. Por enquanto estou usando o StaticHTML, mas, quando sobrar um tempo, quero testar o TabPress tb. Parece bem amigável.

    Abs

  • http://www.facebook.com/people/Maria-Eduarda-Giangarelli/100001029789464 Maria Eduarda Giangarelli
    Na Fan page da Renner, em uma mesma aba você pode navegar em várias páginas.Com qual aplicativo posso fazer isso?E como?

    Se quiser dar uma olhada:
    http://www.facebook.com/LojasRenner?sk=app_259670894061335
    Grata!

    • http://www.dennisaltermann.com.br/ Dennis Altermann
      Ao que parece é apenas questão de programação, não há um aplicativo pronto que faça algo semelhante até onde eu sei. As abas abrem “janelas para fora do Facebook”, então depende de você o que vai ter ali e como vai ser utilizado.
  • Emily Mutti
    Eu gostaria de colocar algumas abas em minha página… Mas não sei como. Teria como, criar uma aba “YouTube”? Na verdade eu queria fazer umas abas como essa imagem de exemplo, que tenha um símbolo que eu mesma criei. Entende? Vou tentar explicar melhor, talvez não tenha entendido… Esta segunda imagem, eu poderia criar tipo que uma “logo” para esta imagem? Quero dizer, eu quero criar uma aba, com as imagens que gostaria de deixar em minha página… Não estas. Teria como eu criar algo assim, e conseguir colocar no Facebook? Gostaria muito… Obrigada desde já.
    • http://www.dennisaltermann.com.br/ Dennis Altermann
      Não tenho certeza se entendi, mas você pode colocar qualquer coisa em uma aba, basta saber programar. As abas funcionam como janelas.

      Abas para Youtube já tem, procure nas aplicações do Facebook

  • Lucas
    desculpe, mas nao entendi nada
    • http://www.dennisaltermann.com.br/ Dennis Altermann
      Não entendeu nada do que?
  • Felipe
    Todos essas contas a serem feitas são grátis né, como essa do Lujure
    • http://www.dennisaltermann.com.br/ Dennis Altermann
      Dos aplicativos que trouxemos nessa lista todos tem versão free, apesar de alguns oferecem mais recursos se pagar.
  • Iury Torres
    Estou tentando colocar um banner em uma aba da fan page de um projeto com o fbml estático.
    Esse banner tem 2 links em partes dele,até ai tudo certo. Mas quando clico na parte que deveria redirecionar para o twitter ele fica no twitter e aparece aquela mensagem 404 for not found. Alguém pode me ajudar a resolver esse problema?
    O programa que usei para criar o link no banner foi o dreamweaver.
    • http://www.dennisaltermann.com.br/ Dennis Altermann
      É bem provável que o link esteja errado, qual o link que ele está direcionando?
  • Andressa
    Denis, o que pudi perceber…todos esses aplicativos eles me encaminham ao ícone desejado? É isso?

    Não lembro qual empresa era… os aplicativos da Fan page deles, já tinha o ícone do Twitter add lá…
    e era só isso que eu queria… Não de adicionar um aplicativo que me faça ir a dele depois de escolher certas coisas… Tem isso mesmo? Ou é algo que aA configuração do Twitter deixa eu colocar ela na Fan page…?
    Agradeço desde já (:

    • http://www.dennisaltermann.com.br/ Dennis Altermann
      Não tenho certeza se entendi a sua dúvida, mas o ícone que fica é do aplicativo usado, então se você usar um aplicativo do Twitter ou semelhante, vai ter o ícone dele.
  • http://www.google.com/profiles/djanael Aureo (DJ Anael)
    #4 Static HTML: iFrame Tabs

    Eu uso e estou muito satisfeito por hora, ele deixa a liberdade até de trocar o ícone! Mas peca no sentido de validar pela w3c =/

    • Adam Esteves
      Cara, eu só consegui colocar o ícone em uma das minhas Fan Pages pelo Static HTML. Não sei se é bug do fornecedor ou se só é permitido a uma fan page. Você tentou colocar em outra?
      Abraço,
      • http://www.dennisaltermann.com.br/ Dennis Altermann
        Realmente não tenho certeza para te afirmar. Mas até onde eu sabia não teria limite nesse sentido, pelo menos não de apenas 2. Teria que procurar o suporte do próprio serviço.
      • https://plus.google.com/u/0/118263370968700631711 Aureo Silva Hernandes:DJ Anael
        Tenho inúmeras fan pages, que faço para outras pessoas e todas elas consegui mudar ícone  conteúdo, o problema é agora com as timelines ativadas.
  • Rafaelmatheus51
    • http://www.dennisaltermann.com.br/ Dennis Altermann
      Você diz fazer personalização de fan pages? Atualmente não fizemos isso :) Mas sempre há o Pagemodo.com
  • Tbmonteiro5
    Como eu faço pra quando alguém for visitar minha página, ir direto para o aplicativo tipo “Bem Vindo”?? pois normalmente o visitante vai direto ao mural, gostaria que fosse ao aplicativo primeiro pois gostaria de por uma imagem. Já vi fan pages desse tipo! Obrigado
    • http://www.dennisaltermann.com.br/ Dennis Altermann
      Você tem que entrar nas configurações da página e escolher a aba padrão. Mas só vai funcionar para quem ainda não curtiu a página.
  • http://www.dennisaltermann.com.br/ Dennis Altermann
  • Michel Levy
    Criei minha landing page, mas como posso fazer com que o usuário só acesse o conteúdo após clicar em curtir ou uma ação específica como um cadastro, como já vi em diversas páginas
    • http://www.dennisaltermann.com.br/ Dennis Altermann
      Alguns aplicativos listados neste post tem essa função. Na verdade não há como bloquear completamente a página, mas pode fazer com que, caso a pessoa não tenha curtido a página, seja levado a uma aba específica, mas isso não impede ela de clicar nas outras posteriormente.
  • silvana panizza
    Oi Dennis, Obrigada pelas dicas. Utilizei o iwipa, e para mim que não tenho conhecimento em HTML ele foi excelente. A única dificuldade que estou enfrentando é que não consigo direcionar o visitante direto para a minha fan page. Li em outro site que na aba mural tem um campo chamado opções mas não achei essa guia no mural. Vi que você postou pra ir na aba mural e depois configurações..mas o único campo configurações que me aparece é lá no topo do facebook no canto superior direito e ao clicar ele não me dá nenhuma opção de mudar a aba padrão. Só traz informações de segurança, aplicativos…O que pode estar errado? Me ajude por favor não sei mais o que fazer. Se puder me colocar o link com o caminho pra eu poder ir direto pra esse campo agradeceria muito !!

    Abraços,
    Silvana Panizza

    • http://www.dennisaltermann.com.br/ Dennis Altermann
      Olá, tudo certo?
      Você deve entrar em “Editar Página”, que entra no painel de configurações, dai você vai estar na aba “Gerenciar Permissões” provavelmente… procure por “Guia de destino padrão:” e ali você pode configurar.
  • David Vieira
    Olá Dennis,
    Suas dicas tem sido muito úteis.
    Só tenho uma dúvida.Como faço para criar mais de uma aba pelo Wildfire?David Vieira
    • http://www.dennisaltermann.com.br/ Dennis Altermann
      Nem todos aplicativos permitem isso e alguns que fazem, são apenas na versão pro.
      • David Vieira
        Mas algum desses 7 acima nos permite isso gratuitamente?
  • Michele
    Oi Dennis, parabéns pelas dicas! Fiz o uso do aplicativo Hosted Iframe. Segui todos os passos. Tudo deu certo, mas na hora de entrar na Fan Page…Entra no Mural…Como faço para mudar e os visitantes passarem a entrar no ícone do aplicativo ( Welcome ) ???

    Abs.

    Michele Rasec

    • http://www.dennisaltermann.com.br/ Dennis Altermann
      Você deve entrar no painel de configuração da página e na primeira tela que aparece tem algo como “escolher aba padrão”.

      Lembrando que ele fará este direcionamento apenas para quem não for fã.

      • Michele
        Obrigado Dennis, feito! Mas teria como fazer de uma forma que todos, inclusive aos fãs???
        • http://www.dennisaltermann.com.br/ Dennis Altermann
          Até onde eu sei o Facebook não permite isso não. A ideia é que você faça tela de bem-vindo e deu. O usuário que já curte, vai entrar apenas para ver uma informação, não tem porque direcionar ele.
          • Michele
            Ok Dennis, faz todo o sentido! 
            Obrigado mais uma vez, qualquer dúvida futura sobre outro assunto, estarei por aqui.

            Abs

          • http://www.dennisaltermann.com.br/ Dennis Altermann
            Legal :) Qualquer coisa avise mesmo.
      • Carol
        Dennis, super obrigada pela sua ajuda! Consegui instalar direitinho o Hosted I frame também, mas juro que nao existe na minha página “Gerenciar Permissões” a opção “guia de destino padrão” enao consigo de jeito algum configurar uma das páginas para os não fans! preciso fazer alguma atualização??
      • Carol
        Dennis, super obrigada pela sua ajuda! Consegui instalar direitinho o Hosted I frame também, mas juro que nao existe na minha página “Gerenciar Permissões” a opção “guia de destino padrão” enao consigo de jeito algum configurar uma das páginas para os não fans! preciso fazer alguma atualização??
        • http://www.dennisaltermann.com.br/ Dennis Altermann
          A opção de guia padrão deveria ter, é bem estranho caso não tenha. é uma página migrada de um perfil ou criada? Pode ser algum bug. Em relação a parte de “não fas”, seria nessa opção que você iria colocar a guia padrão para quem não é fã, sem ela, não tem muito o que fazer nesse sentido.
        • http://www.dennisaltermann.com.br/ Dennis Altermann
          A opção de guia padrão deveria ter, é bem estranho caso não tenha. é uma página migrada de um perfil ou criada? Pode ser algum bug. Em relação a parte de “não fas”, seria nessa opção que você iria colocar a guia padrão para quem não é fã, sem ela, não tem muito o que fazer nesse sentido.
  • http://www.dennisaltermann.com.br/ Dennis Altermann
    Isso vai depender do aplicativo usado.
  • http://www.facebook.com/profile.php?id=100002722577795 Kleyton Rodrigues
    Olá Dennis ! Eu quero saber qual melhor forma de fazer aquelas abas que algumas paginas estão fazendo, exemplo, saber qual personagem de cavaleiro dos zodiaco vc se parece, e etc . por favor me responda !
    • http://www.dennisaltermann.com.br/ Dennis Altermann
      Não sei se existe algum aplicativo que faça isso automaticamente, mas caso vá fazer de forma manual, envolve programação e não apenas uma aplicação.
      • http://www.facebook.com/profile.php?id=100002722577795 Kleyton Rodrigues
        É tipo isso que eu quero fazer :  http://www.facebook.com/RiMuito?sk=app_280874818636710 Se for programação , qual a melhor forma de fazer ? você sabe ?
        • http://www.dennisaltermann.com.br/ Dennis Altermann
          Mais gente já tinha perguntando sobre esse tipo de aplicativo, mas realmente acredito que dependa apenas de programação. Nesse caso você provavelmente ia precisar saber programar em algumas linguagens, como PHP, etc.
  • http://www.dennisaltermann.com.br/ Dennis Altermann
    Isso seria uma coisa totalmente ligada a programação, posso até dar uma olhada se encontro algo, mas não entra muito aqui mesmo.
  • Tiagoleoneloliveira
    e para colocar jogo na pagina
    • http://www.dennisaltermann.com.br/ Dennis Altermann
      Colocar jogo na página? De que tipo? Você tem que lembrar que as abas são como “janelas” que puxam o código de outro endereço, então você pode fazer praticamente qualquer coisa, mas dai depende de programação externa.
  • http://www.dennisaltermann.com.br/ Dennis Altermann
    Que bom. Boa sorte e abraço
  • Dhayanedesouza
    não consigo :(
  • Lulu Chiclete
    Comom adicioanr dois um aplicativo duas vezes no facebook…exemplo do
    Static HTML: iFrame Tabs já vi em uma página com este aplicativo instalado duas vezes…como fazer isto?
    • http://www.dennisaltermann.com.br/ Dennis Altermann
      Alguns aplicativos permitem, outros não. Alguns (não sei se o Static não é assim) você pode ter mais de um apenas na versão paga
  • Treze41131
    obrigado pelas dicas Dennis … sabe esse ultimo o hosted iframe intao … tentei umas 5 veses mais sempre ia pra mesma pagina que dizia em ingles umas coisas e no final para tentar novamente sera que tem como resolver esse problema ?? obrigado !
    • http://www.dennisaltermann.com.br/ Dennis Altermann
      pode ser que você esteja fazendo alguma coisa no processo de configuração da aba
  • Rafael Goulart
    qual seria a mais completa?
    • http://www.dennisaltermann.com.br/ Dennis Altermann
      Depende mesmo, cada uma tem suas vantagens. Algumas são boas para quem não não entende nada de programação, outra para quem entende, outra para quem quer fazer mais de uma…. Eu geralmente recomendo o PageModo, dependendo do objetivo da pessoa.
      • ana
        nao entendo nada de programação gostaria de colocar abas em destaque do twitter, promoções e lançamentos qual aplicativo vc me indica o fbml não está funcionando mais ?
        • http://www.dennisaltermann.com.br/ Dennis Altermann
          Para fazer promoções o do Sorteie.me é muito bom. Para Twitter e outras coisas, procure pelo PageModo
          • ana
            eu uso o sorteie.me mas queria coloca-lo em destaque na fanpage vou verificar o page modo obrigada
  • Anônimo
    Olá, grande post, de muita ajuda.

    O caso é que agora preciso saber como faço para mudar o ícone dos aplicativos na minha fan page, você pode me ajudar?
    Um abraço.

  • Rafilsk85
    existe um aplicativo de uma empresa america muito bom para hotéis que está sendo disponibilizado de forma gratuita no Brasil: 
    http://www.buuteeq.com/pt
  • http://www.dennisaltermann.com.br/ Dennis Altermann
    Pode ser algum problema relacionado ao administrador da fan page. Ele pode estar redirecionando por achar que você já curtiu e não é administrador.
  • Lolnal
    isso e gratis
    • http://www.dennisaltermann.com.br/ Dennis Altermann
      Alguns deles sim, outros tem versão gratuita e versão paga.
  • jocibrown
    Vlw ermao ajudou pra poha 
  • Louize-campos
    Qual éo aplicativo que coloca aqueles assim : ‘Quem você vai ser na próxima encarnação’ ‘Vai se cara quando? ‘ & outros, ajuda aí . Valeu :)
  • Natalia
     Dennis, estou usando o IFRAME da Wildefire, e utilizei apenas a imagem para ser exibida para fãs e não fãs, porém independente de quem entra  vai direto pro mural, o que fazer pra mudar isso?
    • http://www.dennisaltermann.com.br/ Dennis Altermann
      Você está usando a timeline? Pode ser que seja algo relacionado a ela, porque eles já desativaram a opção de ‘escolha aba inicial’.
  • http://www.facebook.com/profile.php?id=100001383268156 Emanoelle Pereira
    eu tenho uma página  e quero saber como botar aqueles aplicativos de “descubra q dia…” me ajuda?
  • KAIKY
    NÃO SEI PQ VC NÃO RESPONDEU AOS COMENTÁRIOS ANTERIORES Q DIZINHAM: COMO FAÇO PARA ADICIONAR AQUELES APLICATIVOS “COM QUEM VC SE PARECE?” MAS REFAÇO A PERGUNTA : COMO É Q FAZ ISSO?
    • http://www.dennisaltermann.com.br/ Dennis Altermann
      Você não precisa usar Caps Lock. Não trabalhei criando tais aplicativos, por isso recomendo você procurar sites relacionados a programação e desenvolvimento.
  • Mari
    Olá Dennis, esta pagina iframes não está mais disponivel.
    Conhece outra forma para trabalhar as abas do facebook?

    Abs. Mari

  • mcz
    eu so preciso de 1 coisa: um simples codigo que somente quem curtir a fanpage possa ter acesso ao conteudo, ta dificil achar! Alguem poderia me ajudar? desde já agradeço!
    • http://www.dennisaltermann.com.br/ Dennis Altermann
      Você pode criar uma aba onde apenas os fãs conseguem ver o conteúdo dela, mas para bloquear o conteúdo da página apenas segmentando a publicação.
  • Lucas
    Olá, to procurando um aplicativo parecido com esse ai, ele coloca uma nova aba na fan page também só que quando o visitante clica nessa aba vai direto para o site relacionado a empresa! Alguém poderia me ajudar? To precisando muito! Obrigado!