Um dos grandes diferenciais de ter uma página no Facebook é a capacidade de personalização do espaço. Com uma página de boas-vindas personalizada, você deixa o espaço da sua empresa ou projeto no Facebook com a sua cara, sua identidade.
Vejam o exemplo de uma página com uma área personalizada para os fãs:
E agora como criar uma em 3 passos para a sua página.
1. Procure pelo aplicativo Static HTML: iFrame tabs. Na página do aplicativo, clique em Adicionar a minha página;
2. Repare que o aplicativo já está menu esquerdo da sua página. A configuração padrão do aplicativo configura a página personalizada com o nome de Welcome, mas você pode alterar isso. Clique em Editar informações, no topo da sua página, embaixo do nome e ao lado da categoria. Já na página das suas informações, clique em Aplicativos e depois em Editar configurações. Agora é só escolher o nome que deseja.
3. Para configurar e personalizar sua página de boas-vindas volte para a sua página e clique na página Welcome (ou o nome que você usou para a página personalizada). A imagem a seguir aparecerá:
Agora basta inserir o código HTML que configura a sua página. Repare que o aplicativo ainda permite que você coloque um conteúdo exclusivo para as pessoas que já curtem a página na opção [Optional] Fans-only content.
Para configurar para que essa página seja a de boas-vindas clique em Editar informações e escolha a opção Gerenciar permissões, depois clique em Guia padrão de abertura e marque a opção desejada, criada pelo aplicativo Static HTML: iFrame Tabs.
Pronto! Sua página já tem uma guia de boas-vindas personalizada.
Espero ter ajudado.
Fonte: All Facebook
Posts relacionados:
[...] Leia mais: Como criar uma guia de boas-vindas personalizada para sua págine … [...]
Ótimo post. Abs
Ótimo post, guilherme. segui os passos e deu tudo certo. deixa só eu tirar uma dúvida: Como faço para ter outras aba como essa, mas com conteúdo diferente? quantas abas são possíveis criar? obrigada!
Obrigado, Heloiza. Infelizmente esse aplicativo só permite a criação de uma aba. Coloquei esse no post por ser o mais simples, mas existem outros. Procure no próprio Facebook por Static ou iFrame.
Entendi, Guilherme. Bom, vou dar uma olhada nestes que você me indicou. Antes, eu estava usando o FBML e no próprio aplicativo eu conseguiu gerar mais abas, mas agora não consigo mais. Esta opção sumiu! Preciso criar mais duas abas para a página da minha empresa e não estou conseguindo.
Heloisa, o FBML foi retirado do Facebook. Por isso não é mais possível criar uma aba com esse aplicativo. Em breve faremos um tutorial caprichado sobre como criar uma aba personalizada, e como fazer para criar mais de uma.
Comigo não deu certo. =[
Olá..muito bom, mas como faço para q o icone da aba seja personalizado e não o icone do aplicativo(EStrela com um fundo escuro) ? Obrigado!
Wellington, esse aplicativo não permite que você personalize o ícone. Em breve faremos um tutorial bem detalhado sobre como criar uma guia personalizada para a sua página e deixar do jeito que você quiser.
fala Guilherme, tudo bem?
Primeiramente parabéns pelo blog, simplesmente o melhor sobre Facebook.
Eu estou com uma duvida, tenho uma fan page no Facebook e não consigo de maneira nenhuma colocar a aba personalizada como principal.
Já fui em gerenciar permissões, já alterei a aba que gostaria de exibir como principal e nada acontece.
A pagina tem todas as áreas de informação preenchida e tem 690 pessoas curtindo.
o que pode estar acontecendo?
Desde ja agradeço,
Pedro, algumas páginas com certas categorias não permitem essa escolha. Tivemos o mesmo problema com a página do TSF no facebook.
Sugiro que você tente trocar a categoria da página e aí observe se a opção surge.
Mas já aviso, na página do TSF isso não funcionou e preferimos fazer outra (porque ainda tínhamos poucos fãs).
Oi Vivian,
Obrigado pela rapida resposta, qual foi a categoria criada anteriormente por vocês e qual a atual?
Grato.
Não lembro a anterior, mas atualmente está como site/blog.
olá guilherme….parabéns pelo blog….
Cara a questão da guia bem vindo na minha página do face, foi muito útil, porém não to conseguindo colocar uma foto…..ja exportei no fireworks com código html e css, mais nenhum dos dois funcionou…a foto não aparece na página ..aparece apenas o espaço onde seria a foto e aquele "x" no canto superior esquerdo ….será que voc6e poderia dar uma luz com relação a isso?
desde já agradeço!!
Ismael, estranho dar esse problema. Acho que uma ideia é tentar outro aplicativo para incluir guia de boas vindas. Buscando por iframe no Facebook você acha vários. Recomendo esse (https://apps.facebook.com/iframeshq/?ref=ts) ou esse (https://www.facebook.com/iwipa).
Não devia dar problema algum com código html, melhor checar se ele está ok num site de teste, como esse http://www.jmarshall.com/easy/html/testbed.html
Tem algo de errado com o código html….testei no site que você recomendou e deu o mesmo erro ….
Por favor onde mais eu poderia achar o código html de uma foto ?
Obrigado!!
Eu quero colocar imagem que está no meu notebook na minha fan page, só tem como colocar através de html?
Só assim. bs,
consegui, mas como priorizar a aba de bem vindo quando alguém entrar na minha página? quando a pessoa entrar quero que a primeira coisa que ela veja é as boas vindas e não o mural…
Ana no último quadro do tutorial acima, explica como fazer isso que você está querendo…. editar informações // gerenciar permissões // guia padrão de abertura // escolha o que melhor lhe convier.
Galera do TSF, parabéns pelo blog. Ele é excelente. Muito didático.
Vcs poderiam me ajudar em um detalhe? quais são as medidas ideais em pixel para configurar uma página do facebook personalizada? qual seria a largura máxima para a página de welcome e qual a largura para o avatar?
Desde já muito obrigado.
Aldo, o tamanho máximo para a imagem de perfil é de 540 px (altura) x 180 px (largura). Porém lembre que a altura não pode ser 3x maior que a largura.
Uma guia de boas vindas tem o limite de 520 pX de largura. não há limite para o comprimento.
Vivian, muito obrigado pela rápida resposta.
Mais uma vez parabéns a toda equipe do TSF por este blog muito instrutivo.
ESSA PÁG. DE BEM VINDO NÃO DÁ P/ ADD NO PERFIL? eU TENTEI, MAS NÃO CONSEGUI… ACHO Q É SÓ EM FUN PAGE NÉ?
aGUARDO RESPOSTA,
OBRIGADA!
É só para fanpage. Abs
Olá guilherme! ótimo post! Só queria tirar uma dúvida, se eu quiser adicionar uma imagem na minah página de bem vindo, como eu faço? tem q ser em html? tem algum post q ensine trabalhar em hmtl? valeu!
tem que ser em html. Tem tutoriais sobre como programar em html na internet, é exatamente como programar um site. Abs
Olá. Gostei muito do tópico, mas surgiu uma dúvida, como faço para inserir as imagens? Tipo, no html vc coloca o endereço da imagem no seu pc ou na web, tentei os dois mas não funcionou. e agora?
Já consegui pessoal! Testar é tudo! Obrigada!
Olá, suellen
gostaria de saber como vc conseguiu colocar as imagens na fan page testei varias formas e nenhuma deu certo…rsrs
aguardo resposta
Galera vcs poderiam me ajudar…
Tipo,gostei muito da pg de boas vindas que vcs mencionaram.
fiz uma, mas não consigo linkar a imagem (que está hospedada) para que abra a pgna corespondente(site,twitter). Fiz em html.
veja http://www.facebook.com/pages/Usenagem/1613634172…
como posso linkar?
Aguardo….
Acho que você conseguiu linkar. Parece tudo ok na sua página. Algum problema ainda?
Não consegui não(twitter).
Vc poderia me passar as tags que vc usou.
outra coisa, vc poderia postar materiais relativa a linguagem fbml…
Obrigado……
Lá tá OK. como vc fez seu html?
Olá Guilherme!
Já sou uma leitora fiel ao blog de vcs!!! ótimo conteúdo
agora, minha dúvida! Criei a aba de boas vindas para fan e non-fan.
se o usuário for non-fan, a landing page será a welcome (como configurei) . no entanto, se já é fan, a landing é o mural … e eu gostaria que continuasse sendo a welcome "fan".
É isso mesmo? o face do entrega a pagina welcome para os non-fan?
Olá! Minha dúvida é: onde encontrar o código HTML que configura a sua página.
obrigado
Olá guilherme, tudo bem? consegui fazer o passo a passo direitinho, porém no meu facebook não aparece essa opção "guia padrão de abertura", e eu gostaria de configurar a página criada com html para ser a de boas vindas. saberia me falar pq não encontro essa opção? Obrigada, yve
Yve, o Guilherme anda ocupado então eu respondo. =P
Algumas categorias de páginas não dão a opção de escolher a guia de abertura. Você não está fazendo nada de errado.
Você pode trocar a categoria da página no Editar Página e tentar novamente. Mas já aviso, às vezes não tem jeito. Tivemos esse problema com a nossa página do TSF no Facebook. =/
Obrigada pela ajuda, Vivian. Você sabe me falar se a partir do momento que vc altera a categoria da página, essa opção aparece imediatamente? obrigada, yve
Não entendi Marina, você não está achando o aplicativo na busca?
Segui todos os vossos concelhos mas nao consigo colocar a imagem de boas vindas.
como faço? me ajudem
Sofia, você pode estar com problemas no HTML. teste no site http://www.lncc.br/~borges/php/testar.html
Abs
Opaaaaa achei o que procurava era isso bem explicado.
Muito obrigado e sucesso com o site.
Me sinto um idiota não conseguindo fazer a imagem do html aparecer, já tentei várias formas e nada. Algum caminho de html mais simples e funcional?
Nao consigo qe a minha foto apareça
Como eu crio um codigo HTML pra coloacar a minha foto de boas-vindas ?
TAMBÉM não consigo colocar minha imagem de boas vindas em html!
Como coloco foto na pag. inicial me ajudem nao sei ;(
o que seria html?
Olá!
Tudo corre bem nesta explicação menos no último passo:
A opção "Guia padrão de abertura" não existe na minha página!! Como é que posso resolver isto?
Muito obrigado!
fiz tudo desde a criação das imagens para inserir a instalação do html na pagina! Agora na parte de configuração o aplicativo não aparece em meus aplicativos! o que devo fazer??? Estou perdido! Quero Coloca-la como vi em outras paginas! o CONTEÚDO da pagina só é visto depois de curtir a pagina! e Antes de Curtir aparece uma tela pedindo pra curtir e depois de curtida aparece a outra tela! Como já disse já criei tudo e já instalei na minha pagina agora preciso de configura-lo mas como se não aparece junto aos meus aplicativos! Será que AUTOMATICAMENTE ela já faz isso por mim pois já que coloquei os CÓDIGOS nos lugares corretos!
olá eu nao percebi uma coisa , o que é " código HTML que configura a sua página" ? é que eu nao sei :S
eu estou com o mesmo problema
O Post é de abril/2011. segui o tutorial certinho mas na página inicial não aparece as páginas que criei, mesmo configurando nas propriedades para aparecer como principal. não sei se tem a ver com a nova versão do facebook. porém notem que em muitas outras páginas existem ícones diferentes para esta página principal, então deve haver outros apps para esta finalidade que funcione. se souber de algum atualizem o artigo. abç.
Como faço para editar a aba "Welcome"?
Eu fiz tudo certo, carreguei a imagem no modo html com o codigos, configurei, mas a minha pagina nao abre como a principal, ela abre o mural primeiro.
Felipe, a página de boas vindas só aparece como principal para quem ainda não curte a página.
Ola, EU SEGUI O PASSO A PASSO CERTINHO.
MAS QDO ABRO A TELA DE BEM VINDO..APARECE SO O HTML.
A IMAGEM NAO.
JA TESTEI NO SITE QUE VC PASSOU TODAS AS IMAGENS QUE TENTO DA ERRO. DE IMAGSHACK, DROPBOX, PICASA..JA USEI VARIOS SITES DE UPLOAD.MAS QDO COLOCO O LINK E APERTO ENTER NO NAVEGADOR ELA ABRE NORMAL.
PR FAVOR DE UMA OLHADA. http://www.facebook.com/pages/Eu-Amo-e-Respeito-a…
OBRIGADA DESDE JA
Ajudou meeesmo !
OBG PELAS DICAS MUITO UTEIS
CONSEGUI http://www.facebook.com/pages/Blog-Just-Words/348…
Valeu man minha page ficou otima http://www.facebook.com/pages/CarTuning-and-Drift…
é gratis?
mim ensina a colocar imagem ?
ta otima a explicação vc só esqueceu uma coisa
depois de colocar o link HTML clique em salvar!! ok
COMO COLOCO IMAGENS NESTE BEM VINDO ???
A cara mas eu nao sei como coloca uma imagem que eu desejar ! Alguem me ajuda por favor ?
Esse é meu facebook para alguem ae poder me ajudar ! https://www.facebook.com/profile.php?id=100002944…
Obrigado !
Muito bom, valeu a explicação. Só fiquei meio confuso em relação ao HTML, mas já me descompliquei e consegui. Valeu.
Vlw cara deu tudo certo mas eu fiquei com uma dúvida : como eu faço para personalizar as palavras ou colocar fotos no welcome, porque quando eu escrevo so aparece aquelas letrinhas, queria saber como personalizar
Deu tudo certo aqui.
Só que depois que a pessoa clica em Curtir, continua na mesma página de boas-vindas.
Teria como redirecionar ela para o Mural não?
Como colocar a pagina de bem vindo pra quem não é fan na nova Timeline ?
Ola,
Funcionarà com as novas regras do facebook? Temos agora para 30 de março, o perfil e o diario , e portanto funcionarà esse aplicativo ?
Como faço para saber qual e o meu codigo HTML?
Tem como criar um evento pela p'agina ? e convidar os amigos q a curtem ?
Obrigado.
Guilherme, eu tenho o meu perfil pessoal, e a Fan Page da minha empresa.
Quando eu tendo adicionar o aplicativo para a minha Fan Page, o Facebook alerta que eu preciso usar o meu perfil pessoal.
Como utilizar na Fan Page, se pedem para eu usar o meu perfil social?
Desculpa a minha ignorância.
Obrigado se puder me ajudar.