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 para o WordPress

A adição do início de sessão do Facebook ao seu sítio Web WordPress pode simplificar o processo de registo do utilizador, facilitando a inscrição ou o início de sessão dos utilizadores utilizando as suas credenciais do Facebook. Isto melhora a experiência do utilizador e pode levar a um maior envolvimento do utilizador. Pode conseguir isto com a ajuda de plugins e configurando uma aplicação do Facebook para ligar o seu site ao sistema de autenticação OAuth do Facebook. Eis um guia passo-a-passo para adicionar o início de sessão do Facebook ao seu site WordPress

Passo 1: Criar uma aplicação do Facebook

Para permitir que os utilizadores iniciem sessão com o Facebook, é necessário criar uma aplicação do Facebook que se integre no seu sítio WordPress

1.1. Aceda a Facebook Developers

  1. Visite o site de desenvolvedores do Facebook.
  2. Se ainda não tiveres uma conta de programador do Facebook, ser-te-á pedido que cries uma.
  3. Depois de iniciar sessão, clique em As minhas aplicações no canto superior direito e, em seguida, clique em Criar aplicação.

1.2. Configurar o aplicativo

  1. Na janela pop-up, selecione Para tudo o resto e, em seguida, clique em Seguinte.
  2. Introduza o nome de apresentação da aplicação, o e-mail de contacto da aplicação e escolha uma conta empresarial (se aplicável).
  3. Clique em Criar aplicação.

1.3. Configurar o login do Facebook

  1. Na barra lateral esquerda, clique em Adicionar produto e selecione Início de sessão do Facebook.
  2. Escolha Web como a plataforma.
  3. Insira a URL do seu site WordPress (por exemplo, https://www.yoursite.com).

1.4. Obtenha o ID e o segredo da aplicação

  1. Aceda a Definições > Básico.
  2. Copie o seu App ID e App Secret. Irá precisar deles para configurar o seu plugin WordPress mais tarde.
  3. Em App Domains, introduza o seu nome de domínio (por exemplo, yoursite.com).
  4. Em URIs de redireccionamento OAuth válidos, adicione o URL para o qual os utilizadores serão redireccionados após o início de sessão do Facebook, que normalmente terá o seguinte aspeto
    https://www.yoursite.com/wp-login.php
  5. Clique em Salvar alterações.

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

Existem 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. Instalar o plug-in

  1. No painel do WordPress, vá para Plug-ins > Adicionar novo.
  2. Procure por Nextend Social Login.
  3. Clique em Instalar agora e depois em Ativar.

2.2. Configurar o plug-in para o Facebook

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

2.3. Introduza o seu ID e segredo da aplicação

  1. Nas configurações do plug-in para o Facebook, cole a ID do aplicativo e o segredo do aplicativo que você obteve no portal de desenvolvedores do Facebook.
  2. Configure o URL de retorno de chamada para o mesmo URI de redireccionamento válido do OAuth que adicionou na aplicação 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: testar 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. Deve ver agora o botão Iniciar sessão com o Facebook.
  3. Clique no botão e conclua o processo de início de sessão utilizando uma conta do Facebook para garantir que está a funcionar 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. É possível 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 utilizadores devem ser redireccionados depois de iniciarem sessão (por exemplo, para a sua página de perfil ou para a página inicial).
  • Atribuição de funções de utilizador: 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 combinar com o design do seu site.

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

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

  1. Vá a Definições > Geral no seu painel de controlo 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. Guarde as suas alterações.

Com esta opção activada, os utilizadores que não têm uma conta podem agora registar-se através do início de sessão do Facebook

Conclusão

Adicionar o login do Facebook ao seu site WordPress não só simplifica o processo de registo e login, como também cria confiança e conveniência para os seus utilizadores. Em vez de criar mais um nome de utilizador e uma palavra-passe, os visitantes podem aceder ao seu site com apenas alguns cliques, utilizando a sua conta do Facebook existente. Esta experiência simplificada reduz as barreiras à entrada, aumenta a probabilidade de inscrições e pode ser especialmente benéfica para lojas de comércio eletrónico, plataformas de membros e sites orientados para a comunidade, onde o acesso rápido incentiva um maior envolvimento. Além disso, o início de sessão do Facebook garante uma autenticação segura apoiada pela infraestrutura do Facebook, o que pode ajudar a minimizar as contas de spam e os registos fraudulentos.

Além de melhorar a experiência do usuário, o login do Facebook também oferece maior flexibilidade no gerenciamento do acesso e da personalização do usuário. Com plug-ins como o Nextend Social Login, pode personalizar os botões de início de sessão para corresponderem à sua marca, decidir onde os apresentar no seu site e até integrá-los com o WooCommerce ou outras ferramentas de adesão. Testes adequados garantem redirecionamentos suaves, atribuições de funções corretas e um fluxo profissional que parece natural para os visitantes. Em última análise, ao oferecer uma opção de início de sessão social fiável, cria um ambiente mais acolhedor que faz com que os utilizadores regressem, tornando a gestão do site mais simples para os administradores.

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