Como adicionar um login do Facebook ao WordPress ⋆ ALexHost SRL

Teste suas habilidades em todos os nossos serviços de hospedagem e ganhe 15% de desconto!

Utilizar o código no ato da compra:

Skills
15.01.2025

Como adicionar um login do Facebook ao WordPress

Adicionar o login do Facebook ao seu site WordPress pode simplificar o processo de registro do usuário, facilitando a inscrição ou o login dos usuários usando suas credenciais do Facebook. Isso melhora a experiência do usuário e pode levar a um maior envolvimento do usuário. Você pode fazer isso com a ajuda de plug-ins e configurando um aplicativo do Facebook para conectar seu site ao sistema de autenticação OAuth do Facebook.

Aqui está um guia passo a passo para adicionar o login do Facebook ao seu site WordPress:


Etapa 1: Criar um aplicativo do Facebook

Para permitir que os usuários façam login com o Facebook, é necessário criar um aplicativo do Facebook que se integre ao seu site WordPress.

1.1. Vá para Desenvolvedores do Facebook

  1. Visite o site do Facebook Developers.
  2. Se ainda não tiver uma conta de desenvolvedor do Facebook, você será solicitado a criar uma.
  3. Uma vez conectado, clique em Meus aplicativos no canto superior direito e, em seguida, clique em Criar aplicativo.

1.2. Configurar o aplicativo

  1. Na janela pop-up, selecione For Everything Else e clique em Next.
  2. Digite o nome de exibição do aplicativo, o e-mail de contato do aplicativo e escolha uma conta comercial (se aplicável).
  3. Clique em Create App (Criar aplicativo).

1.3. Configurar o login do Facebook

  1. Na barra lateral esquerda, clique em Add Product (Adicionar produto) e selecione Facebook Login.
  2. Escolha Web como a plataforma.
  3. Digite o URL de seu site do WordPress (por exemplo, https://www.yoursite.com).

1.4. Obtenha o ID e o segredo do aplicativo

  1. Vá para Configurações > Básico.
  2. Copie o App ID e o App Secret. Você precisará deles para configurar o plug-in do WordPress posteriormente.
  3. Em App Domains (Domínios do aplicativo), insira seu nome de domínio (por exemplo, yoursite.com).
  4. Em Valid OAuth Redirect URIs, adicione o URL para o qual os usuários serão redirecionados após o login do Facebook, que normalmente terá a seguinte aparência:
    https://www.yoursite.com/wp-login.php
  5. Clique em Salvar alterações.

Etapa 2: Instale um plug-in do WordPress para habilitar o login do Facebook

Há vários plug-ins que podem ajudá-lo a integrar o login do Facebook ao WordPress. Um dos mais populares é o Nextend Social Login.

2.1. Instale o plug-in

  1. No painel do WordPress, vá para Plugins > Adicionar novo.
  2. Procure por Nextend Social Login.
  3. Clique em Install Now (Instalar agora) e, em seguida, em Activate (Ativar).

2.2. Configure o plug-in para o Facebook

  1. Vá para Nextend Social Login em seu painel do WordPress.
  2. Clique em Facebook para iniciar o processo de configuração.

2.3. Digite seu ID e segredo do aplicativo

  1. Nas configurações do plug-in para o Facebook, cole o App ID e o App Secret que você obteve no portal de desenvolvedores do Facebook.
  2. Configure o URL de retorno de chamada para o mesmo URI de redirecionamento do Valid OAuth que você adicionou no aplicativo do Facebook (normalmente https://www.yoursite.com/wp-login.php).
  3. Configure quaisquer outras opções conforme necessário (por exemplo, botões, estilos ou prompts de login).
  4. Clique em Salvar alterações.

Etapa 3: Teste o login do Facebook

  1. Visite a página de login do seu site ou qualquer página em que o botão de login seja exibido.
  2. Agora você deve ver o botão Login com o Facebook.
  3. Clique no botão e conclua o processo de login usando uma conta do Facebook para garantir que esteja funcionando corretamente.

Etapa 4: personalizar a experiência de login do Facebook (opcional)

A maioria dos plug-ins, como o Nextend Social Login, oferece opções para personalizar a aparência e a funcionalidade do botão de login do Facebook. Você pode modificar as seguintes configurações:

  • Posicionamento do botão: Escolha onde exibir o botão de login do Facebook (na página de login, no formulário de registro ou na seção de comentários).
  • Redirecionamento de login: Decida para onde os usuários devem ser redirecionados após o login (por exemplo, para a página de perfil ou a página inicial).
  • Atribuição de função de usuário: Atribua automaticamente funções específicas do WordPress (por exemplo, Assinante, Autor) aos usuários que fizerem login via Facebook.
  • Design e estilo: Personalize a aparência do botão de login para que corresponda ao design do seu site.

Etapa 5: habilitar o registro de usuário via Facebook (opcional)

Se quiser permitir que novos usuários se registrem em uma conta no seu site usando o Facebook, certifique-se de que o registro esteja ativado no WordPress:

  1. Vá para Configurações > Geral no painel do WordPress.
  2. Marque a caixa ao lado de Qualquer pessoa pode se registrar em Associação.
  3. Escolha a função padrão para novos usuários (por exemplo, Assinante).
  4. Salve suas alterações.

Com isso ativado, os usuários que não têm uma conta agora podem se registrar por meio do login do Facebook.


Conclusão

A adição do login do Facebook ao seu site WordPress aprimora a experiência do usuário, oferecendo uma maneira rápida e segura para os usuários fazerem login ou se inscreverem. Ao criar um aplicativo do Facebook e configurar um plug-in como o Nextend Social Login, você pode integrar perfeitamente a autenticação do Facebook ao seu site. Com testes e personalização adequados, o login do Facebook pode melhorar o envolvimento do usuário e facilitar o gerenciamento do acesso ao site para você e seus visitantes.

Teste suas habilidades em todos os nossos serviços de hospedagem e ganhe 15% de desconto!

Utilizar o código no ato da compra:

Skills