image_pdfimage_print

O aplicativo de Login com o facebook no e-commerce é um meio de agilizar o cadastro do cliente na Loja Virtual, facilitando o processo de acesso à área do cliente.

Vale lembrar que é necessário possuir uma conta no Facebook seja comercial ou pessoal e efetuar o login com o seu usuário e senha.

Para criar esta integração em seu e-commerce acesse o link abaixo:

https://developers.facebook.com/

facebook-IMG01

Clique em “Meus Aplicativos” e logo após em “Adicionar um novo aplicativo”, conforme mostra imagem abaixo:

facebook-IMG02

O site abrirá a seguinte tela:

facebook-IMG03

Preencha as informações, conforme abaixo:

  1. Nome de exibição: É o nome do aplicativo que será chamado ao fazer o login;
  2. E-mail de contato: Preencher com um e-mail;
  3. Categoria: Escolha “Aplicativos para Páginas”;
  4. Clicar em “Criar um ID do Aplicativo”.

facebook-IMG04

O site abrirá a tela “Product Setup”, neste momento clique na opção “Get Started” conforme mostra imagem abaixo:

facebook-IMG05

No menu lateral esquerdo, selecione a opção Configurações:

facebook-IMG06

No menu suspenso que se abrirá, clique em “Básico” e em seguida na opção “+ Adicionar plataforma”, conforme indicado abaixo:

facebook-IMG08

Clique na opção Site conforme mostra imagem abaixo:

facebook-IMG09

Em “URL do Site”, digite o endereço da loja virtual completo, como por exemplo: http://testelojaonline.futurasistemas.contagioso com.br/

facebook-IMG10

Após inserir a URL do site, preencha as informações, conforme imagem abaixo:

653

1 – Nome de exibição: Preencher com o nome do aplicativo;

2 – Domínios do aplicativo: Preencher com o domínio da loja virtual, ex: testelojaonline.futurasistemas.com.br;

3 – E-mail de contato: Adicionar um e-mail de contato;

4 – URL da Politica de Privacidade: Inserir o caminho completo da politica de privacidade.

5 – URL dos termos de serviço: Inserir o caminho completo dos termos de serviço do app.

6 – Escolher uma imagem para o aplicativo (tamanho 1024×1024);

7 – Clicar em Salvar Configurações.;

Vale lembrar que alguns campos, tais como política de privacidade são opcionais, mas recomendamos preenchê-los para a aprovação do aplicativo que será abordado nos próximos passos.

No menu lateral esquerdo, clique em “Login do Facebook”, na opção “URIs de redirecionamento do OAuth válidos”, preencha com o endereço da loja virtual, ex: http://testelojaonline.futurasistemas.com.br.

Após definir o Login clique em Salvar Alterações, conforme exemplo abaixo:

facebook-IMG12

Selecione a opção “Revisão do Aplicativo” no menu lateral esquerdo:

facebook-IMG13

Na opção Tornar “Nome do aplicativo público?” Clique na opção que está marcada como Não para habilitar o Sim.

facebook-IMG14

Na tela de confirmação que irá se abrir, clique em Confirmar.

facebook-IMG15

Clique em Painel, no menu lateral esquerdo,

  • Note que a bolinha em frente ao nome do seu aplicativo estará verde, isso indica que o aplicativo está disponível para todos os usuários.

facebook-IMG16

Para finalizar, anote o ID do aplicativo, que será necessário para a configuração do login com a rede social Facebook na loja virtual.

facebook-IMG17