Sua empresa tem uma fanpage, quer explorá-la para divulgar seu conteúdo da melhor forma possível e você não sabe como? As ferramentas do Facebook e os aplicativos de terceiros podem surpreender e ajudar bastante. Por isso indico um dos aplicativos para abas na fanpage que eu sempre utilizo, principalmente quando a Wishpond lança um novo e-book.
Você vai aprender como ganhar mais tráfego no seu site ou blog e ao mesmo tempo mais likes em sua fanpage utilizando o aplicativo da Thunderpenny, Static HTML: iframe tabs. Você não precisa saber muito sobre HTML, basta escolher o “Static HTML” e seguir minhas dicas.
A Wishpond Brasil, empresa de marketing online, utiliza esse aplicativo para promover seus ebooks e os divulgar de forma simples, eficaz e atraente. Logo abaixo segue a imagem de como o aplicativo pode ficar na sua aba:
Você pode personalizar todas essas abas na fanpage para que elas fiquem com a cara da sua marca! Não se preocupe quanto a isso, pois irei explicar e disponibilizar um vídeo. Porém antes de ensinar como customizar essas abas na fanpage, irei explicar como adicionar o aplicativo.
Passo a passo: como adicionar o aplicativo
1. Entre no Facebook como administrador da fanpage, vá até as abas e clique na seta na lateral direita e depois clique em Encontrar mais aplicativos.
2. Na página que abre, clique em Procurar aplicativos.
3. Em seguida clique em Use agora.
4. Clique no botão Add Static HTML to a Page.
5. Agora escolha a página onde o aplicativo será hospedado.
Depois de instalar o aplicativo para promover seu produto e gerar tráfego para o seu site descubra como alterar a imagem da aba e o nome para que a mesma fique com a cara do seu negócio assim como a primeira imagem do exemplo que mostrei lá em cima.
Como alterar o aplicativo
Agora que o aplicativo foi instalado na sua página, vamos alterar o nome e imagem padrão em sua fanpage. Para substituir o nome padrão da aba do aplicativo, vá para a região das abas na fanpage e clique na seta para baixo ao lado direito da última aba que você tem para que apareça o total delas, depois clique no canto superior direito onde tem o ícone de um lápis e clique em Editar configurações.
Lembrando que o formato da imagem da aba é de 174 x 111px.
Se tiver alguma dúvida, por favor assista a esse vídeo abaixo, que traz um tutorial.
Agora que já falamos sobre como adicionar um aplicativo e como customizar as abas, vamos falar sobre instalar e o promover.
Como instalar e promover seu conteúdo
Clique na aba que você acabou de customizar para começar a configurar como seu produto será promovido e, em seguida, clique em Edit tab.
Aba Content
Na primeira aba de nome index.html, você vai apagar os códigos existentes e colocar:
<head>
[[script.js]]
</head>
Depois você vai na terceira aba de nome script.js, também apaga o código em amarelo para acrescentar esse:
window.top.location.href = “http://pt.wishpond.com/ebook-como-obter-mais-fas/”;
Veja que o link em http que eu indiquei foi para a página de acesso do e-book que a Wishpond lançou e está promovendo. No seu caso, logo após o sinal de igual você deve colocar o link para sua página de destino juntamente com as aspas.
Aba Fangate
Depois de escolher a página para a qual o usuário será redirecionado ao clicar em sua aba, é hora de alterar a imagem que irá aparecer para todos que ainda não curtiram sua página, e é aí que você começa a ganhar mais fãs. Por isso eu recomendo você criar uma imagem bem atraente, daquelas que despertam curiosidade nos usuários e faz com que o mesmo curta.
Clique na aba Fanpage para fazer o upload da imagem. Selecione a opção Enable fangate para solicitar que usuários curtam a fanpage visualizarem o conteúdo da aba (neste caso, o redirecionamento para o seu site).
Depois escolha o app de imagem (eu recomendo o app “Image”). Para escolher o app a ser utilizado clique em See more apps e então na lateral esquerda onde há Free apps. Clique em Image e então selecione o botão do lado direito Use Image app.
Pronto, agora é só clicar em Change image para enviar a imagem já criada, lembrando que o tamanho do Fangate é 810px de largura por no máximo 1000px de altura.
Agora que você já escolheu a página que o usuário será redirecionado e a imagem para divulgação do seu produto/serviço clique em Save & Publish. Se quiser conferir antes como irá ficar, clique em Preview tab.
Para visualizar a aba na sua fanpage clique em View tab on Facebook e, para finalizar, clique em Done editing tab.
Por você ser administrador da página, quando você quiser ver a aba, você deve clicar em View tab as a visitor para visualizar a aba e depois em Open visitor mode para ser redirecionado como um visitante.
Espero ter trazido novidades e tirado suas dúvidas. Se tiver dicas, sugestões ou dúvidas deixe seu comentário!
* Este guest post foi produzido pela gerente de campanhas da Wishpond Brasil, Thiara Deusdedith. As ferramentas para mídias sociais da Wishpond permitem que você crie campanhas online de forma fácil e rápida.
Conteúdo originalmente publicado em 14 de janeiro de 2014
Excelente texto!!! Muito funcional!
Muito obrigada Lucas, compartilhe come seus amigos!
Se o objetivo for apenas redirecionar a aba para uma página no site, como posso fazer?
A inserção da fangate só é possível se for pago.
Oi Marina, consegui da mesma forma em que o post ensina.. só seguir o passo-a-passo, e nem aparece nada pra cobrar..
Artigo muito útil! Adicionei 3 novas abas..
Obrigado!
Oi Renato, que bom que essas dicas funcionaram para você.
Eu sempre escrevo dicas como essa para o blog da wishpond. Caso queria conhecer segue o link: blog.wishpond.com.br
Obrigada!
É possível redimensionar um álbum para essa aba? A pessoa clica no botão (aba) e consegui ver o conteúdo daquele Álbum direto. hum?
Agradecida.
Olá, Dariana. Você pode apenas colocar conteúdo com texto ou imagens. Não é possível colocar um álbum. Uma solução é criar um link para o álbum após o usuário curtir a página.
Dariana,
Eu gosto de redirecionar para o Pinterest. Já experimentou?
Já baixei o app e fiz minha primeira aba. Agora estou tentando fazer uma segunda aba com o mesmo app Static HTML e nao permite. Pq???
Olá Josy, outra aba não está aparecendo para você provavelmente por que você de ter o máximo permitido. Se puder exclua alguma que não esteja utilizando e tente novamente.
Olá, ótimo artigo! Criei a fan page pelo meu perfil, e as abas só estão aparecendo de forma vertical na lateral esquerda da página, dentro de aplicativos. Como faço para coloca-las abaixo da capa do face, conforme seu exemplo?
Obrigado
abs
Olá, alguém sabe porque quando vou escolher em qual fanpage instalar o aplicativo, uma das fanpages fica desabilitada? Pensei que fosse porque a fanpage atingiu o limite máximo de abas, mas mesmo depois de excluir duas abas, não habilita para selecionar aquela fanpage.
Tem como abrir o link na mesma pagina igual das abas padrão? Com o comando que inseri: window.top.location.href = “http://meusite.com.br/”; ele abre o link, mas sai da pagina, eu queria que abrisse dentro do espaço da agina ou num popup, ou até em outra guia…
Obrigado!
Excelente post, me ajudou muito, muito obrigada!
O Conteúdo mais simples, prático e funcional que eu encontrei! Muito bom.
Vasculhei o Google inteiro por um tutorial como esse. Os analistas de mídias sociais agradecem
Excelente post. Nós também desenvolvemos um tutorial em vídeo sobre o assunto:
http://4words.pt/criar-aba-pinterest-fan-page-facebook/
Olá! Já tentei adicionar um cardapio pdf na minha pagina e não consegui! Usando este mesmo aplicativo. Foi em um tutorial da agencialooque. Não mencionaram como criar um link para enviar o arquivo e se era pago! Fiz tudo certo inclusive adicionei a guia no face e coloquei o nome mas depois clico nela e não aparece opção pra carregar o arquivo pdf. Alguem me ajude?
ola.. Nao achei nenhuma seta e nem seque aba na minha pagina que abrisse essa opcao de encontrar mais aplicativos. 🙁
A mesma coisa aconteceu comigo. “Olá. Não achei nenhuma seta e nem sequer aba na minha pagina que abrisse essa opção de encontrar mais aplicativos.”