Construindo uma aba personalizada no Facebook sem usar o Static FBML em 3 passos.

Aproveite para visitar o post “7 aplicativos de abas para fan page do Facebook” e veja algumas outras dicas :)

 

Em um outro momento trouxemos aqui um rápido tutorial de como criar uma aba de boas vindas na sua fanpage do Facebook. Este pequeno tutorial pode ser encontrado aqui, mas uma das partes deste tutorial incluía o aplicativo “Static FBML“, aplicativo que deixou de poder ser utilizado após a atualização das fanpages.

Após este ocorrido muitas pessoas tem se perguntado como fazer para conseguir criar uma aba de landing page no Facebook sem usar este antigo Static FBML. A resposta é simples, usando o Static HTML: iframe tabs.

O procedimento é semelhante ao uso do Statis FBML e por isso é muito simples, como você pode ver nestes 3 simples passos:

1º Adicionar o aplicativo Static HTML: iframe tabs:

Para adicionar o aplicativo é muito simples, basta acessar o Facebook na qual a fanpage está vinculada e na barra de buscar, procurar por “Statis HTML”, deve ser o suficiente para você encontrar o aplicativo Static HTML: iframe tabs.

Caso não ache, acredito que este link seja o suficiente: apps.facebook.com/static_html_plus/

2º Usar o Static HTML para criar uma nova aba:

Com aplicativo instalado, você vai poder escolher em qual página você pretende usá-lo. Feito isso, uma aba chamada “Welcome” (pode ser alterado, veja passo nº3) deve aparecer na sua fanpage, clique nela e você verá uma tela como essa a baixo:

aba-welcome-aplicativo-static-html

3º Personalizar o iFrame criado:

Com a aba já criada, está na hora de aprender a utiliza-la, para isto você terá 3 coisas para fazer:

  1. Colocar conteúdo: Você precisará ter um pouco de conhecimento em programação, pelo menos um HTML básico, para conseguir inserir conteúdo e imagens na aba;
  2. Mudar o nome: Acessando a área de gerenciamento da página, através do botão “Editar Página”, você deve acessar a área “Aplicativos” e depois clicar em “Editar configurações”. Se a aba já tiver adicionada, você poderá escolher qualquer nome para ela.
  3. Colocar como aba inicial: Ainda dentro da área de gerenciamento, acesse o menu “Gerenciar Permissões” e escolha a aba inicial no menu suspenso que dizer “Aba padrão de entrada da página.:”
Escolher aba inicial na sua FanPage
Escolher aba inicial na sua FanPage

 

Dica extra:

Para você aproveitar melhor a página inicial de sua fanpage, acesse estes dois nossos outros textos e aprenda mais sobre as abas do Facebook:

Como construir uma landing page atrativa para o Facebook

Como construir uma aba personalizada no Facebook

Midiatismo News

Receba um resumo das principais notícias e links sobre comunicação e marketing digital. Direto em seu email. De graça!


  • http://www.facebook.com/people/Mayko-Franceschi/100001445502610 Mayko Franceschi
    Bacana Dennis .. depois que o static foi descontinuado comecei a usar este é é show de bola, com marcação html e área pré definida para conteúdo exclusivo para quem cutir…
    Recomendo também!
  • http://www.facebook.com/people/Mayko-Franceschi/100001445502610 Mayko Franceschi
    Bacana Dennis .. depois que o static foi descontinuado comecei a usar este é é show de bola, com marcação html e área pré definida para conteúdo exclusivo para quem cutir…
    Recomendo também!
    • http://www.about.me/dennisaltermann Dennis Altermann
      Exato. Achei bem boas as possibilidades, principalmente essa que você comentou do exclusivo para quem curtir :)
  • http://twitter.com/Alysson_Ferreir Alysson Ferreira
    Olá gostaria de ver algum exemplo de Static HTML: iframe tabs no FB?
    • http://www.about.me/dennisaltermann Dennis Altermann
      Não lembro agora onde eu vi, até porque nem sempre é possível saber se aba é criada com este aplicativo ou das outras formas possíveis.

      Se encontrar algum bom exemplo eu trago aqui.

  • Luciana
    Muito legal a dica!

    Mas estou com um problema e gostaria de saber se alguém conhece uma solução.
    Um cliente aqui da agência onde trabalho possuía um perfil no Facebook, que transformei em fanpage. Deu tudo certo, mas só depois vimos que o nome da página ficou com um erro. Como mais de 300 amigos do perfil migraram para likes na fan page, e o Facebook só permite alterações em páginas com até 100 likes, não conseguimos corrigir esse erro. Alguém sabe se existe um caminho alternativo?

    Grata

    • http://www.about.me/dennisaltermann Dennis Altermann
      Eu realmente não sei se existe alguma forma de reverter o processo. Talvez o único modo seja entrando em contato com o Facebook através do suporte deles.
  • http://twitter.com/FredericoGon Frederico Gonçalves
    Grande matéria! Assim que li fui substituir o aplicativo FBML, e o melhor foi que o Analytics não estava funcionando lá, mas no Html está!

    Abraços,

    • http://www.about.me/dennisaltermann Dennis Altermann
      Que bom. Não tinha visto isso referente ao Analytics, vou dar uma olhada também :)

      Abraço

  • Wellington
    Como faz para alterar o icone da aba, tirar aquele padrão?

    obrigado!

    • http://www.about.me/dennisaltermann Dennis Altermann
      Este é o ícone da aplicação que você esta usando. Não tem como alterar, mas tem como fazer a aba de outra forma, dai você pode customizar esta parte, mas o processo é um pouco maior.

      Vou ver se consigo tempo para trazer aqui também esta outra forma.

      Abraço

      • http://twitter.com/soudonodafesta Sou Dono da Festa
        Ola Denis, otimo artigo, mas estou com o mesmo problema da Wellington, vc ja escreveu o artigo de como ter essa liberdade de trocar os icones tb?  abraços e parabens
        • http://www.about.me/dennisaltermann Dennis Altermann
          O ícone é definido pelo plugin que está criando aquela aba, portanto você pode criar um aplicativo e definir este ícone. Este processo acaba se tornando mais complicado, quero fazer um tutorial para isto, mas realmente é mais comprido de fazer.
  • Natalia Alexandre
    Como fazer a aba “posts no blog”?
    Tipo, fazer a aba aprendi no seu tutorial, + como colocar o conteúdo do blog no facebook, para ficar igual ao seu? http://www.facebook.com/Midiatismo?sk=app_
    • http://www.about.me/dennisaltermann Dennis Altermann
      Dai neste caso já é um aplicativo. Existem vários que fazem isto, no nosso
      temos o RSS Grafiti e o Networked Blogs, é só dar uma procurada.
  • Danielgama86
    Consegui fazer todos os passos, só não consegui colocar a pagina criada como aba principal, a opção “Aba padrão de entrada da página.:” não aparece para mim, a mais semelhante é “Guia de destino padrão:”, mas ao selecionar a aba desejada ela não aparece como principal, será alguma configuração diferente do facebook?
    • http://www.about.me/dennisaltermann Dennis Altermann
      Engraçado, acho que os nomes podem ir alterando conforme o tempo. As vezes o
      próprio Facebook altera algumas traduções. Mas o fato de não funcionar é
      engraçado, realmente pode ser algum problema do Facebook.

      Você já tem um número mínimo de “curtidas”? Pode ser algo relacionado.

    • Magno Coelho
      Recentemente o algumas regras do facebook foram alteradas.
      A aba alternativa só aparece para pessoas que ainda NÃO curtiram a pág.
      Provavelmente você ja curtiu a sua e por isso é direcionado diretamente para o mural.

      Teste visualizar com um perfil de alguem que ainda não curtiu! (aproveite a curta com ele auehaeuaeuh)

      Espero ter te ajudado! ;)

      • http://www.about.me/dennisaltermann Dennis Altermann
        Ajudou com certeza :)
        Obrigado
    • http://twitter.com/valtechsaopaulo valtech comercial
      Você conseguiu resolver esse problema? Estou tendo o mesmo… Não tem o campo Aba padrão de entrada da página e já tempos mais de 170 fãs na página
  • http://twitter.com/pettersenmp Monica Pettersen
    Gostei do Pagemodo!! =)
  • http://twitter.com/pettersenmp Monica Pettersen
    Gosto muito do Pagemodo!!!
  • Gilberto Santos
    Olá Denis, eu fiz e deu tudo certo, mais apareceu uma advertencia assim:Note: Facebook policy forbids autoplaying media on tabs. Make sure your
    tab doesn’t autoplay anything, or your page may get shut down! Eu pesquisei o que é mais não achei. Você sabe o que significa? Obrigado e sucesso.
    • http://www.dennisaltermann.com.br/ Dennis Altermann
      Que tipo de arquivo você está tentando executar? Depende do tipo de arquivo, principalmente se for animação, ele não pode executar nada automaticamente pois pode ser considerado não seguro.
  • Aline Vieira
    Tem algum Aplicativo que permite criar mais de um Iframe na mesma pagina?
  • Christoffer Carlos
    • http://www.dennisaltermann.com.br/ Dennis Altermann
      Você deve entrar nas configurações. Lembrando que a aba só vai ser página inicial se o visitante ainda não tiver curtido a página.
  • http://www.limpesuamente.com.br/ Jão Bless (Limpe Sua Mente)
    Tem algum outro semelhante??? Já uso este me minha pagina e gostaria de saber se tem outro, pois quero adicionar uma radio com chat em minha fan page!
    • http://www.dennisaltermann.com.br/ Dennis Altermann
      Há diversos aplicativos semelhantes. Procure por “7 aplicativos para fan page” aqui no Midiatismo que já trouxemos em outro post.
      • http://www.limpesuamente.com.br/ Jão Bless (Limpe Sua Mente)
        Grato Pela Atenção! Vou Conferir Agora Mesmo! Parabéns Pelo Excelente Trabalho!
  • Edukator
    Show de bola. Parabéns pela dica.
  • carol alberton
    Oi tenho fanpage, do meu blog de moda. Quero colocar nela aquelas coisas de “Descubra isso e aquilo sobre você” , mais não sei como.Você pode me ajudar ? Oque preciso colocar ou fazer ? 
    • http://www.dennisaltermann.com.br/ Dennis Altermann
      Isso depende de programação, não é apenas um aplicativo pronto. Infelizmente não tenho como lhe ajudar no momento. Vou ver se faço um texto sobre isso.
  • Pedro_trindade90
    Olaá, estou usando o static html. mas so consegui colocar a aba “bem vindo” queria colocar outra, tem como?
    • http://www.dennisaltermann.com.br/ Dennis Altermann
      Nem todo aplicativo permite mais de uma instalação. Nesse caso, provavelmente, você teria que usar algum outro aplicativo além do Static HTML.
  • Maycon_ads
    cara to usando o iframe mais simples sem ser o brasileiro.. nao to conseguindo por uma imagem pra personalizar o ”welcome ” da minha pagina.. qual o codigo certo pra colocar + url da imagem desejada e dar certin aki? agradeço
    • http://www.dennisaltermann.com.br/ Dennis Altermann
      Recomendo procurar tutoriais de programação em html.
  • http://www.dennisaltermann.com.br/ Dennis Altermann
    Sim, na linha do tempo esta opção foi removida e não deve voltar tão cedo, infelizmente.
  • Waldemir
    Alguem sabe me dizer o porque desse erro, sendo que estou locado.
    You do not admin any pages for which this application can be installed.
    • http://www.dennisaltermann.com.br/ Dennis Altermann
      Acredito que para instalar a aplicação você precise ser administrador e não ‘moderador’ ou ‘gerenciador de conteúdo’, etc.
  • diego
    você sabe por que mesmo eu tendo criado 2 páginas, a opção em cima “Curtir” aparece e desaparece rapidamente.
    • http://www.dennisaltermann.com.br/ Dennis Altermann
      A opção de curtir dentro da página do Facebook ou fora dele? Se for dentro, deve ser algum outro problema. Acontece apenas na sua ou nas outras também? Este erro acontece sempre?…
  • alberto
    como faço para convidar fãs curtir minha fan page a partir de uma lista do word?
    • http://www.dennisaltermann.com.br/ Dennis Altermann
      Uma lista de emails ou de nomes? Acredito que terá que usar um por um ou então transformar em uma lista em .csv.
  • alberto
    alguém sabe como mudar o nome do usuario na minha pagina principal. pq quero usar o atual na minha pagina empresarial ( e n viabiliza pq já existe). então pensei em mudar a principal. mas n muda.
  • http://www.facebook.com/lucas23101997 Lucas Moreira Ribeiro
    Dificil Queria tanto criar para minha pagina um app para intreter os meu fãs! :( ei me add http://www.facebook.comlucas23101997 1 vez que eu entro nesse site! e num sei se vou entrar mais entaum me add!
  • Darlo Brito de Siqueira
    Ótimo tutorial, amigo, mas infelizmente com o “sumiço” da opção de escolher pagina principal essa aba de boas-vindas ficou “obsoleta”, uma vez que de nada adianta colocar a aba e boas vindas se ela não será a primeira tela a aparecer. =/ Não sei pra quê o fb foi tirar isso.
  • Giovanna
    Olá.
    Não consigo instalar nenhum tipo de aplicativo em minha fanpage, sempre que tento algo manda eu mudar para meu usuario.
    o que pode estar acontecendo?