Como integrar o login do Facebook ao seu site WordPress

Há vários motivos pelos quais você pode considerar adicionar um login social do Facebook ao seu site WordPress. Para começar, é ótimo para a experiência do usuário. Pense em como é chato ter que criar outro nome de usuário e senha para um novo site ou aplicativo no qual você deseja se registrar. Os logins do Facebook simplificam esse processo, permitindo que os usuários conectem suas credenciais do Facebook ao seu site. Voilá! Acesso instantâneo sem suar a camisa.

Além disso, existem alguns plug-ins WordPress de login do Facebook de qualidade que tornam a implementação muito fácil.

Relacionado: 9 widgets WordPress do Facebook para caixas curtidas, feeds de páginas e eventos

Depois, há os benefícios para você. Ao habilitar um login do Facebook para WordPress, uma grande quantidade de informações sobre seus usuários estará prontamente disponível. Claro, você não quer ser ganancioso no que pede. Você só deve solicitar acesso a determinadas informações. E você precisa ter certeza de que isso não afetará a velocidade do site. Dito isso, você pode aprender sobre o seguinte com seus usuários conectados ao Facebook:

• O nome completo (ótimo para personalizar e-mails).
• Seu endereço de e-mail real e não apenas um endereço falso que eles usam para se inscrever em sites.
• Outras características pessoais, como sexo, idade, localização e idioma nativo – cada uma delas pode ajudá-lo a personalizar seu alcance de marketing.
• Com acesso às “curtidas” do Facebook, você pode criar uma oferta mais personalizada em seu site com base nas preferências conhecidas.
• Com acesso à lista de amigos do Facebook, você pode melhorar a experiência de compra deles fazendo recomendações com base no que seus amigos compraram.

Existem outras informações que você pode obter dos perfis públicos dos usuários do Facebook. Mas, novamente, apenas os detalhes acima abrirão seu site (e negócio) para novas oportunidades com sua base de consumidores.

Portanto, se você precisar conceder aos usuários acesso ao seu site, o botão Login do Facebook pode ser a melhor opção. A seguir está um tutorial rápido de login do Facebook em WordPress sobre como integrar o login social do Facebook em seu site WordPress usando o Facebook para desenvolvedores e sua escolha de plug-in, JavaScript ou PHP, tudo isso enquanto mantém um ambiente seguro para seus visitantes.

Como integrar o login do Facebook para WordPress

O Facebook tornou a integração do Login do Facebook muito simples para desenvolvedores de WordPress. Adicionar login do Facebook no WordPress nunca foi tão fácil! Aqui está o que você precisa fazer:

Etapa 1: crie uma conta de desenvolvedor

Se você nunca criou um aplicativo do Facebook antes, precisará configurar uma conta de desenvolvedor no Facebook. Você pode fazer isso aqui.

Etapa 2: crie um novo aplicativo

No subdomínio Facebook for Developers, agora você pode criar um novo aplicativo em sua conta. O botão para fazer isso está no canto superior direito da tela. Clique.

Etapa 3: crie um novo ID de aplicativo

Para distinguir este aplicativo de outros que você possa ter criado, você precisará criar um novo ID de aplicativo. Não use a palavra “Facebook” (ou qualquer coisa que contenha “rosto”) no nome. Algo como “Novo login” deve servir. Certifique-se de usar o mesmo e-mail que você usa para fazer login no Facebook aqui também.

Em seguida, clique em Criar ID do aplicativo .

Etapa 4: Crie o produto

Na página do aplicativo do Facebook, você precisará adicionar o novo produto à sua lista de aplicativos.

Encontre o Login do Facebook nos módulos à direita e clique em Configurar ao passar o mouse sobre ele.

Etapa 5: selecione sua tecnologia

Como você está adicionando esse login ao seu site WordPress, selecione o botão Web. Se decidir adicionar isso a um aplicativo móvel, você precisará repetir esse processo e selecionar a opção correspondente.

Etapa 6: insira seu site

Forneça ao Facebook as informações solicitadas sobre onde você usará este botão de login.

Etapa 7: copie o SDK

Copie o SDK do Facebook (Kit de desenvolvimento de software) para JavaScript. Esta é basicamente a API do Facebook que abre as linhas de comunicação entre o seu site e o Facebook.

Se quiser definir as “Permissões” que você pode coletar dos usuários (basicamente, todos os dados granulares que o Facebook coleta sobre eles), você pode adicionar parâmetros específicos para coletar essas informações deles também. Apenas tenha em mente que se você exagerar no que pede, o Facebook precisará que você justifique o motivo e eles irão revisá-los antes de aprovar o uso deste aplicativo. Portanto, escolha com sabedoria.

Etapa 8: configurar o botão de login

Antes de copiar o código do botão Login, certifique-se de configurá-lo para ter a aparência desejada. Você pode encontrar mais informações sobre como atualizar essas configurações aqui.

O Facebook também fornece dicas úteis sobre como redigir o botão Login para obter taxas de conversão mais altas, bem como informações para ajudá-lo a seguir o guia de estilo aqui. O Facebook oferece outras maneiras de atualizar o Login de acordo com sua preferência nesta página, portanto, leia as notas com atenção para que você possa ajustar o código exatamente de acordo com sua preferência antes de copiar e salvar em seu site.

Você pode então copiar o código necessário para incorporar o botão em sua página.

Etapa 9: revise o painel

Com seu aplicativo agora criado, você pode encontrar detalhes sobre ele – incluindo o número de ID do aplicativo e o código secreto do aplicativo (que você precisará mais tarde) – no Painel. Você também poderá acessar o Analytics do seu aplicativo assim que ele for publicado no seu site.

Etapa 10: Integre o login do Facebook ao WordPress

Aí vem a etapa final: colocar o botão Login em seu site. A maneira mais fácil, claro, é usar um plugin do WordPress, embora existam outras opções disponíveis para você também.

Existe um melhor plugin de login do Facebook para WordPress? Achamos que as opções a seguir são boas.

Melhorar a experiência do usuário em seu site nem sempre está relacionado ao front-end voltado para o visitante. Você também pode achar necessário agilizar o acesso à área de administração do WordPress para seus usuários.

Com o plugin Nextend Facebook Connect, você pode habilitar o login do Facebook na tela de login do WordPress. O plugin é simples em termos do que faz, mas faz bem o trabalho e tem uma boa aparência, não importa o quanto você tenha personalizado a tela de login do administrador. O que também é muito legal neste plugin é que o Nextend oferece aos usuários a capacidade de criar seu próprio botão de login “Conectar ao Facebook”.

Após a ativação do plugin, você encontrará um conjunto recomendado de etapas a seguir para sincronizar o Facebook com o WordPress. Felizmente, você já criou o aplicativo do Facebook e gerou todos os códigos especiais necessários. Tudo o que você precisa fazer agora é enviar as informações nos campos abaixo:

Use um plugin no site WordPress

Agora, quando falamos em adicionar um login do Facebook a um site WordPress, geralmente é para esta ocasião em que você deseja agilizar o processo para usuários locais. Isso significa permitir que eles enviem um comentário, preencham um formulário, façam uma compra ou concluam alguma outra ação simplesmente fazendo login no Facebook com um clique.

Para ativar o login do Facebook para registro geral de usuário e login em seu site real, você pode usar um destes plug-ins:

O Login do Facebook funciona especificamente para o Facebook e apenas para o Facebook. Como não está carregado com outras funcionalidades de login social, isso significa que será muito mais leve e simples de configurar do que algumas das outras opções. Caso em questão, esta é a aparência das configurações deste plugin:

A única desvantagem deste plugin é que ele restringe as opções de login disponíveis para seus usuários. Portanto, se você sabe que seus visitantes estão ativos em outros canais além do Facebook, você pode usar um dos plug-ins de login social mais abrangentes.

Super Socializer é um daqueles plug-ins que permite adicionar uma variedade de opções de login de mídia social (atualmente existem mais de 100 plataformas para sincronizar). Além disso, este plugin está repleto de recursos de personalização, então você tem mais espaço para brincar com o design, layout e uso de seus botões de login social.

Como era de se esperar, há muito mais configurações que você precisará definir ao ativar este plugin para o seu site. Certifique-se de ler cada uma das páginas, pois há várias maneiras diferentes de usar este plugin: para comentar, curtir, compartilhar e fazer login.

Em seguida, você precisará percorrer cada guia, uma por uma, para avaliar quais plataformas sociais deseja ativar, como deseja que elas sejam, o que deseja que digam e assim por diante.

Além disso, não se esqueça de considerar que alguns usuários podem achar este plugin intrusivo. O desenvolvedor deste plug-in já considerou essa possibilidade e oferece a você uma opção antecipada para decidir se deseja exibir um pop-up de notificação ou essas opções para seus visitantes, caso eles tenham desativado a funcionalidade.

E, claro, como todos são plug-ins, não há necessidade de fazer nada com codificação para adicionar os botões ao seu site. Depois de inserir as informações de ID do aplicativo do Facebook no plug-in de sua escolha, você pode simplesmente colar o código de acesso onde deseja que ele apareça. Você terá então um botão de login do Facebook totalmente funcional e pronto para uso!

Atualize seu HTML

Usando o SDK salvo para códigos JavaScript do Facebook, você pode adicionar facilmente o login do Facebook ao seu site WordPress simplesmente atualizando seu HTML. Use o Guia de início rápido do Facebook para orientar você nas etapas.

Usar PHP

Se preferir usar PHP para adicionar o botão de login do Facebook ao seu site WordPress, você também tem a opção de fazer isso. Isso exigirá algum trabalho extra, pois você precisará instalar o SDK do Facebook para PHP em seu projeto. O Facebook fornece um guia sobre como começar, que você pode consultar.

Resumo

Atualmente, existem várias maneiras de melhorar a experiência do usuário em seu site WordPress. Simplificando seus meios para entrar em seu site com um botão de login do Facebook? Isso pode ser extremamente valioso para seus usuários (e para você) no longo prazo, já que a integração social é uma ótima estratégia de marketing.

E apenas uma pequena palavra de cautela: se não for usado corretamente, adicionar funcionalidade de login social ao seu site pode trazer alguns problemas de usabilidade. Veja como evitá-los.

E como bônus, aqui estão alguns dos melhores plug-ins de mídia social que existem.

Quer dar seu feedback ou participar da conversa?Adicione seus comentários no Twitter.

Salvar Salvar