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:

conteúdo na fanpage

 

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.

Encontrar aplicativos

 

2. Na página que abre, clique em Procurar aplicativos.

Central de aplicativos

 

3. Em seguida clique em Use agora.

static HTML

 

4. Clique no botão Add Static HTML to a Page.

add static

 

5. Agora escolha a página onde o aplicativo será hospedado.

Escolha a página

 

Abas prontas

 

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.

editar configurações

 

Lembrando que o formato da imagem da aba é de 174 x 111px.

Altere a imagem

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.

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.

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.

call-to-action-mkt-de-conteudo

Conteúdo originalmente publicado em 14 de janeiro de 2014

Previous ArticleNext Article

This post has 21 Comments

21
    1. 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!

  1. É 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.

    1. 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.

  2. 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???

    1. 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.

  3. 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

  4. 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.

  5. 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!

  6. 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?

  7. ola.. Nao achei nenhuma seta e nem seque aba na minha pagina que abrisse essa opcao de encontrar mais aplicativos. 🙁

  8. 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.”

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Espere! Não esqueça de assinar nossa newsletter

Acesse conteúdo premium sobre marketing de conteúdo:

Suas informações de contato nunca serão usadas para enviar qualquer tipo de SPAM.