Como adicionar um formulário de cadastro no Facebook

Não tem como negar que o Facebook é um sucesso e que ainda está em crescimento.

Pra que você possa ter uma ideia do tamanho desta rede social, atualmente ela possui aproximadamente 1,23 bilhão de usuários, sendo destes, 61,2 milhões só no Brasil. Muita gente, não?

Com tudo isso de usuários, com certeza os clientes de sua empresa estão lá.

E pensando nas empresas, o Facebook criou as FanPages (mais abaixo falaremos mais sobre elas), o que tornou fácil conseguir prospects. Até mesmo porque dentre 1,23 bilhão de usuários, conseguir 1.000 seguidores, não é nada, certo?

Bom, conseguir os seguidores é uma tarefa relativamente fácil. Agora, fazer com que sua comunicação impacte todos eles que é o maior desafio.

Se você possui uma FanPage, já deve ter notado que o Facebook não exibe para todos os seguidores suas publicações. Ele segmenta levando em consideração o (possível) interesse do usuário.

É aí onde o e-mail marketing ganha em relação às redes sociais. Com o e-mail você consegue impactar todos os seus contatos quando e como desejar.

Neste post irei explicar como adicionar um formulário de cadastro em sua FanPage do Facebook e, assim, aproveitar a grande notoriedade desta rede para ampliar sua base de contatos.

O que precisaremos?

  1. Uma FanPage no Facebook;
  2. Formulário de cadastro;
  3. Um aplicativo Page Tab.

1. FanPage

Como adicionar um formulário de cadastro no Facebook - FanPage

FanPage é semelhante a um perfil de usuário, mas criada para as empresas.

A grande diferença é que em uma FanPage os usuários não enviam pedidos de amizade, eles apenas clicam em curtir na página.

Ainda não está claro? Clique aqui e veja como é a nossa FanPage.

Caso sua empresa ainda não possua uma, acesse o link abaixo e crie já. É simples!

Criar FanPage no Facebook

P.S.: Não irei aprofundar em como criar uma FanPage, até mesmo porque, é um procedimento muito simples e rápido, mas se tiver dúvidas, por favor, poste-as nos comentários e eu as responderei com certeza.

2. Formulário de cadastro

Como adicionar um formulário de cadastro no Facebook - Formulário

Você pode usar o formulário de cadastro que desejar. Inclusive, pode inserir CSS e JavaScript para deixá-lo mais bonito e validar os campos.

Mas, pra facilitar a sua vida, eu te ajudarei na criação do formulário.

Você é cliente @MediaPost?

Se você for cliente e quiser vincular o formulário de cadastro de sua FanPage com uma lista em sua conta, acesse o link abaixo e crie seu formulário:

Criar formulário de cadastro @MediaPost

Mais abaixo você verá um modelo de formulário já formatado. Se desejar, pode usá-lo. Para isso, precisará apenas trocar as informações semelhantes do formulário modelo pelas informações do seu formulário @MediaPost.

As informações que precisará trocar são desde <form…> até </form>. Se tiver dúvidas, pode nos procurar!

Não é cliente @MediaPost?

Já que você não é um cliente, pode usar o formulário modelo abaixo, mas precisará mudar o action do formulário.

O action é o endereço da página para onde as informações do formulário (Nome e e-mail) serão enviadas. Esta irá processar os dados e executar uma ação, como, gravá-las em um banco de dados ou enviá-las por e-mail, por exemplo.

Você precisará ter algum conhecimento em uma linguagem de programação, mas se não tiver, pode começar usando este código em PHP para um formulário com confirmação de cadastro (Double Opt in).

Formulário modelo

Pensando em facilitar a sua vida, eu criei um formulário modelo já formatado. Veja:

Facebook - Modelo de formulario de cadastro formatado

Para usá-lo, clique no botão abaixo. Quando abrir o arquivo, selecione todo o conteúdo e copie-o. Iremos usá-lo no próximo passo.

Baixar formulário modelo

Está gostando? Cadastre-se para receber mais postagens legais como esta!
Receba por e-mail atualizações do blog, novidades e ofertas.

3. Page Tab

Como adicionar um formulário de cadastro no Facebook - iFrame

Page Tab, são aquelas guias de navegação disponíveis nas FanPages do Facebook. Veja um exemplo:

guias-facebook-fanpage

 

Em nosso tutorial, iremos adicionar uma nova Page Tab com um formulário de cadastro.

Para isso, utilizaremos um aplicativo chamado Page Tab Bar.

Veja como instalar o aplicativo e como inserir seu formulário:

Bônus

Como alterar o nome e imagem da Page Tab?

Por padrão, o nome da sua nova guia será Welcome e a imagem da Page será uma estrela branca em um fundo azul.

Não é feia, mas não representa exatamente o objetivo da guia, certo? Então, você irá aprender como alterar esta imagem.

P.S.: Ela a imagem do ícone precisa ter 111px de largura por 74px de altura.

Se não tiver uma imagem legal, pode usar esta abaixo:

Como adicionar um formulário de cadastro no Facebook - icon

Pronto. Sua Tab com formulário de cadastro está criada e com o nome e imagem personalizados.

O post ficou um pouco grande, mas espero que lhe tenha sido claro e útil!

Aprenda a Nutrir seus leads através de E-mail marketing com esse E-book e converta muito mais.

Deixe seu comentário abaixo. Ele enriquecerá o post e me ajudará a saber sua opinião também.

Abraço e até a próxima!

Avalie este artigo:
Como adicionar um formulário de cadastro no Facebook
4.75 (95%) 32 votos

ATUALIZAÇÕES GRÁTIS

Cadastre-se abaixo para receber no seu e-mail artigos legais como este!

Gostou? Compartilhe:

46 Comentários

  1. Edmar Roberto Prandini disse:

    Olá,

    Segui os passos que você orientou para instalar a Tab mas o formulário não funcionou. Instalei em meu blog unipress.blog.br os arquivos, na pasta /form-face/ e enderecei assim:

    unipress.blog.br/form-face/fornulario.html

    Não entendo porque deu erro.

    Alguma dica?

  2. janaina Gomes disse:

    Olá,

    Duas dúvidas, para onde vai o banco de dados de quem se cadastrar e fiz o teste e apareceu está mensagem:

    Epic 404 – Article Not Found
    This is embarassing. We can’t find what you were looking for.

    Whatever you were looking for was not found, but maybe try looking again or search using the form below.

    Search for:

    Oq devo fazer?

    • Ademir Diniz disse:

      Olá, Janaina.

      Você precisa definir para onde irão os cadastros. Eles podem ser enviados para o seu e-mail (precisará usar um script que processa os cadastros e envia por e-mail – segue um em PHP que faz isso : http://www.emailmarketing.eti.br/blog/formulario-de-cadastro-com-confirmacao-double-opt-in-em-php/)

      Ou, se for cliente @MediaPost, você pode solicitar o formulário através do link abaixo e os cadastros serão adicionados à sua conta.
      https://www.mediapost.com.br/formulario-de-cadastro/

      Sobre o erro. Significa que a página que tentou acessar não existe. Neste caso, precisa verificar se não tem algo errado no formulário ou na página que está tentando acessar.

      Se precisar de ajuda, por favor, insira o endereço que está tentando acessar ou o código que está usando.

      Abraços

      • Carlos disse:

        Olá!
        Utilizando o formulário que vocês deixaram pronto, que carrega a parte “”, como faço para, usando este form, que os dados vão para meu email?

        • Ademir Diniz disse:

          Olá, Carlos. Uma parte de seu comentário não aparece. Deve ser alguma tag HTML.

          Caso seja nosso cliente, basta acessar o seguinte endereço (https://www.mediapost.com.br/formulario-de-cadastro) e nós iremos gerar o código do formulário pronto para uso já integrado com sua conta @MediaPost.

          Se estiver tentando o outro script, você deve seguir as indicações de configuração que seguem no próprio código do script. Deverá informar o endereço do servidor de e-mail, o usuário e senha, além de adicionar ao seu servidor a biblioteca do PHPMailer. No arquivo e no artigo, terá as informações necessárias para uso do script.

          Caso tenha dúvidas no meio do processo, por favor, informe em qual parte está exatamente e assim poderemos auxiliá-lo.

          Abraço e sucesso!

  3. simone disse:

    Boa noite,

    Muito obrigada pelas dicas, deu muuuito certo, minha dúvida agora é como colocar mais abas, me parece não ser possivel com esse aplicativo…tenho que adicionar outro aplicativo é isso?

    Obrigada

    • Ademir Diniz disse:

      Olá, Simone.

      Com este aplicativo só é possível adicionar uma aba por FanPage, mas você pode usar outro também.

      Digite “iframe” na busca do Facebook e aparecerão diversas opções. Escolha uma e prossiga com a instalação e adição do formulário.

      Caso tenha dúvidas, deixe um comentário que eu respondo.

      Abraço e boa sorte com suas campanhas!

  4. Paulo Falcao disse:

    Boa Noite,

    estou usando o endereço do action e não esta funcionando na fan page
    poderia me ajudar

    Obrigado

    • Ademir Diniz disse:

      Olá, Paulo.

      Por favor, me informe o endereço de sua FanPage ou o endereço que colocou no Action de seu formulário para eu ajudá-lo com esta questão.

      Se tiver dúvidas, pode deixar seu comentário que eu lhe responderei em seguida.

      Abraço

  5. Joanya disse:

    Olá, em minha fanpage não funcionou 🙁
    Uso o Adobe FormsCentral. Colei o link em HTML, e ele não carrega.
    Pode me ajudar?

  6. Robson vieira disse:

    Boa tarde Ademir Diniz
    Gostaria muito que você fizesse um vídeo passo a passo como instalar o formulário na fan page. Ficara bem mais fácil compreender. Desde já agradeço.

    • Ademir Diniz disse:

      Olá, Robson.

      Obrigado por sua sugestão.

      Irei tentar criar um vídeo com as instruções de como colocar um formulário de cadastro no Facebook. Quando ele estiver pronto, te avisaremos por e-mail, pode ser?

      Até lá, caso precise de ajuda, pode nos procurar.

      Abraço e sucesso!

    • Ademir Diniz disse:

      Olá, Saulo. Tudo bem?

      Pra facilitar, vou separar em duas etapas:

      1ª – Formulário de cadastro
      Você já possui o código do formulário de cadastro? Este é o formulário que iremos adicionar em sua Fanpage.

      2ª – Tab na FanPage
      Vi que adicionou a Tab HTML na sua FanPage já, porém, ao acessá-la não encontrei nada. Já adicionou o código de seu formulário de cadastro lá?

      Em qual das etapas parou?

      Desta forma, ficará mais fácil auxiliá-lo.

      Abraço e sucesso!

  7. Rhayan disse:

    Bom dia, fiz conforme está no artigo acima, pela a opção de não ser cliente, e só tenho uma dúvida: Queria que todos que se cadastrassem no meu formulário, que os dados fossem mandados para meu email, então eu não tenho uma URL, mas sim um email para armazenar todos os dados de quem for se cadastrar. Então precisaria saber o que posso botar no comando “action” para ir para o meu email.
    Obrigado pela atenção.

    • Ademir Diniz disse:

      Olá, Rhayan. Tudo bem?

      O script em PHP faz exatamente isso. São duas etapas. O arquivo “enviaConfirmacao.php” envia para o e-mail cadastrado uma mensagem com o link para confirmação do cadastro. Quando o contato clica no link, o arquivo “cadastroConfirmado.php” envia os dados por e-mail e exibe a mensagem de confirmação. Você alterou os arquivos corretamente?

      Quando testou, recebeu algum erro?

      Abraço e sucesso
      Ademir Diniz

  8. Isackson disse:

    Não consegui fazer,deu erro.

  9. Fernando Wajima disse:

    meu caro: estou bem perdido. O seguinte erro aconteceu:
    Notice: Undefined variable: subscribed in /home/content/77/10228177/html/apps/tpl/new_footer.php on line 7

    Não sei como guardar os dados na minha página: http://www.grandbrasilrestaurante.com.br/grandbrasil/

    A janela de edição do HTML Tab não está disponível para mim. Tampouco a estrela branca com fundo vermelho aparecem.

    • Ademir Diniz disse:

      Olá, Fernando. Boa tarde.

      Atualizei o artigo. Inseri dois vídeos explicando como inserir o formulário de cadastro.

      Sobre a publicação do script que irá processar seus cadastros, é preciso falar com a pessoa responsável pelo seu site. Ela saberá onde salvar o script e como editar o modelo que sugeri no vídeo.

      De toda forma, caso ainda tenha dúvidas, deixe seu comentário. Estou à disposição para auxiliá-lo.

      Abraço e sucesso!

  10. aline disse:

    Segui os passos dados mas ao efetuar os dados no botao de cadastro aparece como pagina nao encontrada. O que houve…
    Ainda, para onde vai o banco de dados de quem se cadastrar e, ~e possivel um email de resposta automatica
    Segue endereco da pagina = https://www.facebook.com/bemsaudavelvga/app/455785184576453/
    Obrigada

    • Ademir Diniz disse:

      Olá, Aline.

      Pelo que vi, você apenas copiou e colou o código do formulário de cadastro que colocamos como modelo no artigo, porém, para que este funcione, é preciso enviar os dados para uma página que irá processá-los e enviá-los para algum lugar (por email, cadastrá-los em um banco de dados etc.).

      Caso senha cliente @MediaPost, você pode solicitar um formulário de cadastro integrado com sua conta aqui.

      Se não for nossa cliente, precisará hospedar um script para processar os dados. Neste artigo, eu ofereço um modelo em PHP, porém, você precisará alterá-lo para que funcione com seus dados.

      Deixe seu comentário, caso tenha dúvidas.

      Abraço e sucesso em seus envios!

  11. Samuel Winggers disse:

    Boa Tarde,

    Eu fiz uma conta no media post, pedi para fazerem um formulário e recebi direitinho no e-mail. Coloquei na fanpage do Facebook como o vídeo mostra e pronto. Porem na hora que se faz o cadastro aparece a mensagem: Erro ao realizar o seu cadastro!

    Não sei o que eu fiz de errado!

  12. Vailton disse:

    Trabalho com móveis planejados, gostaria de saber se é possivel inserir um campo na Fanpage onde o cliente possa enviar uma imagem através da FanPage? Tipo a planta do imovel em formato de imagem?

  13. Daniel disse:

    Ola
    Estou usando a modelo pronto que você criou, fiz todo o procedimento e abriu a janelo do formulário porém depois de preencher e clicar em CADASTRAR vem uma mensagem assim: Page not found 🙁
    como posso resolver isso?
    Muito obrigado pela dica! Parabéns

    • Ademir Diniz disse:

      Olá, Daniel.

      Para que o modelo funcione, você precisa criar e hospedar um script que receberá os dados dos usuários que realizarem o cadastro e enviá-los por e-mail ou armazená-los em um banco de dados.

      No artigo, tem um exemplo em PHP. Dê uma olhada nele.

      Abraços e sucesso!

  14. Ivonete Azevedo disse:

    Olá li sobre o artigo mas não conseguir fazer o formulário na minha página do face

    • Ademir Diniz disse:

      Olá, Ivonete.

      O que aconteceu exatamente quando tentou?

      Recebeu algum erro ou aviso?
      Se for nossa cliente, entre em contato com nossa equipe de suporte e assim poderemos auxiliá-la com maior precisão.

      Abraços e sucesso!

  15. Allexandre disse:

    ola Ademir!! a informação que tenho que colocar no action e o meu email que vai receber as informações? e no caso de fazer um campo texto, como proceder?

    • Ademir Diniz disse:

      Olá, Alexandre.

      Não entendi sua dúvida. Quer saber qual endereço deve colocar no action do formulário? Se for, você precisa inserir o endereço do “script” (página) para qual as informações serão envidadas. Esta página precisa ser capaz de receber os dados e executar alguma ação como, por exemplo, enviar as informações por e-mail ou cadastrá-la em sua ferramenta de e-mail marketing.

      Isso vale para qualquer tipo de campo, texto, email, number, textarea etc.. Indiferente do tipo de campo, o comportamento do formulário é o mesmo. As informações serão enviadas para uma página que irá processá-las e executar uma ação.

      Caso tenha dúvidas, estou à disposição.

      Abraços e sucesso!

  16. viktor disse:

    Ademir, tentei seguir os passos mais há algo de errado!
    não está funcionando!

    e tbm não sei onde colocar o endereço para encaminhar o cadastro para meu email.

    estou usando o ” Formulário modelo” que vc deixou! tentando colocar na pagina do facebook

  17. Adilson disse:

    Boa noite Ademir, segui as instruções do email marketing porem quando clico em cadstrar recebo este erro ..Warning: require(PHPMailer/class.phpmailer.php): failed to open stream: No such file or directory in /home/dominio/public_html/contatonfe/enviaConfirmacao.php on line 8

    • Ademir Diniz disse:

      Olá, Adilson. Tudo bem?

      Meu caro, isso significa que o arquivo “enviaConfirmacao.php” está requisitando o arquivo “class.phpmailer.php” dentro do diretório “PHPMailer”, mas ele não existe. Você deve baixar todos os arquivos e colocarem todos no mesmo lugar em seu servidor. Caso contrário, não irá funcionar.

      Faça o download dos arquivos, extraia-os em seu computador e coloque tudo do jeito que está em seu servidor (todos no mesmo diretório). Feito isso, altere os arquivos citados no artigo com seus dados de usuário e faça um teste que irá funcionar.

      Se tiver dúvida ou dificuldade, nos avise.

      Abraços e sucesso!

  18. HEUDER disse:

    Bom dia meu caro. segui suas orientações, mas parei onde o desenho do formulário no meu face. como usa-lo agora? abs

  19. Brunno Naves disse:

    Segui os passos, mas não deu certo, é como se a pagina seguinte não existisse. Aparece esta mensagem: Page not found 🙁

    • Ademir Diniz disse:

      Olá, Brunno. Boa tarde.

      Isso geralmente acontece quando o endereço para qual está enviado os dados do formulário não existem. Se você estiver usando o script que disponibilizamos como exemplo, este pode ser o motivo, pois ele está enviando para uma página inexistente mesmo.

      De toda forma, para que possamos ajudá-lo com maior precisão, por favor, nos envie o endereço (URL) da página do Facebook onde inseriu o formulário para verificarmos como foi feito.

      Abraços e sucesso!

Deixe seu comentário!