Passos para 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 Facebook for Developers

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

1. Com sua conta no Facebook ativa, acesse o site do  Facebook 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 OUTROS USOS.

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 Facebook 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 Facebook 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. 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 Meu site > Integrações > Login rede social em seu 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