Web Córtex Marketing Digital

Ações digitais, lucros reais.

27 de março de 2012 -

ContactMe logo

Hoje iremos falar sobre como adicionar uma aba de formulário de contato em uma fanpage do Facebook. Este é um importante recurso, pois facilita ainda mais o contato entre empresa e cliente. Quanto mais você facilitar este contato, maior a probabilidade de receber um contato de um futuro cliente.

Antes de iniciar o processo, você precisa ter uma fanpage, é claro! Caso não tenha, acesse como criar uma fan page no Facebook. As fanpages do Facebook tem sido ótimas formas de divulgação e de criação de relacionamento em campanhas de marketing digital e até mesmo em projetos de SEO e Links Patrocinados.

Por questões didáticas, iremos utilizar a própria fanpage da Web Córtex.

Conheça a Cueca Store!

1o. Passo: Acessando a conta

Para adicionar o formulário é necessário entrar através da conta de administrador da fanpage.

2o. Passo: Localize o aplicativo

O formulário será adicionado a fanpage por meio de um aplicativo. O nome do aplicativo é ContactMe. Encontre o aplicativo utilizando o campo de busca do Facebook e clique no aplicativo, conforme imagem abaixo:

Localizando o aplicativo ContactMe

Localizando o aplicativo ContactMe

3o. Passo: Inserindo os primeiros dados

Após selecionar o aplicativo, a tela abaixo será exibida com algumas instruções. Clique no botão Get Started.

Clique em Get Started

Clique em Get Started

Agora, selecione a fã page em que você deseja adicionar o formulário. Caso você seja administrador de mais de uma página do Facebook, elas serão exibidas em uma lista.

Selecionando a fanpage

Selecionando a fanpage

E para finalizar o passo 3, você precisa aceitar os termos de uso do aplicativo. Como já é de praxe em aplicativos Free, eles podem acessar praticamente todos os seus dados cadastrais. Clique no botão Adicionar ContactMe – Easy Contact Tabs for your fanpage.

Aceitando os termos do ContactMe

Aceitando os termos do ContactMe

4o. Passo: Acessando a parte administrativa

Após concluir o passo 3, você será redirecionado para a página principal da fanpage e uma nova aba chamada Contact será exibida (conforme figura abaixo). Clique nesta aba para acessar a parte administrativa do formulário.

Nova aba é exibidade

Nova aba é exibida

Agora, insira o e-mail que deseja receber os contatos e clique no botão Setup Account. 

E-mail padrão do ContactMe

E-mail padrão do ContactMe

Neste momento será exibida uma tela com o formulário, porém você deverá clicar no botão Customize My Form.

Cutomize My Form - ContactMe

Cutomize My Form – ContactMe

Agora você será redirecionado para a própria página do ContactMe. Um e-mail será enviado para o endereço selecionado anteriormente, com um usuário e uma senha. Caso necessite acessar o ambiente administrativo diretamente pelo site, você deverá utilizar estes dados enviados.

Conheça a Cueca Store!

5o. Passo: Customizando o formulário

Na etapa de customização, nenhum dado será obrigatório. Sendo recomendado de acordo com a necessidade do cliente.

Basic Information

Nesta seção, você deverá incluir o nome de sua empresa ou fanpage no campo Business Name e adicionar o logotipo da empresa, através do botão Upload. Existe também um campo chamado Hide my email (recommended). Se este campo estiver selecionado, o endereço de e-mail não será exibido. Caso contrário, ele será exibido logo abaixo do nome da empresa.

ContactMe - Basic information

ContactMe – Basic information

Perceba que, conforme as alterações são efetuadas, um exemplo do formulário é exibido à direita da tela.

My Contact Information e Form Settings

Nestas duas próximas seções serão adicionados alguns dados de contato e será feita a escolha da língua.

O campo Add Address possibilita inserir o endereço da empresa. No nosso caso não selecionamos ele. O campo Add Phone Number é usado para exibir o telefone da empresa e o campo Add Social Profiles lhe permite vincular contas como do Twitter, LinkedIn, Skype e Facebook. Como nosso formulário será exibido apenas dentro da fanpage (este aplicativo também pode ser utilizado para exibir formulários em sites), adicionamos apenas o endereço do nosso Twitter. Atenção: Sempre adicione o endereço completo, conforme o exemplo.

A próxima seção (Form Settings) tem apenas dois campos. O primeiro, e imprescindível, é a escolha da linguagem. Você deverá alterá-lo para Português, conforme a imagem abaixo. O último campo Add Captcha Spam Protection é uma opção que adiciona um Captcha no seu formulário para evitar spammers.

ContactMe - My contact information e form settings

ContactMe – My contact information e form settings

Manage Form Fields

Esta seção nos dá a possibilidade de alterar os nomes dos campos e até mesmo adicionar novos campos. Para alterar o nome de um campo, ou mudar de requerido para não requerido, ou vice-versa, clique no lápis que está à direita do campo. Após clicar no objeto, serão exibidos três campos: Type onde é possível selecionar o tipo de campo; Title onde é possível alterar o nome do campo (no nosso caso, mudei o telefone e adicionei o formato) e por último o campo Required onde é possível selecionar se um campo é obrigatório ou não.

Para adicionar um novo campo, clique no link + Add another field. Depois preencha os campos Type, Title e Required e pronto!

ContactMe - Manage form fields

ContactMe – Manage form fields

A seção Premium Form Options não será tratada aqui, já que só é permitido utilizar os seus recursos, na versão premium do ContactMe.

Após cumprir estas etapas, clique no botão Save Form. Agora seu formulário já está quase pronto!

Conheça a Cueca Store!

6o. Passo: Afinando os últimos detalhes

Retorne a página da fanpage e atualize a página, você irá reparar que o formulário já está do jeito que você configurou. Porém, um detalhe ainda nos incomoda, ou não está de acordo com o esperado. O nome da Aba criada foi Contact (em inglês), apesar de sua linguagem ter sido alterada para português. Bom, diante deste problema, vamos precisar acessar o Facebook como página e alterar o nome da Aba.

Mude o seu perfil e acesse a página como a fanpage, clicando na seta do lado superior direito do Facebook, conforme a imagem abaixo:

Alterando do perfil para Facebook como página

Alterando do perfil para Facebook como página

Agora, clique no botão Editar Página, na parte direita superior da página, conforme imagem abaixo:

Editar página do Facebook

Editar página do Facebook

Após a tela de configuração da fanpage ser aberta, clique na opção Aplicativos e depois localize o aplicativo ContactMe e clique em Editar configurações. Veja a figura abaixo:

Aplicativos da Fanpage

Aplicativos da Fanpage

Uma pequena tela será aberta. Neste momento, você deverá inserir o que deseja exibir na Aba (nós inserimos a palavra Entre em Contato), clicar no botão Salvar e depois em Ok.

Alterando o nome da aba

Alterando o nome da aba

Pronto! Seu formulário de contato está pronto para ser utilizado.

Conheça a Cueca Store!
Ficou com alguma dúvida? Escreva um comentário para nós que ajudamos você a inserir o formulário de contato na fanpage. Se sua fanpage já estiver pronta e você quiser promovê-la, não deixe de assistir nossa vídeo aula grátis sobre como criar anúncios no Facebook.

Leandro Cosas

Formado em Desenvolvimento de Sistemas pela Universidade de Mogi das Cruzes, Consultor de Marketing Digital Certificado 8 Ps e CEO das empresas Cueca Store e Web Córtex Marketing Digital. Twitter: @leandrocosas

Leia mais artigos de .

Seus amigos precisam saber disso. Compartilhe!

55 Comentários em “Adicionando um formulário de contato na sua fanpage“

  1. Adorei! Vou fazer na minha pagina! :)

    Leandro Cosas Respondeu:

    Legal Denise, que bom que gostou! Implementa lá depois posta o link para nós aqui!
    Abraço

    Wilson Conceicao Respondeu:

    Fiz todo o procedimento. Quando preencho o email e clico em “setup account” nada acontece. Não é gerada a “aba” para customizar o formulario.

    Leandro Cosas Respondeu:

    Olá Wilson, não consegui detectar este problema. Dê uma olhada na resposta que eu fiz para a Daniela logo acima.

  2. Caso eu precise alterar alguma coisa, terei essa possibilidade?

    Leandro Cosas Respondeu:

    Olá Aline,

    Sim. Você deverá entrar no Facebook como sua página, clicar no ícone criado aplicativo (entre em contato) e depois clicar em Customize My Form. Com isso você já estará dentro da tela do próprio aplicativo.

    Um abraço.

  3. Na minha fan page a aba “entre em contato” fica escondida. É preciso o usuário clicar na seta que avisa que tema mais aplicativos. É possível aumentar a altura da barra onde ficam os aplicativos para que todos fiquem visíveis?

    Leandro Cosas Respondeu:

    Olá Eduardo,

    Acho que não é possível aumentar o tamanho da barra. O que você poderá fazer para ela aparecer destacada é:
    – Acesse o facebook como sua Página;
    – Clique na setinha para baixo para mostrar todos os recursos;
    – Coloque o mouse em cima do Entre em contato, vai aparecer um ícone de um lápis, clique nele;
    – Depois selecione um item que você queira trocar de posição (colocar para ficar escondido).

    Acho que isso resolve seu problema.

    grande abraço.

  4. Olá Leandro, obrigada pela excelente dica.
    Mas, estou com uma dúvida:
    Posso usar o ContactMe “para sempre” com todos os dados que customizei (meu logo, links Linkedin e Twitter) , ou vai chegar uma hora que ele vai expirar?
    Recebi um email do Contactme dizendo que tenho que comprar uma licença de crm?
    Sou obrigada comprar o CRM?

    Leandro Cosas Respondeu:

    Olá Solange, obrigado pelo elogio!

    Sobre ele ser pago um dia, não tem como prever. Como ele é free, com certeza nas politicas dele deve ter uma clausula falando que um dia ele será pago ou poderá ser tirado do ar.
    Sobre o CRM eu não recebi este e-mail não. acho que você não precisa comprar nada não.
    Ele continua funcionando normalmente ou parou?

    Um abraço e obrigado.

    marcos vinicius farago Respondeu:

    mas como eu faso a pagina

    Leandro Cosas Respondeu:

    Olá Marcos,

    Leia o artigo: http://www.webcortex.com.br/blog/redes-sociais/como-criar-uma-fanpage-no-facebook-em-5-passos/

    Ele é um passo a passo para você criar sua página no Facebook.

  5. Leandro,
    A mensagem veio junto ao e – mail de efetivação do login e senha que recebi do ContactMe.

    Além de meu email e senha gerados, eles enviaram a seguinte informação no mesmo e-mail:

    Your FREE 14-Day CRM Trial lets you:Generate additional free contact buttons to use on Craigslist, eBay®, Facebook or wherever you are on the web
    Customize your contact form
    View and manage all of your business contacts and customer communications in one place
    Add notes and tasks, schedule appointments, and track progress on leads
    View detailed statistics on your buttons, incoming contacts, and leads
    And much more! Most of these features are part of our Biz Pro package so experience them now for free for the next 14 days!
    No Credit Card Needed. No Software to Download.

    When your 14-day free trial ends, you will automatically become a “Free” user of ContactMe. This means you will retain full use of your contact list and groups, as well as of your button and form. If you want to keep using ContactMe’s Biz Pro features, simply upgrade to a monthly plan or save 25% by purchasing an annual package.

    If you need any help getting started, just click the Help link on the site, or check out our Quick Start Guide.

    Thank you for choosing ContactMe. Be sure to watch your email for helpful tips and news from our team, and check out our blog, where we share ways that ContactMe can help you.

    Yours in organization,
    The ContactMe Team

    Leandro Cosas Respondeu:

    Solange pelo que eu entendi, quando você fez a inscrição no ContactMe, você deve ter escolhido a opção PRO, que é paga, mas tem uma versão Free por 14 dias.
    Como já passaram os 14 dias, eles estão lhe informando que você está sendo movida para a versão Free, que tem menos recursos. Porém, mesmo assim o formulário continua funcionando.
    Espero ter ajudado, um abraço.

    Stéphanie Respondeu:

    aconteceu-me o mesmo que a solage eu n quero pagar nada como posso remover a a plicação

  6. Olá Leandro Cosas,

    Parabéns pelo artigo e obrigado pela dica.
    Esse aplicativo será de grande valia para mim e tenho certeza que para todos que possuem uma página no Facebook. Ele permitirá fazer uma lista de potenciais clientes para a empresa, através da sua fan page.
    Continue postando dicas como esta e seremos grato.

    Agraços.

    Leandro Cosas Respondeu:

    Muito obrigado pelo feedback Vicente!
    Grande abraço.

  7. Olá Leandro Cosas,

    Instalei o aplicativo e o formulário está funcionando.
    Apenas o upload do logo não funcionou. Seleciono o arquivo e envio, mas em vez da imagem escolhida, aparece, no formulário, o símbolo de ausência de imagem(pequeno retângulo).
    Tentei diversas vezes, inclusive com outras imagens e nada. Existe alguma restrição com relação a tamanho e tipo de arquivo?
    Por favor me ajude. Sá falta isso para completar.

    Agradeço a atenção e um grande abraço.

    Leandro Cosas Respondeu:

    Olá Vicente,

    Fiz alguns testes aqui e mesmo com imagens grandes funcionou. Tente colocar uma imagem com no máximo 300 x 300 pixels. Creio que deva resolver. Prefira também o tipo PNG ou JPG para a imagem.

    Grande abraço e boa sorte!

    Vicente Respondeu:

    O problema acontece quando uso o navegadpr Google Chrome, mas mesmo assim em poucas vezes aparece o logo. Fiz teste com o Firefox
    e funcionou perfeitamente em 100% das vezes que acionei o aplicativo.
    Tenho que verificar o que acontece com o Google Chrome.
    Obrigado pela atenção e abraços.

    Leandro Cosas Respondeu:

    Estranho Vicente!
    No meu está funcionando normalmente.
    Grande abraço.

  8. Caramba que dica maravilhosa, nem sabia que tinha este aplicativo e acho que muita gente não sabe.
    abraços

    Leandro Cosas Respondeu:

    Obrigado Agostinho, realmente é uma ótima funcionalidade.
    Ajude-nos a divulgá-la.
    Grande abraço.

  9. Parabéns pela dica, Leandro!
    Utilizei o formulário na página de um cliente e está tudo OK!
    Segui o passo a passo e não teve erro.

    Obrigado e um abraço!

    Leandro Cosas Respondeu:

    Muito obrigado Ednei. Que bom que deu tudo certo!
    Grande abraço.

  10. Olá! Muito obrigada por disponibilizar esse tutorial e divulgar esse app.

    Parabéns pelo site.

    [Ingrid Souza]

    Leandro Cosas Respondeu:

    De nada Ingrid. Estamos ai para isso, rs! Continue acompanhando nosso blog, sempre tem novidades sobre marketing digital.
    Um abraço.

  11. Parabens pela explicação nota 10, estou salvando sua pagina em meus favoritos. Obrigado.
    Aproveitando deixa eu te fazer uma pergunta:
    Quando minha pagina não era Linha do Tempo eu tinha um programa que levava a pessoa a curtir minha pagina de maneira mais facil, sabe me dizer se existe algum para as novas linha do tempo. Obrigado.

    Leandro Cosas Respondeu:

    Obrigado Wilson.
    Eu não sei se fizeram algo para a nova página. Acredito que tenha, mas eu não conheço.
    Abraço.

  12. Leandro obrigada pela super dica, estou tentando fazer um formulário com o campo para upload de foto, não encontrei essa opção no ContactMe, você sabe se existe outro que tenha esta opção?

    Leandro Cosas Respondeu:

    Olá Deise, sinceramente não conheço não e acredito que Free com esta opções você não deve encontrar.
    Bem, caso encontre, deixe um comentário aqui em nosso blog para ajudar outros colegas.
    Muito obrigado!

  13. Olá! Tudo bem?
    Sabe me dizer se tem como colocar uma imagem no lugar do ícone no contato, e como eu faço isso? Ou isso só pode na versão paga????
    Obrigada! Gostei muito do post, foi de muita valia para mim!

    Leandro Cosas Respondeu:

    Olá Nayara, acho que não é possível mudar não.

    Mas não tenho certeza disso. Dei uma procurada no site, mas não encontrei nada.

    Abraço.

    Rosi Respondeu:

    Olá,

    Parabéns Leandro pela iniciativa! Para essa questão, existe sim uma possibilidade de trocar a foto do Contato. É só entrar, na aba esquerda, e clicar em aplicativos. Procure pelo aplicativo do Contact me e clique em editar configurações.
    Abraços!

    Leandro Cosas Respondeu:

    Muito obrigado pela contribuição Rosi.
    Grande abraço.

  14. Bom dia Leandro,
    Tentei incluir na minha página, porém não consigo passar do passo de incluir o meu e-mail {Agora, insira o e-mail que deseja receber os contatos e clique no botão Setup Account. }, clico no botão de Setup Account e não acontece nada…

    Obrigada
    Att.

  15. Eu estou enfrentando o mesmo problema da Caroline, mas não estou conseguindo mesmo dar jeito. Depois de instalar a aba na minha fan page, quando insiro o e-mail de contato e clico em ‘Setup Account’, não acontece nada!!

    O que devo fazer? Estou usando o G. Chrome.

    Leandro Cosas Respondeu:

    Olá Mauro acabei de responder a Daniela. fiz o teste e no meu deu tudo certo. Tente limpar o cache do Chrome e tentar novamente.
    Espero ter ajudado, abraço.

  16. Olá Leandro, parabéns pelas dicas. De todos os sites que procurei o seu post foi o melhor.
    Estou com o mesmo problema que a Caroline… {Agora, insira o e-mail que deseja receber os contatos e clique no botão Setup Account. }, clico no botão de Setup Account e não acontece nada.
    Eu até já fiz meu login no ContactMe e meu formulário está pronto, com logo e tudo.
    E qdo algum fã clica na minha página, aparece a seguinte msn:
    This tab is under maintenance. Please check back soon.
    If you’re the admin of this page, sign in as a page administrator and then open this tab to complete the setup.

    O que estou fazendo de errado? :o(
    Help!!
    Abraço.

    Leandro Cosas Respondeu:

    Olá Daniela,

    Bem, acabei de refazer o processo em outra fanpage e deu tudo certo. Acho que pode estar havendo algum problema com a sua conta ou o seu navegador. Tente usar o Chrome, mas antes limpe o cache dele (o navegador) quem sabe não seja isso.
    Sinceramente, senão for isso não sei o que pode ser. No meu dá certo!
    Espero ter ajudado um abraço.

    Laura Respondeu:

    Puxa, estou com o mesmo problema de alguns demais. Clico no Setup Account e nada acontece…

    Parabéns, está ótimo esse blog! Tudo muito bem explicado, adorei. Serei leitora cativa dele agora. :)

    Se souberes mais alguma coisa quanto ao meu problema, fico no aguardo. Obrigada!

  17. Vou apresentar este aplicativo para um cliente, tenho certeza que será ideal para as necessidades dele. Já configurei tudo certinho, agora é só começar a usar assim que aprovado.
    Muito obrigada pelas informações!

  18. Olá, só deixar a informação que o problema de clicar ”Setup Account” e não aparecer nada, não abrir o formulário é porque o Chorme bloqueia, com a informação que contém conteúdo suspeito. Por isso é só desbloquear!

    Retribuindo informação ao site! Me ajudou muito na instalação do aplicativo. Parabéns, bem explicado!

    Leandro Cosas Respondeu:

    Muito obrigado pela contribuição Alice. que bom que conseguiu!

  19. Olá Leandro,

    Excelente artigo!

    Fiz um para testar e deu certo. É possível editá-lo, trocando desde o logo até o e-mail de contato, sem precisar criar um novo form?

    Obrigado.

    Abraço!
    Aníbal

    Leandro Cosas Respondeu:

    Olá Anibal, agora você me pegou,. Que é possível editar eu sei que é, agora não sei se é possível mudar o e-mail de contato.
    Grande abraço.

    Anibal Respondeu:

    Leandro,

    Obrigado por responder.
    Respondendo minha própria pergunta, rs, é possível mudar o email de contato :-)

    abraços

  20. Olá Leandro, Gostaria de saber se é possivel adicionar mais de um email para receber esse contato no 4o. Passo: Acessando a parte administrativa??? Ah gostei muito das explicações.. Abraço.. Aguardo retorno!!

    Leandro Cosas Respondeu:

    Olá Ranyelo, pelo que eu saiba não é possível não. Apenas 1 e-mail. Talvez na versão paga seja possível.
    Abraço.

    Paula Respondeu:

    Descobri esta aplicação e acho-a muita proveitosa. A versão 14 dias grátis dá para explorar muitos recursos. Depois ao passar para a versão grátis é muito limitada. A versão paga dá para personalizar muito mais. São cerca de 35 euros anuais e dá para aplicar em três páginas e associar 3 emails diferentes. Acho que vale bem a pena. Se alguém conhecer outras aplicações do género, partilhem!!!