Como integrar o login do Facebook ao WordPress

Impulsionar o engajamento e a fidelidade à marca por meio do seu site WordPress pode ser complicado. Uma das melhores maneiras de se manter conectado com os usuários é eles se inscreverem em contas no seu site. No entanto, muitos visitantes podem achar que essa tarefa é um incômodo, especialmente se exigir que eles gerem e lembrem posteriormente de uma senha nova e segura. Uma maneira de contornar esse problema é oferecer a funcionalidade de login do Facebook.

Ao tornar mais fácil para os visitantes a criação de contas e o acesso ao seu site, você pode estimular indiretamente o envolvimento e, ao mesmo tempo, tornar a vida dos seus usuários mais fácil. Neste artigo, mostraremos exatamente como configurar um botão de login do Facebook em seu site WordPress.

Vamos cavar!

Por que você pode querer adicionar login do Facebook ao seu site WordPress

O WordPress permite que você permita o registro do usuário imediatamente. Como seu site já tem uma opção de login, você deve estar se perguntando por que deveria se preocupar em adicionar integração com o Facebook. Os principais motivos se resumem à conveniência para seus usuários.

Considerando que a plataforma tem quase 2,8 bilhões de usuários ativos por mês, a grande maioria dos visitantes do seu site provavelmente já tem contas no Facebook. Considerando o número de nomes de usuário e senhas que as pessoas precisam lembrar hoje em dia, a capacidade de usar uma conta existente para se registrar em seu site é extremamente conveniente. Os visitantes podem estar mais propensos a criar contas se puderem usar informações de login com as quais já estão familiarizados.

Adicionar login do Facebook ao seu site permite que os usuários criem contas com o clique de um único botão.

Obviamente, essa comodidade traz benefícios para o seu negócio. Ao facilitar o registro dos usuários, você indiretamente os incentiva a se envolver mais com o seu site. Isso é desejável por vários motivos, como:

• Ter uma conta em seu site pode ajudar os usuários a se sentirem mais interessados ​​em sua marca.
• Os usuários podem estar mais propensos a deixar comentários e interagir com seu conteúdo. Isso cria um senso de comunidade e ajuda a impulsionar a otimização do mecanismo de pesquisa (SEO).
• Eles podem estar mais propensos a compartilhar conteúdo com suas redes sociais se já estiverem conectados, o que ajuda a aumentar o alcance de suas postagens.
• Os usuários registrados podem ser mais facilmente alcançados com promoções e notificações de novos conteúdos.

Finalmente, a enorme base de usuários do Facebook significa que a integração pode fornecer análises poderosas e informações demográficas às quais você não teria acesso de outra forma. Esses detalhes podem ser inestimáveis ​​quando se trata de expandir seus negócios.

Como integrar o login do Facebook ao WordPress (em 5 etapas)

Agora que você sabe por que deve considerar a integração do login do Facebook, é hora de aprender como configurá-lo e começar a colher os benefícios. O processo pode parecer complexo, mas na verdade é mais fácil do que parece. Vamos examinar isso.

Etapa 1: configurar uma conta de desenvolvedor do Facebook

A primeira coisa que você precisa fazer é se inscrever para uma conta de desenvolvedor do Facebook. Isso permitirá que você use o Kit de Desenvolvimento de Software (SDK) do Facebook para criar vários aplicativos e integrações, incluindo um botão de login para o seu site:

Visite o site Facebook Developer e clique em Get Started no canto superior direito. Serão feitas várias perguntas, mas se você já tiver uma conta no Facebook, o processo é extremamente rápido. Quando terminar, você chegará à página de aplicativos do Facebook, o que leva à próxima etapa.

Etapa 2: crie um novo aplicativo do Facebook

A próxima etapa é criar um aplicativo do Facebook, que é o recipiente que conterá o código para sua integração. Na página principal de aplicativos, clique no botão verde Criar aplicativo para começar:

Isso abrirá uma janela solicitando que você selecione o que você precisa que seu aplicativo faça:

Escolha Build Connected Experiences para configurar o login do Facebook. Em seguida, você precisará dar um nome ao seu aplicativo e fornecer um e-mail de contato:

Quando terminar, clique em Criar aplicativo. Você será solicitado a confirmar sua humanidade com um CAPTCHA e, em seguida, poderá prosseguir para a próxima etapa.

Etapa 3: adicionar um produto para o novo aplicativo

Em seguida, você precisará escolher um produto para seu novo aplicativo. Este é basicamente um pedaço de código pré-empacotado para ajudá-lo a começar na direção certa. Se você escolheu Build Connected Experiences na Etapa 2, deverá ver uma opção nesta página para Login do Facebook:

Passe o mouse sobre ele e clique em Configurar . O Facebook então solicitará que você escolha uma plataforma para o aplicativo:

Uma vez que este é para o seu site, selecione Web . Na próxima tela, você verá uma lista guiada de etapas a serem percorridas, começando com o fornecimento do URL do seu site:

Algumas das etapas o instruirão a copiar e colar o código em vários lugares do seu site para habilitar análises e adicionar o botão Conectar com o Facebook . Embora seja possível fazer isso manualmente e funcione bem, usaremos um plug-in WordPress na Etapa 5 para tornar o processo ainda mais fácil. Você pode pular essas etapas com segurança, se desejar.

Etapa 4: configure o botão de login do Facebook

Quando você chegar à Etapa 4 do processo de adição de seu produto, o Facebook fornecerá o código para o botão de login. Neste ponto, você pode configurar sua aparência.

O Facebook oferece um gerador de código muito útil que você pode usar para configurar seu botão de login como quiser:

Você pode então simplesmente copiar e colar o código gerado na página apropriada do seu site. Novamente, usaremos um plugin para fazer isso em vez de integrar o botão de login do Facebook manualmente, mas as opções de personalização ainda podem ser úteis.

Etapa 5: Exibir o botão de login em seu site usando o plugin de login social Nextend

Neste ponto, você está pronto para exibir o botão de login do Facebook em seu site WordPress. Embora você possa adicioná-lo manualmente seguindo as instruções no painel da sua conta de desenvolvedor do Facebook, recomendamos o uso de um plug-in para manter as coisas simples. Nextend Social Login é uma solução fantástica que também funciona para Google e Twitter:

Para instalar este plug-in, abra o painel do WordPress e navegue até Plug - ins> Adicionar novo. Procure por “Nextend” e instale o plugin. Não se esqueça de ativá-lo também.

Em seguida, vá para Configurações> Login Social Nextend:

Clique em Getting Started na opção Facebook para configurar o plugin. Você verá uma lista de instruções para criar um aplicativo do Facebook - como já fizemos isso, você pode rolar para baixo e clicar no botão que diz Concluí a configuração do meu aplicativo do Facebook .

Em seguida, você verá uma tela de configurações:

Você precisará inserir o ID do aplicativo e a chave secreta do aplicativo. Eles podem ser encontrados em sua conta de desenvolvedor do Facebook. Clique em Meus aplicativos na parte superior e selecione o aplicativo que você criou anteriormente. Na barra lateral à esquerda, clique em Configurações> Básico :

Seu ID e segredo do aplicativo estão na parte superior da tela. Insira-os nas configurações do Nextend. Você pode configurar a aparência do seu botão aqui usando um dos estilos pré-construídos do Nextend ou usar seu próprio botão personalizado que você criou na Etapa 4:

Depois de fazer isso e salvar suas alterações, sua página de login deve exibir um botão Continuar com o Facebook (ou qualquer texto que você escolher nas configurações).

Conclusão

Se você deseja gerar mais inscrições, incentivar mais comentários ou obter acesso a melhores análises, integrar o Facebook ao seu site WordPress pode ser uma excelente maneira de atingir seus objetivos. O processo pode parecer intimidante, mas não é tão ruim assim que você começa.

Basta seguir estas cinco etapas para habilitar a integração de login do Facebook para o seu site:

1. Configure uma conta de desenvolvedor do Facebook.
2. Crie um aplicativo do Facebook.
3. Adicione um produto para o aplicativo.
4. Configure o botão de login do Facebook.
5. Exiba o botão de login em seu site usando o plugin Nextend Social Login.

Você tem alguma dúvida sobre como adicionar a integração do Facebook ao seu site? Deixe-nos saber na seção de comentários abaixo!

Imagem em destaque via V3rc4 / shutterstock.com