{"id":19839,"date":"2017-03-16T13:13:17","date_gmt":"2017-03-16T13:13:17","guid":{"rendered":"https:\/\/www.knowband.com\/blog\/?p=3895"},"modified":"2022-08-13T12:01:14","modified_gmt":"2017-10-09T06:49:22","slug":"configurando-o-prestashop-google-login-para-sites-prestashop","status":"publish","type":"post","link":"https:\/\/www.knowband.com\/blog\/pt-br\/prestashop-pt-br\/configurando-o-prestashop-google-login-para-sites-prestashop\/","title":{"rendered":"Configurando o PrestaShop Google Login para sites PrestaShop"},"content":{"rendered":"

A M\u00f3dulo de login social da PrestaShop<\/a> pode ser usado para integrar um login do Google ao seu site de com\u00e9rcio eletr\u00f4nico. O m\u00f3dulo de login social constitui-se de v\u00e1rias outras op\u00e7\u00f5es de login social, como Login social do Facebook<\/a>, Login social do Twitter<\/a>, Login social na caixa de dep\u00f3sito, etc. Quando os webmasters implementaram um login social pela primeira vez, acreditava-se que a maioria dos clientes tinha uma conta em pelo menos um dos sites sociais. Assim, os webmasters podem efetivamente utilizar as informa\u00e7\u00f5es dos clientes nesses sites para criar uma conta de usu\u00e1rio em seus sites, e isso tamb\u00e9m sem pedir aos clientes que preencham um longo formul\u00e1rio de registro.<\/p>\n

Por que o login do Google foi um sucesso?<\/strong><\/h2>\n

O Google \u00e9 um dos mecanismos de busca mais usados, servi\u00e7os de e-mail e uma rede social. Paralelamente a outros sites sociais como o Facebook e o Twitter, a maioria dos clientes possui uma conta do Google. Ent\u00e3o, por que n\u00e3o utilizar essa plataforma para otimizar a experi\u00eancia do usu\u00e1rio nos sites.<\/p>\n

Considerando os sites da PrestaShop, eles s\u00e3o uma das plataformas de e-commerce mais populares atualmente. Todos os dias, um grande n\u00famero de novos sites PrestaShop est\u00e3o chegando ao vivo e uma coisa que falta \u00e9 a op\u00e7\u00e3o de login social. Ent\u00e3o, encontramos uma maneira de tornar essa plataforma ainda mais forte em termos de usabilidade e otimiza\u00e7\u00e3o. o M\u00f3dulo de login social do PrestaShop<\/a> permite que uma combina\u00e7\u00e3o perfeita de login do Google e PrestaShop seja implementada em seu site de com\u00e9rcio eletr\u00f4nico. Com a disponibilidade de outras op\u00e7\u00f5es de login social 12 no mesmo m\u00f3dulo PrestaShop, este m\u00f3dulo de login social da PrestaShop \u00e9 uma escolha inteligente para o seu bolso.<\/p>\n

Como o login do Google funciona?<\/strong><\/h2>\n

Uma coisa \u00e9 clara aqui, voc\u00ea n\u00e3o precisa se preocupar com a autentica\u00e7\u00e3o do usu\u00e1rio. O Google lidar\u00e1 com isso para voc\u00ea. Quando voc\u00ea configura um login do Google em seu site, os usu\u00e1rios ver\u00e3o um link para a p\u00e1gina do Google na p\u00e1gina de login e inscri\u00e7\u00e3o. Algo assim:<\/p>\n

\"3.1\"<\/p>\n

Quando o usu\u00e1rio clicar no link, se ele j\u00e1 estiver registrado em seu site, ele ser\u00e1 conectado diretamente na p\u00e1gina da conta de usu\u00e1rio do site.<\/p>\n

Se ele estiver no seu site pela primeira vez (Usu\u00e1rio n\u00e3o registrado j\u00e1), ele ser\u00e1 solicitado a fornecer suas credenciais de login do Google no seguinte pop-up:<\/p>\n

\"3.2\"<\/p>\n

Depois de fornecer os detalhes, basta dar a autoriza\u00e7\u00e3o ao Google na pr\u00f3xima etapa.<\/p>\n

\"3.3\"<\/p>\n

Depois disso, o usu\u00e1rio ser\u00e1 direcionado para a p\u00e1gina de usu\u00e1rio do seu site ou para qualquer p\u00e1gina que voc\u00ea escolher. Dessa forma, voc\u00ea recuperar\u00e1 seus dados que ser\u00e3o usados \u200b\u200bem seu site.<\/p>\n

Configurando o login do PrestaShop no Google no m\u00f3dulo de login social<\/strong><\/p>\n

– <\/strong>Voc\u00ea pode usar qualquer m\u00f3dulo de login do Google PrestaShop. No entanto, aqui estou usando o m\u00f3dulo Social Loginizer aqui. Ent\u00e3o, voc\u00ea precisa primeiro baixar e instalar o m\u00f3dulo de login social PrestaShop (ou qualquer login do Google PrestaShop que voc\u00ea tem).<\/p>\n

2 etapa<\/strong>: Depois de instalar o m\u00f3dulo, acesse o painel de configura\u00e7\u00e3o na p\u00e1gina de listagem de m\u00f3dulos.<\/p>\n

\"3.4\"<\/p>\n

3 etapa<\/strong>: Ativar o m\u00f3dulo no As defini\u00e7\u00f5es gerais<\/em><\/strong> Aba<\/p>\n

\"1.2\"<\/p>\n

4 etapa<\/strong>: Em seguida, navegue at\u00e9 Configura\u00e7\u00f5es do Google Plus e voc\u00ea encontrar\u00e1 a seguinte interface para configurar o login do Google.<\/p>\n

\"3.5\"<\/p>\n

Para configurar o login do Google Plus, voc\u00ea precisa de dois detalhes importantes. ID do cliente do Google Plus<\/em><\/strong> de Segredo do cliente do Google Plus<\/em><\/strong>.<\/p>\n

Como obter o c\u00f3digo do cliente do Google Plus e o segredo do cliente do Google Plus?<\/strong><\/p>\n

Voc\u00ea pode seguir estas etapas para obter o c\u00f3digo do cliente do Google Plus e o segredo do cliente do Google Plus:<\/p>\n

    \n
  1. Clique no link destacado se voc\u00ea estiver usando o m\u00f3dulo Social Loginizer. Caso contr\u00e1rio, voc\u00ea pode visitar diretamente o URL abaixo:<\/li>\n<\/ol>\n

    https:\/\/console.developers.google.com\/project<\/p>\n

    \"3.6\"<\/p>\n

    2. Agora, clique em Meu projeto<\/em><\/strong> e depois Criar um projeto<\/em><\/strong><\/p>\n

    \"google1\"<\/p>\n

    3. D\u00ea um nome ao seu projeto e clique em criar<\/em><\/strong><\/p>\n

    \"google3\"<\/p>\n

    4.Na Configura\u00e7\u00e3o da API, v\u00e1 para Credenciais e clique em Crie credenciais<\/em><\/strong> bot\u00e3o.<\/p>\n

    \"google2\"<\/p>\n

    5. Na pr\u00f3xima etapa, voc\u00ea ver\u00e1 um pop-up. Clique em ID do cliente OAuth<\/em><\/strong><\/p>\n

    \"google3\"<\/p>\n

    6. Para configurar o ID do cliente OAuth, voc\u00ea precisa primeiro definir um nome de produto na tela de consentimento. Ent\u00e3o, agora, clique em Configurar tela de consentimento<\/em><\/strong> para o pr\u00f3ximo passo.<\/p>\n

    \"google7\"<\/p>\n

    7. Digite os detalhes conforme solicitado na imagem abaixo e clique em Economize<\/em><\/strong><\/p>\n

    \"google8\"<\/p>\n

    8. Na pr\u00f3xima tela, selecione Aplica\u00e7\u00e3o Web. <\/em><\/strong>Em seguida, forne\u00e7a o nome do aplicativo (digamos, login social) e insira os URLs, conforme mostrado na imagem abaixo:<\/p>\n

    \"google<\/p>\n

    Observe:<\/strong><\/p>\n