Como oferecer o cadastro e login com o Facebook em seu site Moblix

Resumo: Entenda como oferecer o cadastro e login com o Facebook em seu site Moblix e facilite o acesso á informações.

Como oferecer o cadastro e login com o Facebook em seu site Moblix?

Passos para oferecer o cadastro e login com o Facebook em seu site Moblix

Em seu site da Moblix é possível ativar o Login / Cadastro com a conta do Facebook para seu cliente. Habilitar essa opção facilita o cadastro e também o acesso às informações.

Neste tutorial vamos te ensinar a configurar essa opção em seu site.

Como configurar a conta no Meta for Developers

Para quem ainda não tem conta no Meta for Developers

1. Com sua conta no Facebook ativa, acesse o site do  Meta for Developers e clique em “Entrar” no menu superior.

 

3. Em seguida, o Facebook precisará fazer uma validação de sua conta. Informe seu número de telefone e em seguida escolha um dos dois métodos de verificação. Indicamos que escolha a opção “Enviar como texto”. Ao fazer isso, chegará uma mensagem contendo um código, basta informar no campo Inserir Código de confirmação. Em seguida, clique em “Verificar” para realizar a validação.

4. Na próxima etapa, escolha a opção Proprietário/fundador.

5. E na última etapa, clique em “Criar Aplicativo”.

 

6. Na tela seguinte, selecione CONSUMIDOR.

 

7. Na tela seguinte, você terá que criar uma nova identificação do aplicativo, o que permite integrar o Aplicativo de Login com a sua loja. Por esse motivo será necessário criar um “Nome de exibição”. O e-mail de contato já estará pré preenchido, basta clicar em “Criar identificação do aplicativo” para prosseguir.

 

Faça a verificação de segurança e clique em “Enviar”.

Como criar o aplicativo

A partir de agora, os passos são iguais tanto para quem nunca criou um aplicativo no Meta for Developers quanto para quem já tem outros aplicativos criados.

1. Logo após concluir a configuração de sua conta ou iniciar a criação de um novo aplicativo, você verá as diversas possibilidades de aplicativos que o Meta for Developers oferece. Na opção Login do Facebook clique em “Configurar”.

 

2.  Abrirá essa página, e dentre as plataformas disponíveis, escolha a opção “Web”.

 

No passo 1. Conte-nos sobre seu site, preencha o campo Informe a URL do seu site com o domínio próprio principal do seu site com o https://www., clique em “Save” e em seguida em “Continuar”.

 

Importante: depois você poderá cadastrar outras versões do domínio de sua loja (sem o www ou outros domínios secundários), mas nessa tela é importante cadastrar o domínio principal.

Nas próximas etapas, clique em “Avançar” para finalizar essa parte da configuração.

3. No menu da lateral esquerda, clique em “Configurações” e depois em “Básico”.

 

4. Agora, preencha as seguintes informações: 

• Nome de exibição – coloque novamente o nome que elegeu para seu aplicativo;
• Domínios do aplicativo – preencha com as URLs de sua loja com WWW e sem WWW;
• URL da Política de Privacidade – adicione o link para a política de privacidade de sua loja;
• URL dos Termos de Serviço – adicione o link para os termos de serviço de sua loja;

 Importante: o Facebook exige que seu site tenha uma página para a Política de Privacidade e outra para os Termos de Serviço.

•  Categoria – selecione a categoria;
• Uso comercial – selecione a opção que melhor se enquadra ao seu negócio. Em geral, a opção Apoiar minha própria empresa é a mais adequada;

 

• Informações de contato do responsável pela proteção dos dados – estas informações não são obrigatórias, mas caso sua loja vá vender internacionalmente, recomendamos que sejam preenchidos todos os campos;
• Site –  se não estiver automaticamente preenchido, informe novamente o endereço de sua loja;

Clique em “Salvar alterações” para continuar.

 

5. Vá agora na aba “Login do Facebook” –> “Configurações”

 

6. Ative o botão “Entrar com o SDK do JavaScript”

 

7. Adicione também os “Domínios permitidos para o SDK do JavaScript”

 

8.Após salvar as alterações, clique em “Desativado” no menu superior. Na janela que abrir, clique em “Alterar modo” para ativar o aplicativo e torná-lo público.

 

Pronto! A configuração no ambiente do Facebook está pronta, agora só falta concluir a próxima etapa, dentro do painel da Moblix.

Como configurar o Login do Facebook no painel da Moblix

1. No painel de administração de sua loja, siga pelo caminho PAINEL > CONFIGURAÇÕES > Preferências do Site.

2. Os dados necessários para preencher esse formulário, estão na sua conta do Facebook for Developers. Volte na página de Configurações do Facebook for Developers e copie o ID do Aplicativo  e a Chave Secreta do Aplicativo para inserir na plataforma.

 Importante: clique em “Mostrar” para exibir a chave secreta do aplicativo antes de copiá-la, caso contrário copiará apenas os símbolos, e não dará certo a configuração.

 

3. O ID do Aplicativo você deve colocar no campo Facebook Client Id. Em seguida clique em “Salvar alterações” para concluir.

 

Pronto! Agora em seu site, nas páginas de Cadastre-se e Login, seus clientes conseguirão criar a conta ou acessar a conta usando o perfil do Facebook.

Pronto! Você acabou de ver passos para oferecer o cadastro e login com o Facebook em seu site da Moblix.

Veja também como disponibilizar o cadastro com login do Google.

 

Em caso de dúvidas entre em contato com nosso suporte.

Para mais tutoriais como esse acesse nossa Central de Atendimento.