Como inserir a Like Box da Fanpage Facebook no WordPress

Uma das melhores fontes de tráfego para um site ou blog são as redes sociais e além de auxiliar no aumento das visitas elas também podem fazer com que o público retorne ao site mais vezes caso os seguidores acompanhem o conteúdo nas mídias sociais.

Portanto ter um público grande e bem direcionado em redes sociais é sinônimo de visitas e monetização, mas fidelizar um público não é tão simples. Neste post vou mostrar como inserir a Like Box de uma Fanpage do Facebook no site ou blog em WordPress, pois isso é uma das formas de incentivar os visitantes a curtir uma página do Facebook.

Criar a Like Box da página do Facebook

Like Box FanpagePara criar uma like box você precisa primeiramente ter uma fanpage, caso ainda não tenha veja no link Como criar uma página do Facebook.

A caixa de fãs da Fanpage que ficará exposta em seu site ou blog ficará semelhante a imagem ao lado.

Exibir um Widget do Facebook no WordPress pode auxiliar no aumento do número de fãs da fanpage e quando a página já possui uma boa quantidade de seguidores também gera uma maior credibilidade ao site, pois ela pode exibir os usuários que curtem o conteúdo dentro da like box.

O próprio Facebook nos fornece a ferramenta de criação da like box para fanpages, e isso nos auxilia sem a dependência de plugins para exibição da caixa de fãs no WordPress.

Já com sua fanpage criada acesse o link da ferramenta Criar Like Box.

Nesse link você deve colar o link (URL) da sua página do Facebook, para conseguir o mesmo abra sua página, copie a URL e cole no campo “Facebook Page URL”.

Após colar o link uma pré visualização da like box será exibida, você ainda poderá configurar as opções de largura e altura da caixa (valor em pixel), esquema de cores (claro ou escuro), exibição das pessoas que curtem a página, cabeçalho, escolher se deseja borda ou não na caixa e também existe a opção “Show stream” exibe as atualizações que postamos na timeline da fanpage. No caso do exemplo abaixo deixei apenas a opção de “Show stream” desativada.

Caixa de Fãs do Facebook

Quando concluir a configuração de sua like box clique em “Get Code”, uma janela com um código será exibida, clique em “IFRAME” e copie o código desta opção.

Código Like Box

Agora temos que colar este código em nosso WordPress, vá até o painel administrativo do WP e navegue até o menu “Aparência > Widgets”. Nesta página selecione o Widget de Texto e arraste o mesmo até o local que deseja exibir sua Like Box, dentro do campo de texto cole o código que copiou na ferramenta do Facebook e clique em “Salvar”.

Pronto, navegue até suas páginas e veja o resultado.

Gostou da sua Like Box?

Deu certo? Parabéns ótimo caminho para integrar seu público ao seu conteúdo. Caso tenha tido algum problema deixe seu comentário que tento auxiliar você.

Espero que ganhe várias curtidas com sua nova caixa de fãs no WordPress.

Não deixe de compartilhar esse artigo nas redes sociais! Um abraço e até a próxima.

Como inserir a Like Box da Fanpage Facebook no WordPress 4.86/5 (97.14%) 7 votes
Técnico de Planejamento, Empreendedor, Estudante de Ciências da Computação, SEO e Marketing Digital. Em 2012 resolvi começar a trabalhar com e-commerce, e obrigatoriamente tive que aprender um pouco de SEO e Marketing Digital. Conheci WordPress também em 2012, neste blog vou passar o que aprendi até aqui.

18 comentários em “Como inserir a Like Box da Fanpage Facebook no WordPress

  1. giovanna

    Fiz todo o processo mas quando vou copiar o código do “iframe” para o meu widget de texto, o código some e não cria a caixa do facebook. Como faço para isso nao acontecer?

    12 de outubro de 2013 at 10:48 PM
    1. Olá Giovanna, não compreendi bem o que você esta passando com o Widget. Porém, tente desabilitar o plugin de cache, cole o código e clique em “Salvar”. Após ver o funcionamento da caixa, ative novamente o plugin de cache.

      14 de outubro de 2013 at 9:02 AM
    2. Fred

      Estou com esse mesmo problema mas fiz isso e não deu certo

      9 de novembro de 2013 at 8:00 PM
      1. Olá Fred, seu site é WordPress.com e não .Org, por este motivo não funciona.

        10 de novembro de 2013 at 11:14 PM
  2. Rafael

    Diego, quando eu clico em “get code” o código html aparece normal, mas o código “iframe” aparece em branco. O que devo fazer?

    11 de novembro de 2013 at 10:17 PM
    1. Prezado Rafael, você já tentou utilizar outro navegador para realizar esse procedimento?
      Abraço.

      12 de novembro de 2013 at 5:29 PM
  3. Almir Natalino

    Caraca Diego, Valeu!!!

    28 de novembro de 2013 at 2:33 AM
  4. UBJ NEWS

    Ja havia tentado criar o like no site e nao consegui.. com este artigo foi muito facil… Muito bem detalhado e com exemplos shows.. PARABENS ao autor… vc é fera parça.

    16 de dezembro de 2013 at 9:51 PM
    1. Olá amigo, que bom que ajudou. Um abraço e boa sorte.

      17 de dezembro de 2013 at 10:47 AM
  5. Olga Bon

    Muito obrigada! Explicação fácil e objetiva! Mandou muito bem!

    7 de março de 2014 at 1:17 PM
  6. Karina

    Muito obrigada!!! Deu tudo certo por aqui!!! Super didático seu post! Parabéns!!

    16 de abril de 2014 at 5:11 PM
  7. Samira

    Diego, obrigada pela publicação, ajudou bastante. Porém, segui o caminho correto e no momento de colocar a URL, com o IFRAME e URL não funcionaram, eu coloquei a URL do Facebook mesmo e deu certo!!!!

    7 de maio de 2014 at 4:00 PM
  8. walisson

    Parabens, ajudou muito, quando puder da uma olhadinha no meu site e veja como ficou. Abraços
    multeventosdf.com

    8 de maio de 2014 at 5:37 PM
  9. Camila

    Onde eu configuro quantas vezes a caixa vai abrir quando atualizar ou entrar no site?

    25 de julho de 2014 at 11:56 PM
    1. Olá, a caixa atualiza sozinha, sempre que você recarregar a página.

      29 de julho de 2014 at 2:46 PM
  10. Claudemiro

    muito legal eu artigo funcionou muito bem sem problema melhor do que plugin.
    Obrigado- sucesso Diego Silva.

    6 de fevereiro de 2015 at 12:41 AM
  11. Simão Simões

    Cara, valeu mesmo!

    Tava tentando baixar plugins e tal, mas resolvi isso de forma bem fácil e simples como tu mostrou!

    show de bola!

    Brigadão!

    15 de junho de 2016 at 12:38 AM
Deixe um comentário para Fred

O seu endereço de email não será publicado. Campos obrigatórios são marcados

Você pode usar estes HTML tags e atributos: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Cadastre-se e Receba Novidades

Veja o Vídeo Grátis Segredos do Adsense
Google Plus do Blog
Hospedagem para Wordpress Hospedagem para Wordpress