Como personalizar abas no Facebook–Atualizado

clip_image001_thumb.jpg

O Facebook é uma plataforma que recebeu as empresas de braços abertos. Ao invés de inserir “todos no mesmo saco”, a rede social separou as empresas dos usuários comuns e, além disso, forneceu diversas ferramentas úteis para se fazer negócios ou se comunicar por meio da maior rede social do ocidente. Aprenda a seguir a como deixar sua fanpage mais atrativa e personalizada e chamar a atenção de seus fãs.

Depois de preencher as informações básicas da sua fanpage, como: informações da empresa, foto e sobre, por exemplo, é hora de trabalhar com as abas. Antigamente a linguagem FBML era a padrão para personalização no Facebook. Porém, ela foi substituída pelo iFrame que funciona praticamente do mesmo jeito, só que ao invés de utilizarmos o aplicativo “FBML”, vamos usar um que suporte iFrame.

Há dezenas de opções de apps de iFrame. Alguns dos mais populares são:

· Static HTML for Pages.

· Hosted iFrame;

· Iwipa

Vamos usar o Static HTML neste tutorial, mas todos são parecidos.

Passo 1. Para começar, acesse a fanpage que terá o aplicativo instalado, clique em “Editar informações” (logo abaixo o botão Curtir).

Passo 2. Vá até o menu “Aplicativos” e, em seguida, até “Procurar mais aplicativos”.

clip_image001

Passo 3. No campo de busca digite o nome do aplicativo “Static HTML for Pages” e, assim que encontra-lo, clique em “Ir para Aplicativo”.

clip_image003

Passo 4. Na página seguinte, clique em “Click Here to Install”.

Passo 5. Prossiga a instalação do aplicativo na página que deseja personalizar.

Passo 6. Agora por padrão, o aplicativo solicita as informações sobre a sua empresa e clique em “Save Changes”.

clip_image005

Passo 7. Esta é a página de inserção do código HTML que será usado para inserir uma aba personalizada:

clip_image007

No quadro “what do you want to display” escolha que tipo de linguagem deseja usar em “Custom Image”, “Custom HTML” ou “Custom SML”. SML é uma linguagem focada em mídias sociais, ou seja, Social Media Laguage. Ela está sendo usada por alguns desenvolvedores de aplicativos nos EUA, mas é bem semelhante ao HTML.

Passo 8. Agora, você precisa inserir o HTML.

Passo 9. No Static HTML for Pages é possível definir se o conteúdo será visível para todos os usuários do Facebook ou apenas fãs. Selecione qual opção deseja em “Syndication e Acessbility” e clique em “Save Changes” para salvar tudo.

Passo 10. Agora, a aba “HTML” estará disponível em sua fanpage. Para trocar o nome, vá até “Editar Informações/Aplicativos” e, logo abaixo do aplicativo clique em “Editar Configurações”.

clip_image008

Passo 12. Escreva o que deseja usar para nomear a aba.

clip_image009

Passo 12. O Facebook permite definir uma aba para exibir para pessoas que não curtem sua página quando elas a acessam. Para escolher qual aba mostra, vá até “Editar Informações” e acesse a opção “Gerenciar permissões”.

Passo 13. Por fim, na caixa “Aba padrão da página de entrada” escolha a aba que você deseja exibir para os não fãs.

clip_image011

Agora, o processo é praticamente o mesmo para cada nova aba inserida. Porém, cada novo aplicativo demanda configurações específicas. Basta saber o que é possível fazer com cada um. Aqui está a aba com o nome e conteúdo personalizado.

clip_image013

PS. Eu sei que Advogado se escreve assim, Adevogado foi usado de forma proposital para evitar páginas duplicadas.

Be Sociable, Share!
  • Pingback: Como personalizar abas no Facebook |

  • Leandro

    O código html tem que ter o cabeçalho, ou só pega a parte do body???

    • http://pontocomteudo.com Camila Camargo

      Head e body são usados na construção de sites. Acho que isso não aplicação no FB.

  • http://twitter.com/talitamello Talita Mello

    como altera a imagem do icone?

  • http://www.hollywoodemcena.com/ Eve Db

    Olá, Camila!

    Obrigada por todas as suas dicas.
    Adorei o site!
    Um abraço!
    Eve.

    • http://pontocomteudo.com Camila Camargo

      Eu é que agradeço Eve! Muito bom saber que minhas dicas são úteis!

  • http://www.varao.com.br Leonardo Varão

    Dica perfeita, a meses procurava uma que funcionasse corretamente, só essa serviu. Muito obrigado.

    • http://pontocomteudo.com Camila Camargo

      Obrigada Leonardo!

  • Paulo Miguel

    Oi Camila, na fanpage que eu administro não está aparecendo o botão ” Procurar mais aplicativos”. O que eu faço?
    Abraço!

    • Luís Benedito

      Na verdade é a “caixa” padrão de pesquisa. Nela você digitará o nome do aplicativo que deseja e manda pesquisar. Pronto!

      • http://pontocomteudo.com Camila Camargo

        Exato. É possível procurar apps no Google também.

  • http://gravatar.com/slmo16 sergio luz menezes de oliveira

    Quando eu acesso o static html pela pagina de fas ele pede para trocar para o meu perfil.

    • http://pontocomteudo.com Camila Camargo

      Sim, isso é normal Sérgio.

  • http://gravatar.com/slmo16 sergio luz menezes de oliveira

    A aba que eu seleciono no gerenciamento de permissões não é a que aparece quando loga no face

    • http://pontocomteudo.com Camila Camargo

      Por padrão Sérgio, apenas as pessoas que não curtem a página são direcionadas para esta aba. As que curtem, caem no mural.

  • Miguel Sousa

    Obrigado, funciona mesmo!

  • http://gravatar.com/leoroxbr leonardo

    Excelente dica… !!!

    PS – > No lugar de “adevogados” colocar “advogados”.

    • http://pontocomteudo.com Camila Camargo

      OI Leonardo, eu sei que advogados se escreve sem E. Usei com E porque era a criação de uma página fictícia.

  • Carolina

    Como adicionar a Aba “Discuções” na minha pagina? (Ex.: http://www.facebook.com/RevistaCasaeJardim?sk=app_2373072738)

    Como personalizo os icones das abas?

    Obrigada pelas dicas, recomendo ;) Parabéns!

    • http://pontocomteudo.com Camila Camargo

      Oi carolina. Este é um app que já vem pré-instalado no Facebook. Para adicioná-lo, em sua fanpage clique em “Editar informações” e vá até “Aplicativos”. Se o app estiver disponível, clique em “Editar Configurações” e clique em “Adicionar”.

      Sobre os ícones, neste post mostro como fazer: http://pontocomteudo.com/2011/09/01/como-criar-abas-com-o-icone-personalizado-no-facebook/

      Abraços.

  • http://spaziopresentes.blogspot.com Simone Yadomi

    Obrigada pela dica!!! Foi muito útil!

    • http://pontocomteudo.com Camila Camargo

      De nada!

  • http://www.lumieresoleil.com Victória

    Camila para mim não aparece “Procurar mais aplicativos” o que está acontecendo?

    Obrigada!

    • http://pontocomteudo.com Camila Camargo

      Oi Victória.

      O FB tirou essa opção. Agora, voc^^e pode buscar pelos apps na barra de busca do próprio facebook.

      Abraços

  • http://www.lumieresoleil.com Victória

    Camila mais uma perguntinha! Tenho meu fan page dentro do perfil da empresa, e quando vou aplicar o Static HTML ele já direciona para o perfil não para a fan page como quero, se eu editar e colocar o conteúdo que quero vai ir para a fan page ou ficará no perfil?

    Obrigada,
    Victória

    • http://pontocomteudo.com Camila Camargo

      Oi Victória. Provavelmente será exibido na fanpage, pois os perfis não tem suporte aos aplicativos.

      Abraços

  • http://www.facebook.com/sulliwanmgm Sulliwan Magalhães

    Como eu altero o icone ?

  • http://welovemondayz.blogspot.com welovemondayz

    Oi Camila, e como vc insere esse conteúdo personalizado???

    • http://pontocomteudo.com Camila Camargo

      Pode ser via HTML. No caso destes apps, é via HTML.

  • Marisa

    Oi Camila!Desde já,muito obrigada pela ajuda,me deu muito jeito!Só que não entendo é como é que podemos pôr o botão ‘curtir’ dentro do FBML (Acho que é aí,né?),como já vi fazerem.Não sei se ‘tá entendendo,era tipo assim:
    “Oi,seja-bem vindo a nossa Página.De momento estamos passando para outra,a «Amo meus Amigos II» (exemplo).Vai ‘curtir’? [e depois punha aqui ao lado o botão 'curtir']“.

  • Jukita|

    Amei,brigadaa

    • http://pontocomteudo.com Camila Camargo

      ;D Obrigada!

  • http://gravatar.com/andrebragaoliveira André Braga

    Existe a possibilidade de em vez de aparecer o Mural ele aparecer esta HTML? QUeria que as pessaos que sao fans ou não do meu perfil visem uma grande imagem no meu Mural.

    • http://pontocomteudo.com Camila Camargo

      Oi André.

      Para isso Acesse a fanpage, clique ” editar informações>Gerenciar permissões> Guia de destino padrão”. Ali, você escolhe onde a pessoa será direcionada. Algumas página não possuem esta opção. Não sei dizer porque isso acontece. Acho que é uma falha do Facebook.

      Abraço

  • Fernanda Batistella

    Oi Camila, muito boa as suas dicas. Mas estou tendo algumas dificuldades, queria uma ajuda sua…
    Eu cuido de várias páginas, então tem aplicativos que eu não posso add em mais de uma.

    Estou precisando adicionar 3 abas em uma fan page só. Já usei o Static HTML: iframe tabs e o iframe static html tab app for Pages. Mas preciso adicionar mais 1, só que não está dando certo. Pois não posso mais adicionar nenhum desses…..daria para eu usar o Static HTML for Pages, mas eu já utilizo ele em outro fan page, esse aplicativo não permite q eu use em outra, só pagando.
    Tentei usar esse Hosted iFrame mas como eu uso um código HTML não dá também.

    Poderia indicar algum?

    Obrigada

  • http://studioformaturas.com.br EDI LOPES

    bom depois de peregrinar por ai nas WEBs da vida eu consegui finalmente editar a fan page da empresa que trabalho. Deu um trabalho danado, primeiro usei o html simples mas dai a fan page ficava com barras laterais, depois editei pelo proprio aplicativa mas ai os links nao funcionavam, ai descobri que era somente usar um codigo HTML para resolver isso.
    Eu fiquei muito feliz pelo resultado obtido, agora que sei como fazer vou melhorar no designe da fan page.
    Para quem quiser conferir o resultado eh so visitar a fan page http://www.facebook.com/studioformaturas aproveita e CURTI a nossa page

    • Amanda

      Mas qual código HTML vc usou? Vc msm fez?

      • http://pontocomteudo.com Camila Camargo

        Sim, eu mesma fiz.

  • Amanda

    Camila,
    Adorei todos seus posts sobre fanpages. Mas não entendi uma parte: Passo 7. Esta é a página de inserção do código HTML que será usado para inserir uma aba personalizada. O código HTML que tenho que inserir é como se fosse do site? ou seja do meu projeto? ou tem algum padrão?! Agradeço

    • http://pontocomteudo.com Camila Camargo

      Oi Amanda.

      É um código em HTML. Não tem padrão, apenas neste formato de código.

      • Amanda

        Entendi!
        Mas sempre que coloco o código aparece esta mensagem:
        Template contains the body tag!!
        Pq? O q posso fazer?

      • http://pontocomteudo.com Camila Camargo

        Provavelmente é porque a TAG Body não é aceita, especialmente no aplicativo da Involver.

  • http://riremaisrir.tumblr.com Filipa

    Como se põe outra aba depois da pessoa clicar em curtir!

    • http://pontocomteudo.com Camila Camargo

      Qual aplicativo você está usando?

  • Michelle

    Camila, como eu consigo mudar os “ícones das abas” da página? Gostaria de usar o nosso logo (favicon) como fazemos isso no HTML ?

  • Celi Bonete

    Olá :) No na minha page não aparece a opção mais aplicativos… :/

    Sabe como posso fazer para aparecer essa opção?
    Obrigada

  • Grazi Vancine

    Oi Camila, gostei do seu texto. Mas tenho uma dúvida: consegui colocar apenas uma página. Como faço para inserir mais páginas? 

  • http://www.facebook.com/ItamarZatarin Itamar Zatarin Araujo

    Olá Camila!
    Estou tendo um problema quanto ao carregamento da páfina do facebook ao escolher a aba de entrada.”benm vindo”.
    Eu configuro mas quando eu tento acessar ela não carrega nesta aba, e sim no mural, o que devo fazer?

    • Anônimo

      Oi Itamar. Esta opção é destinada apenas para as pessoas que não curtem a página. Se você já curte sempre cairá no mural.

  • Sil…

    fiz todo o procedimento…mas quem não é fã ainda vê o mural e as fotos da minha página. O que devo fazer????? 

  • Odete garcia

    Na minha página inicial,os meus post não aparecem lá,só ficam no meu mural

    • Camila Camargo

      Seus posts não estão restritos. Verifique suas configurações de privacidade.

  • Leonardo

    Ola, gostei muito do seu post. Uma dúvida, no meu “gerenciar permissões” não aparece a opção “Aba padrão de entrada”. Sendo que ja criei a pagina como no seu tutor. Será que agora é automático.
    Att. Leonardo editor

    • pontocomteudo

      Com a mudança para o formato Timeline, esta opção de guia de destino padrão não existe mais.

      Abraços

  • RSS
  • Facebook
  • Google+
  • LinkedIn
  • Twitter
  • YouTube
  • Pinterest