Prestashop Inicio de sesión social gratuito 15 en 1 – Manual del Usuario

Pasos para la instalación de Presatshop Social Loginizer Addon

  • estructura de carpetas de la carpeta de plugin Loginizer Social.

Foto 1

  • Copiar toda la carpeta denominada como loginizer sociales en su carpeta de módulos del directorio raíz de su tienda PrestaShop a través de FTP.
  • También puede cargar carpeta zip del módulo haciendo clic en el botón Añadir nuevo módulo, que debe aparecer justo en la esquina superior derecha de la página del módulo para publicar anuncios.
  • Después de que usted será capaz de encontrar el plug-in listo para ser instalado en los módulos en su tienda PrestaShop como se muestra a continuación.

picture2

  • Haga clic en el enlace Instalar para instalar el plugin.

Módulo de administración

Aquí dueño de la tienda puede cambiar los distintos ajustes de este plugin de acuerdo a los requisitos, lo que se reflejará en la parte delantera, así como en el panel de administración.

Después de instalar plug-in en el almacén, el plug-in proporcionará siguiente pestañas en la interfaz:

  • Configuración general
  • Preguntas frecuentes
  • sugerencias
  • otros módulos

Cada ficha se explica a continuación.

Ajustes generales

Al hacer clic en el enlace en la página de configuración del módulo lista (configurar enlace aparecerá automáticamente una vez que instale el plug-in), sistema abrirá fichas de ajustes generales por defecto como se muestra en la pantalla siguiente:

picture2Picture3

Inicialmente campos de formulario anterior ya estarán llenos con sus valores por defecto.

  • Activar / Desactivar: Inicialmente, esto se va a apagar. El administrador puede activar / desactivar el plug-in poniendo en ON / OFF esta configuración.
  • Botón Secuencia de control: Aquí el administrador puede cambiar la secuencia de los botones tal y como aparecen en el front-end.
  • Posición: Esta es una tabla que describe tres posiciones donde se puede visualizar el icono social para iniciar sesión en el sitio Web.
  • Página: Establecer la página en la que desea mostrar este buttton social.
  • Estado: Para activar / desactivar este módulo de la página respectiva.
  • Posición: Para establecer la posición en la página respectiva en la que desea mostrar el botón social. Estas posiciones son encabezado, pie de página, columna de la izquierda y de la columna derecha.
  • Título: Aquí se puede establecer el título para algunos este bloque loginizer social. Por ejemplo: Regístrese con
  • Botón Tamaño: Hay dos opciones de tamaño del botón: pequeños y grandes. De acuerdo a su necesidad y la interfaz de usuario front-end, se puede establecer el tamaño del botón que se mostrará en la página respectiva.

También puede especificar el título y el tamaño de los iconos para cada posición individual.

Tamaño del icono (botón de tamaño)

Hay dos tipos de iconos disponibles para mostrar en la página web según la necesidad de la interfaz web para el usuario. No son los siguientes:

1. Pequeño Icono

Picture13

2. Icono grande

Picture4Picture5Picture6Picture7Picture8Picture9Picture10Picture11Picture12

 

 

Ajuste Facebook

En esta pestaña el administrador puede activar / desactivar facebook login en el extremo frontal. Antes de habilitar esta funcionalidad, rellene los siguientes datos:

1. ID de aplicación: Campo obligatorio.

2. Aplicación secreto: Campo obligatorio.

Los valores de los campos anteriores estarán disponibles una vez que crear una aplicación de Facebook en la consola de desarrolladores respectiva. Para crear la aplicación, por favor, siga las instrucciones dadas en el Apéndice.

Picture14

Google Plus Ajuste

En esta pestaña el administrador puede activar / desactivar Google de inicio de sesión en la parte delantera. Antes de habilitar esta funcionalidad, rellene los siguientes datos:

1. ID de aplicación: Este campo no es obligatorio, se puede dejar en blanco este campo.

Id 2. Cliente: campo obligatorio.

3. El cliente secreto: Campo obligatorio.

Los valores de los campos anteriores estarán disponibles una vez que se crea una aplicación de Google Plus en la consola de desarrolladores respectiva. Para crear la aplicación, por favor, siga las instrucciones dadas en el Apéndice.

Picture15

entorno en vivo

En esta pestaña el administrador puede activar / desactivar inicio de sesión en vivo en el extremo frontal. Antes de habilitar esta funcionalidad, rellene los siguientes datos:

Id 1. Cliente: campo obligatorio.

2. secreto de cliente (v1): campo obligatorio.

Los valores de los campos anteriores estarán disponibles una vez que se crea una aplicación Windows Live en la consola de desarrolladores respectiva. Para crear la aplicación, por favor, siga las instrucciones dadas en el Apéndice.

Picture16

Ajustes de LinkedIn

En esta pestaña el administrador puede activar / desactivar Linkedin inicio de sesión en la parte delantera. Antes de habilitar esta funcionalidad, rellene los siguientes datos:

1. Clave API: Campo obligatorio.

2. Clave Secreta: Campo obligatorio.

Los valores de los campos anteriores estarán disponibles una vez que crear una aplicación de LinkedIn en la consola de desarrolladores respectiva. Para crear la aplicación, por favor, siga las instrucciones dadas en el Apéndice.

Picture17

Ajustes de Twitter

En esta pestaña el administrador puede activar / desactivar la entrada de twitter en el extremo frontal. Antes de habilitar esta funcionalidad, rellene los siguientes datos:

1. Clave API: Campo obligatorio.

2. API Secreto: Campo obligatorio.

Los valores de los campos anteriores estarán disponibles una vez que se crea una aplicación de Twitter en la consola de desarrolladores respectiva. Para crear la aplicación, por favor, siga las instrucciones dadas en el Apéndice.

Picture18

Ajustes de Yahoo

En esta pestaña el administrador puede activar / desactivar Yahoo inicio de sesión en la parte delantera. Antes de habilitar esta funcionalidad, rellene los siguientes datos:

Clave 1. Consumidor: Campo obligatorio.

2. Secreto del Consumidor: Campo obligatorio.

Los valores de los campos anteriores estarán disponibles una vez que crear una aplicación de Yahoo en la consola de desarrolladores respectiva. Para crear la aplicación, por favor, siga las instrucciones dadas en el Apéndice.

Picture19

Ajustes de Instagram

En esta pestaña el administrador puede activar / desactivar Instagram de inicio de sesión en la parte delantera. Antes de habilitar esta funcionalidad, rellene los siguientes datos:

Id 1. Cliente: campo obligatorio.

2. El cliente Secreto: Campo obligatorio.

Los valores de los campos anteriores estarán disponibles una vez que crear una aplicación de Instagram en la consola de desarrolladores respectiva. Para crear la aplicación, por favor, siga las instrucciones dadas en el Apéndice.

Picture20

Ajustes del Amazonas

En esta pestaña el administrador puede activar / desactivar la entrada de Amazon en el extremo frontal. Antes de habilitar esta funcionalidad, rellene los siguientes datos:

Clave 1. Consumidor: Campo obligatorio.

2. Secreto del Consumidor: Campo obligatorio.

Los valores de los campos anteriores estarán disponibles una vez que crear una aplicación de Amazon en la consola de desarrolladores respectiva. Para crear la aplicación, por favor, siga las instrucciones dadas en el Apéndice.

Picture21

Ajustes paypal

En esta pestaña el administrador puede activar / desactivar la entrada de Paypal en el extremo frontal. Antes de habilitar esta funcionalidad, rellene los siguientes datos:

Clave 1. Consumidor: Campo obligatorio.

2. Secreto del Consumidor: Campo obligatorio.

Los valores de los campos anteriores estarán disponibles una vez que crear una aplicación de Paypal en la consola de desarrolladores respectiva. Para crear la aplicación, por favor, siga las instrucciones dadas en el Apéndice.

Picture23

Preguntas frecuentes

Esta pestaña contiene varias preguntas (con respuestas a ellos) que se hacen por nuestros clientes. Le recomendamos que vaya a través de las preguntas antes de levantar cualquier billete para este plugin.

Picture24

sugerencias

En caso de que quiera dar alguna sugerencia para algunas nuevas características que se incluirán en la nueva versión de este plugin que se puede utilizar esta ficha.

Picture25

otros módulos

En esta ficha se redirige a la página de revelador que tiene lista de otros plugins desarrollados por nosotros. Si te gusta este plugin que puede probar nuestros otros plugins también.

Módulo frontal

En el extremo frontal, el cliente puede ver los botones de inicio de sesión sociales en las que desea configurarlos de ajuste del módulo. Por ejemplo, hemos establecido el pequeño botón en la cabecera de la página web, a continuación, módulo mostrará ellas se indican a continuación:

Picture26

Si se establece en la Columna Columna Izquierda / Derecha

Picture27

Funcionalidad de código corto

En caso de que desee mostrar los botones de inicio de sesión sociales en otro lugar, donde el módulo no tienen acceso. Por lo tanto, existe la funcionalidad de código corto que le proporciona una manera de mostrar los botones de inicio de sesión sociales en cualquier lugar a lo largo de su sitio. Para ello, sólo hay que poner una línea de código en su respectivo archivo TPL en consecuencia. La línea de código es la siguiente:

Código para la exhibición pequeño icono

Código para la gran pantalla del icono

Recomendaciones: –

Actualización de la página de inicio de su tienda cada vez que habilitar / deshabilitar el plugin. Si el plugin no funciona después de la instalación, por favor, compruebe los permisos en la carpeta módulos. La carpeta debe ser modificable. Por favor, haga el permiso de carpeta a 755.

Cómo obtener los detalles de la aplicación de Facebook?

  • Ir a Desarrolladores Web (https://developers.facebook.com/apps) o haga clic en el enlace que figura arriba a la derecha de la pestaña correspondiente en la página de configuración del módulo.
  • Haga clic en Mis Aplicaciones -> Añadir una nueva aplicación o botón Agregar una nueva aplicación.
  • Elija Sitio Web y proceder.
  • Escriba el nombre de su aplicación y haga clic en Crear nueva aplicación de Facebook Id, seleccione una categoría de aplicación y proceder.
  • Ahora haga clic en Omitir inicio rápido.
  • Obtendrá el ID de aplicación y la App Secret (Haga clic en el botón Mostrar).

Picture28

  • Ahora, vaya a Configuración de menú de la izquierda.

Picture29

  • Haga clic en el botón Agregar Plataforma.
  • Elija un sitio web.
  • Introduzca su dominio de aplicación y la URL del sitio. También proporcionará a su correo electrónico de contacto (Es necesario para que su aplicación en vivo).

Picture30

  • Haga clic en el botón Guardar cambios.
  • Ahora, vaya a Estado y ficha de examen de menú de la izquierda y hacer la aplicación en vivo moviendo el interruptor a Sí. Asegúrese de que hay un punto verde después de que su nombre de la aplicación (Esto indica que la aplicación en vivo ahora).

Picture31

  • Ahora puede utilizar los datos de la API de la aplicación para que sus clientes ingresar a su tienda utilizando no cuenta de Facebook.

Cómo obtener los detalles de la aplicación Google?

  • Ir a Google Developers Console (https://console.developers.google.com/project) o haga clic en el enlace que figura arriba a la derecha de la pestaña correspondiente en la página de configuración del módulo.
  • Ahora haga clic en Crear Projecton la izquierda de la página.
  • Introduzca un nombre para el proyecto y proceder al siguiente paso.
  • Ahora haga clic en APIs y Auth-> Credenciales en el menú de la izquierda, como se muestra a continuación.

Picture32

  • Haga clic en el botón Crear nuevo ID de cliente desde el panel derecho de la pantalla.
  • Es posible que tenga que rellenar el formulario de consentimiento Screenbefore procedimiento. Para ello hay que hacer clic sobre el consentimiento screenin el menú de la izquierda como se muestra en la imagen superior.
  • Llene el formulario emergente con detalles a continuación:

Tipo de aplicación: Aplicación Web.

Orígenes de JavaScript autorizados: Su nombre de dominio tienda (http://www.yourstore.com).

Autorizado de redirigir o URI URI de Loginizer redirigir la página:

En caso de que utilice el URL SEO friendly para su tienda a continuación, utilizar este –

http://www.yourstore.com/module/socialloginizer/google

De lo contrario usar este –

http://www.yourstore.com/index.php?fc=module&module=socialloginizer&controller=google

Picture33

  • Ahora haga clic en Crear cliente IDbutton para obtener su ID de cliente y el cliente clave secreta.

Picture34

  • Ahora se puede utilizar el secreto de cliente y número de cliente para que sus clientes ingresar a su tienda utilizando? Google cuenta.

Cómo obtener los detalles de la aplicación LinkedIn?

  • Ir a LinkedIn Desarrolladores (https://www.linkedin.com/secure/developer) o haga clic en el enlace que figura arriba a la derecha de la pestaña correspondiente en la página de configuración del módulo.

Picture35

  • Haga clic onCreate Applicationbutton.
  • Llene el formulario para registrar una nueva aplicación. Sitio web URLmust sea su URL tienda como http://www.yourstore.com.
  • Después de llenar el formulario haga clic en Enviar para enviar el formulario y mantener su clave de API y segura clave secreta.

Picture36

  • Para LinkedIn, redirigir URL es opcional, si desea establecer la dirección URL de redirección, a continuación, establecer como:

En caso de que utilice el URL SEO friendly para su tienda a continuación, utilizar este –

http://www.yourstore.com/module/socialloginizer/linkedin

De lo contrario usar este –

http://www.yourstore.com/index.php?fc=module&module=socialloginizer&controller=linkedin

  • Por favor asegúrese de que los permisos de las aplicaciones por defecto se seleccionan adecuadamente con el fin de utilizar la aplicación. Como se muestra en la imagen superior.
  • Ahora puede utilizar los datos de la API de la aplicación para que sus clientes ingresar a su tienda utilizando linkedin no cuenta.

Cómo obtener detalles en directo de la aplicación?

  • Ir al Centro de Desarrollo de Microsoft (https://account.live.com/developers/applications/create) o haga clic en el enlace que figura arriba a la derecha de la pestaña correspondiente en la página de configuración del módulo.
  • Introduce el nombre de la aplicación y haga clic en I AcceptButton.

Picture37

  • De menú de la izquierda seleccione Configuración API.
  • Ahora proporcionar su dominio tienda y Loginizer redirección URL,

http://www.yourstore.com/module/socialloginizer/live

En dominio de destino, introduzca su nombre de dominio (ejemplo: – http://www.yourstore.com)

Picture38

  • Ahora desde el menú de la izquierda, haga clic en Aplicación Ajustesy copiar su ID de cliente y la clave secreta de cliente.

Picture39

  • Ahora puede utilizar los datos de la solicitud para que sus clientes ingresar a su tienda utilizando Allí viven o Cuenta de Microsoft.

Cómo obtener detalles aplicación de Twitter?

  • Ir a Twitter Aplicación de Gestión (https://dev.twitter.com/apps) o haga clic en el enlace que figura arriba a la derecha de la pestaña correspondiente en la página de configuración del módulo.

Picture40

  • Haga clic en Crear nuevo Appbutton.
  • Entrar en detalles de la aplicación de la siguiente manera:

Nombre de la aplicación: nombre de la aplicación.

Descripción: 10 a 200 caracteres descripción de su aplicación.

Página web: Su URL del almacén.

  • URL de respuesta: Loginizer redirigir URL de la página de su tienda.

En caso de que utilice el URL SEO friendly para su tienda a continuación, utilizar esto para URL de redireccionamiento –

http://www.yourstore.com/module/socialloginizer/twitter

De lo contrario usar este –

http://www.yourstore.com/index.php?fc=module&module=socialloginizer&controller=twitter

  • Ahora, Haga clic en Sí, me agreeand continuación, haga clic en Crear su aplicación de Twitter.
  • Ahora, seleccione el acceso y las llaves Tokensfrom el menú debajo de su nombre de la aplicación y copiar la clave de la API y API secreto.

Picture41

  • Ahora puede utilizar los datos de la solicitud para que sus clientes ingresar a su tienda utilizando no cuenta de Twitter.

Cómo obtener los detalles de la aplicación Yahoo?

  • Ir a Yahoo Developer Network (http://developer.apps.yahoo.com/projects) o haga clic en el enlace que figura arriba a la derecha de la pestaña correspondiente en la página de configuración del módulo. Haga clic en Crear una Appbutton proceder.

Picture42

  • Rellene los detalles requeridos según las instrucciones. Inicio URL será la URL de su tienda.

En caso de que usted está utilizando SEO Friendly URL a continuación, utilizar esto para el dominio de devolución de llamada:

http://www.yourstore.com/module/socialloginizer/yahoo

De lo contrario usar este –

http://www.yourstore.com/index.php?fc=module&module=socialloginizer&controller=yahoo

Picture43

  • Por favor asegúrese de que los permisos de la aplicación se seleccionan correctamente, mientras que la creación de la aplicación como se muestra en la imagen superior.
  • Una vez creada la aplicación se puede copiar la clave secreta del Consumidor y del Consumidor.

Picture44

  • Ahora puede utilizar los datos de la solicitud para que sus clientes ingresar a su tienda utilizando no cuenta yahoo.

Cómo obtener los detalles de la aplicación Amazon?

  • Ir a Amazon Developer Network (http://login.amazon.com/manageApps) o haga clic en el enlace que figura arriba a la derecha de la pestaña correspondiente en la página de configuración del módulo.

Picture45

  • Haga clic en el botón Iniciar sesión en la aplicación de consola.
  • Después de entrar con éxito en la aplicación de consola clic en el botón Registro Nueva Aplicación en la parte superior derecha de la página y se le redirige a la página siguiente.

Picture46

  • Entrar en detalles de la aplicación de la siguiente manera:

Nombre: nombre de la aplicación.

Descripción: Descripción de su aplicación.

Confidencialidad URL: URL de la página Política de privacidad de su tienda.

  • Imagen del logotipo: Seleccionar imagen del logotipo opcional de su tienda.
  • Haga clic en el botón Guardar.
  • Ahora haga clic en Configuración del Web para obtener su ID de cliente y el secreto.

Picture47

  • Permitido URL de devolución: Loginizer redirigir URL de la página de su tienda.

En caso de que utilice el URL SEO friendly para su tienda a continuación, utilizar esto para URL de redireccionamiento –

http://www.yourstore.com/module/socialloginizer/amazon

De lo contrario usar este –

http://www.yourstore.com/index.php?fc=module&module=socialloginizer&controller=amazon

Nota: Para habilitar el inicio de sesión en el sitio Web de Amazon yout, su sitio web debe ser segura con HTTPS lo contrario Amazon inicio de sesión no funcionará.

  • Ahora se puede utilizar el secreto de cliente y número de cliente para que sus clientes ingresar a su tienda utilizando no cuenta de Amazon.

Cómo obtener los detalles de la aplicación Instagram?

  • Ir a Instagram Developer Network (http://instagram.com/developer/clients/manage) o haga clic en el enlace que figura arriba a la derecha de la pestaña correspondiente en la página de configuración del módulo.
  • Haga clic en un botón de Registro nuevo cliente en la parte superior derecha de la página.

Picture48

  • Rellene el siguiente formulario

Picture49

  • Establecer URL de redirección como Loginizer redirigir URL de la página de su tienda.

En caso de que utilice el URL SEO friendly para su tienda a continuación, utilizar esto para URL de redireccionamiento –

http://www.yourstore.com/module/socialloginizer/instagram

De lo contrario usar este –

http://www.yourstore.com/index.php?fc=module&module=socialloginizer&controller=instagram

  • Haga clic en el botón a continuación, copiar y pegar ID de cliente y el secreto en el panel de administración de plug-in Crear.
  • Ahora puede utilizar los datos de la solicitud para que sus clientes ingresar a su tienda utilizando no cuenta Instagram.

Cómo obtener los detalles de la aplicación de Paypal?

  • Ir a PayPal Developer Network (https://developer.paypal.com/webapps/developer/applications/myapps) o haga clic en el enlace que figura arriba a la derecha de la pestaña correspondiente en la página de configuración del módulo.
  • Haga clic en el botón Crear aplicación.

Picture50

  • A continuación, introduzca el nombre de la aplicación y haga clic en Crear aplicación del botón.

Picture51

  • Establecer la dirección URL de retorno de aplicaciones (en vivo) como página del plugin de redirección URL de su tienda.

En caso de que utilice el URL SEO friendly para su tienda a continuación, utilizar esto para URL de redireccionamiento –

http://www.yourstore.com/module/socialloginizer/paypal

De lo contrario usar este –

http://www.yourstore.com/index.php?fc=module&module=socialloginizer&controller=paypal

Picture52

  • Por favor asegúrese de que está seleccionada la de las API en vivo por completo como se muestra a continuación:

Picture53

  • Ahora se puede utilizar el secreto de cliente y número de cliente para que sus clientes ingresar a su tienda utilizando no cuenta paypal.

Joe Parker

We boast of the best in the industry plugins for eCommerce systems and has years of experience working with eCommerce websites. We provide best plugins for platforms like - Magento, Prestashop, OpenCart and Shopify . We also provide custom module development and customization services for the website and modules..

Leave a Reply

Your email address will not be published. Required fields are marked *