Categorias
Diversos

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

Por Dennis Altermann

Criei este blog para compartilhar alguns conte√ļdos relevantes sobre comunica√ß√£o digital e o impacto dos meios digitais na sociedade. Aproveita para interagir comigo l√° no Twitter @eu_Dennis