Como adicionar um login social ao seu site WordPress

O login social permite que os visitantes façam login no seu site sem criar uma conta de usuário. Eles usam as credenciais de suas contas de outros sites como Facebook ou Google para fazer login. É um recurso útil para oferecer, mas há prós e contras em fornecer logins sociais.

A principal vantagem é a comodidade para seus visitantes. Facilitar o login deles quase sempre aumenta a participação. E o fato é que a grande maioria dos visitantes prefere não criar outra conta no site.

A desvantagem é que você não pode construir um banco de dados de usuários tão extenso quanto poderia se incentivasse os visitantes a criar contas em seu site. As informações que você recebe sobre um visitante que usa um login social varia de acordo com a plataforma.

Mas se você não precisa coletar dados específicos, os prós dos logins sociais superam facilmente os contras.

Para este tutorial de login social do WordPress, usaremos o Login social do WordPress plugar. A versão gratuita do plugin fornece logins para usuários do Facebook, Google, Twitter, Instagram e LinkedIn (além de cinco outras plataformas).

Neste tutorial, examinaremos os recursos de login social do plugin. Mas o plugin também fornece botões de compartilhamento social e comentários sociais. Os comentários sociais permitem que usuários que estão logados no Facebook ou Google comentem sem estar logados no seu site.

Não entraremos nesses recursos aqui, mas vale a pena conferir.

Vamos começar.

Instalando o plug-in de login social do WordPress

Faça login no painel de administração do WordPress.

Na navegação da coluna esquerda, passe o mouse sobre o link “Plugins” e clique no link “Adicionar Novo”.

Na caixa “Pesquisar plug-ins…”, digite “Login social do WordPress”.

Depois de localizar o plugin, clique no botão “Instalar agora”.

Clique no botão “Ativar”.

Configurando o login social do WordPress

Há um tour guiado pelo plugin quando você acessa as configurações pela primeira vez. As capturas de tela aqui são o que você verá após o passeio (ou se pular o passeio).

Você tem algumas opções ao configurar logins sociais. Você mesmo pode configurar cada login, usando “App IDs” e “App Secrets” que você obtém dos provedores. Por exemplo, para configurar um login do Google, você teria que criar um projeto de desenvolvedor do Google para obter um ID do aplicativo.

Mas o Social Login Plugin que estamos usando oferece uma alternativa. Ele cuidará da autorização das plataformas, economizando tempo e trabalho de cadastrar cada uma delas você mesmo. Essa é a opção que usaremos aqui.

Na navegação da coluna esquerda, passe o mouse sobre o link “miniOrange Social Login, Sharing” e clique no link “Social Login”.

Você chegará à guia “Configurar aplicativos”. Para ativar um login de rede social, clique no botão de alternância correspondente.

Ler:  Uma história de migração do Magento 1 para WooCommerce

Uma janela de configuração será aberta.

Clique no botão de alternância “Aplicativo miniOrange pré-configurado”.

Isso abrirá uma caixa “Registre-se no miniOrange”. Preencha os dados cadastrais e clique no botão “Cadastre-se”.

A confirmação da conta não é necessária. Assim que sua conta miniOrange for registrada, você verá que a plataforma social está marcada como “Ativa”.

No momento em que este tutorial foi escrito, os logins do Facebook não podiam ser adicionados automaticamente. Você terá que obter um App ID e App Secret no console de desenvolvedores do Facebook. Instruções detalhadas são fornecidas na página do plugin.

Se você permitir o registro de visitantes em seu site WordPress, sua página de login agora terá a opção de login social.

À medida que você adiciona mais plataformas, os logins aparecem.

O que acontece quando alguém faz login no seu site com um login social

Quando um usuário faz login em seu site usando um login social, ele é registrado como “Assinante” e adicionado à sua lista de usuários.

Personalizando os ícones de login social

Se você não gosta da aparência padrão dos ícones de login, é fácil fazer uma alteração.

Na seção “Login social”, clique na guia “Personalizar ícones de login social”.

As opções incluem a capacidade de usar pequenos botões quadrados ou redondos e alterar o texto e a cor do botão. Há uma janela de visualização conveniente para mostrar suas alterações em tempo real. As alterações não são salvas até que você role para baixo e clique no botão “Salvar”.

Ler:  Iluminação para fotografia de produto: você deve escolher iluminação de estúdio ou luz natural?

Opções de exibição

A guia “Opções de exibição” controla onde os botões de login ficam visíveis. Por padrão, eles estão na sua página de login, mas você pode colocá-los em uma página de registro ou até mesmo na sua seção de comentários.

Como você pode ver, quando os botões de login aparecem em uma página ou post, o tema CSS é aplicado. Neste caso, usando o tema WordPress Twenty Nineteen, a fonte mudou em relação ao que vimos na página de login. Portanto, talvez você precise aplicar algum CSS adicional para estilizar os botões.

Neste caso, o tema WordPress é personalizável. Então eu fui para

Aparência > Personalizar > CSS adicional

e apliquei uma fonte sans serif à classe do botão de login da seguinte forma:

.login-button {família de fontes: sans-serif; }

E isso ajudou na aparência:

Não tenho certeza do que acontece com o logotipo do Google quando os botões são exibidos nos comentários. Enviei uma mensagem ao desenvolvedor e, se receber resposta, postarei uma atualização.

Uma gorjeta para o desenvolvedor por fornecer uma maneira de remover seu logotipo da exibição do botão. Basta desmarcar a opção “Exibir logotipo miniOrange com ícones de login social no formulário selecionado” na guia “Opções de exibição”.

Exibindo os botões de login em uma página ou postagem específica

Você não está limitado a exibir os botões de login social nos locais fornecidos. Há um código de acesso que você pode usar para colocá-los em qualquer lugar:

Ler:  Criando um site de caridade com WordPress

[miniorange_social_login]

Aqui adicionei o shortcode no meio de uma página.

Não que haja motivo para adicionar logins sociais a uma página, mas está aqui para mostrar as possibilidades.

O que acontece se você desinstalar o plug-in de login social do WordPress

Se você desinstalar o plug-in, esteja ciente do seguinte:

  • Os logins sociais não estarão mais disponíveis.
  • Os usuários criados ao fazer login via login social não poderão mais fazer login. poderia ser usado como nome de usuário, mas seria necessária uma redefinição de senha para criar uma senha.)
  • Os códigos de acesso do plug-in irão parar de funcionar, então os próprios códigos de acesso serão exibidos em qualquer lugar em que foram usados.

Reduza o atrito, aumente a comunicação

Fornecer várias maneiras de fazer login no seu site WordPress aumenta o envolvimento do visitante. Isso está claro. Portanto, qualquer coisa que você possa fazer para facilitar a vida dos visitantes é do seu interesse.

Transferir a autorização do usuário para outra plataforma não é necessariamente o ideal. Entendi. Mas se a alternativa for um visitante ser afastado por uma barreira de entrada, provavelmente será uma troca razoável.

Os humanos são criaturas sociais. Seus visitantes quer envolver. Este plugin torna mais fácil para eles fazerem isso.

Você permite o registro de usuários em seu site WordPress? Você já explorou métodos alternativos ou adicionais? Deixe-me saber nos comentários.

Novas publicações:

Recomendação