Knowband Blog | Ecommerce Modules

PrestaShop Social Login Module – Manual del usuario

Módulo de inicio de sesión social Prestashop de Knowband?allows your customers to register and login to your Prestashop store by using their social accounts from 14 social networks such as Facebook, Google Plus, Twitter, Instagram, Foursquare, Live, WordPress etc. This social login Prestashop module not only enhances your user’s experience but also increases sales and conversions..

¿Por qué usar este complemento de inicio de sesión de medios sociales de Prestashop?

Pasos de instalación del complemento de inicio de sesión en redes sociales de Prestashop:

Módulo de administración del módulo Prestashop de inicio de sesión social

Aquí, el propietario de la tienda puede cambiar las diversas configuraciones de este módulo de inicio de sesión de Twitter de Prestashop de Knowband de acuerdo con los requisitos, que se reflejarán en la parte frontal y en el panel de administración del complemento de inicio de sesión de Facebook de Prestashop. Después de instalar el módulo Prestashop de inicio de sesión social en la tienda, este complemento Prestashop proporcionará las siguientes pestañas en la interfaz: Configuración general

Cada pestaña se explica a continuación.

Configuración general del complemento de inicio de sesión social de Prestashop:

Al hacer clic en el enlace de configuración en la página de listado de módulos (el enlace de configuración aparecerá automáticamente una vez que instale el complemento), el sistema abrirá la pestaña de configuración general del complemento de inicio de sesión Prestashop google + de forma predeterminada como se muestra en la siguiente captura de pantalla: Complemento de inicio de sesión de Facebook de Prestashop [/ caption]

Inicialmente, los campos en el formulario anterior ya se llenarán con sus valores predeterminados.

Configuración de iconos personalizados de este módulo de opciones de inicio de sesión social:

En la configuración de iconos personalizados, el comerciante de la tienda en línea puede administrar la apariencia de los iconos de inicio de sesión social. Habrá una lista de diseños que se pueden agregar, actualizar y eliminar en cualquier momento según los requisitos. La lista se muestra a continuación:

Hay varias opciones de personalización como se muestra a continuación:

Estadísticas del módulo de inicio de sesión social de Prestashop

Este campo del módulo de inicio de sesión de Twitter de Prestashop permite al propietario de la tienda ver el informe de los usuarios registrados y registrados en formato gráfico y tabular. (Ya sea el inicio de sesión social o el inicio de sesión con ID de correo electrónico y contraseña)

Configuraciones de Facebook:

En esta pestaña del módulo de inicio de sesión de Facebook de Prestashop, el administrador puede habilitar / deshabilitar el inicio de sesión de Facebook en la parte frontal. Rellene los detalles y haga clic en la opción ‘Guardar’. Los siguientes campos son obligatorios:

Los valores de campo anteriores estarán disponibles una vez que cree una aplicación de Facebook en la consola del desarrollador respectivo.

Configuración de Google Plus:

Esta pestaña del complemento Prestashop google + login le permite al administrador habilitar / deshabilitar el inicio de sesión de Google Plus en la parte frontal. Rellene los detalles y haga clic en la opción ‘Guardar’. Los siguientes campos son obligatorios:

Los valores de campo anteriores estarán disponibles una vez que cree una aplicación Google Plus en la consola del desarrollador respectivo.

Configuración de Instagram:

Esta pestaña del módulo de opciones de inicio de sesión social de Prestashop ofrece una opción para mostrar la opción de inicio de sesión / registro de Instagram en la interfaz front-end del sitio web. El comerciante de la tienda en línea puede ingresar estos detalles mencionados a continuación y guardar la configuración para mostrar la opción de inicio de sesión / registro de Instagram en el sitio web.

Estos detalles estarán fácilmente disponibles una vez que cree una aplicación de Instagram en la consola del desarrollador respectivo.

Configuraciones en vivo:

En esta pestaña del complemento de inicio de sesión de medios sociales de Prestashop, el administrador puede habilitar / deshabilitar el inicio de sesión en vivo en la parte frontal. Rellene los detalles y haga clic en la opción ‘Guardar’. Los siguientes campos son obligatorios:

Los valores de campo anteriores estarán disponibles una vez que cree una aplicación de Windows Live en la consola del desarrollador respectivo

Configuración de LinkedIn:

En esta pestaña de la extensión de inicio de sesión social Prestashop de Knowband, el administrador puede habilitar / deshabilitar el inicio de sesión de Linkedin en la parte frontal. Rellene los detalles y haga clic en la opción ‘Guardar’. Los siguientes campos son obligatorios:

Los valores de campo anteriores estarán disponibles una vez que cree una aplicación de LinkedIn en la consola del desarrollador respectivo. Para la configuración, el administrador debe seguir estos pasos:

Configuración de Twitter:

Esta pestaña del complemento de inicio de sesión de medios sociales de Prestashop le permite al administrador habilitar / deshabilitar el inicio de sesión de Twitter en la parte frontal. Rellene los detalles y haga clic en la opción ‘Guardar’. Los siguientes campos son obligatorios:

Los valores de campo anteriores estarán disponibles una vez que cree una aplicación de Twitter en la consola del desarrollador respectivo.

Configuración de Yahoo:

En esta pestaña del complemento Prestashop de inicio de sesión en redes sociales, el administrador puede habilitar / deshabilitar el inicio de sesión de Yahoo en la parte frontal. Rellene los detalles y haga clic en la opción ‘Guardar’. Los siguientes campos son obligatorios:

Los valores de campo anteriores estarán disponibles una vez que cree una aplicación de Yahoo en la consola de desarrolladores correspondiente.

Configuración de Amazon:

En esta pestaña del complemento de inicio de sesión social de Prestashop, el administrador puede habilitar / deshabilitar el inicio de sesión de Amazon en la parte frontal. Rellene los detalles y haga clic en la opción ‘Guardar’. Los siguientes campos son obligatorios:

Los valores de campo anteriores estarán disponibles una vez que cree una aplicación de Amazon en la consola de desarrolladores correspondiente.

Configuración de Paypal:

En esta pestaña de Prestashop google + login addon, el administrador puede habilitar / deshabilitar el inicio de sesión de Paypal en la parte frontal. Rellene los detalles y haga clic en la opción ‘Guardar’. Los siguientes campos son obligatorios:

Los valores de campo anteriores estarán disponibles una vez que cree una aplicación de Paypal en la consola del desarrollador respectivo.

Configuración Cuadrangular:

Esta pestaña del plugin de inicio de sesión social Knowband Prestashop le permite al administrador habilitar / deshabilitar el inicio de sesión de Foursquare en la parte frontal. Rellene los detalles y haga clic en la opción ‘Guardar’. Los siguientes campos son obligatorios:

Los valores de campo anteriores estarán disponibles una vez que cree una aplicación Foursquare en la consola del desarrollador respectivo.

Configuración de Github:

En esta pestaña del módulo de inicio de sesión de medios sociales de Prestashop, el administrador puede habilitar / deshabilitar el inicio de sesión de Github en la parte frontal. Rellene los detalles y haga clic en la opción ‘Guardar’. Los siguientes campos son obligatorios:

Los valores de campo anteriores estarán disponibles una vez que cree una aplicación Github en la consola del desarrollador respectivo.

Configuración de Disqus:

En esta pestaña del complemento de inicio de sesión de medios sociales de Prestashop, el administrador puede habilitar / deshabilitar el inicio de sesión de Disqus en la parte frontal. Rellene los detalles y haga clic en la opción ‘Guardar’. Los siguientes campos son obligatorios:

Los valores de campo anteriores estarán disponibles una vez que cree una aplicación Disqus en la consola del desarrollador respectivo.

Configuración de Vkontakte:

En esta pestaña del complemento de inicio de sesión social Prestashop de Knowband, el administrador puede habilitar / deshabilitar el inicio de sesión de Vkontakte en la parte frontal. Rellene los detalles y haga clic en la opción ‘Guardar’. Los siguientes campos son obligatorios:

Los valores de campo anteriores estarán disponibles una vez que cree una aplicación Vkontakte en la consola del desarrollador respectivo.

Configuración de WordPress:

Esta pestaña del módulo de inicio de sesión social de Prestashop le permite al administrador habilitar / deshabilitar el inicio de sesión de WordPress en la parte frontal. Rellene los detalles y haga clic en la opción ‘Guardar’. Los siguientes campos son obligatorios:

Los valores de campo anteriores estarán disponibles una vez que cree una aplicación de WordPress en la consola del desarrollador respectivo.

Configuración de Dropbox:

En esta pestaña del módulo de inicio de sesión de Prestashop en Facebook, el administrador puede habilitar / deshabilitar el inicio de sesión de Dropbox en la parte frontal. Rellene los detalles y haga clic en la opción ‘Guardar’. Los siguientes campos son obligatorios:

Los valores de campo anteriores estarán disponibles una vez que cree una aplicación de Dropbox en la consola del desarrollador respectivo.

Preguntas más frecuentes:

Esta pestaña del módulo Prestashop de inicio de sesión social contiene varias preguntas (con respuestas a ellas) que nuestros clientes nos hacen. Le recomendamos que lea las preguntas antes de plantear cualquier boleto para este complemento de inicio de sesión de Facebook de Prestashop.

Sugerencias:

En caso de que desee dar alguna sugerencia para incluir algunas características nuevas en la nueva versión de este complemento de inicio de sesión de Prestashop Google+, puede usar esta pestaña.

Otros complementos:

Esta pestaña redirige a nuestra página de desarrollador con la lista de otros complementos desarrollados por nosotros. Si le gusta este complemento de inicio de sesión de medios sociales de Prestashop, también puede probar nuestros otros complementos de Prestashop.

Módulo de inicio de sesión social de Front End Prestashop:

Al pie de página, los clientes pueden ver las opciones de inicio de sesión social como se muestra a continuación:

?

En el extremo frontal de este complemento de inicio de sesión social de Prestashop, los clientes pueden ver los botones de inicio de sesión social cerca de la opción ‘Iniciar sesión’ ya que hemos establecido el botón pequeño en el encabezado del sitio web. A continuación se muestra la captura de pantalla de la misma:

Funcionalidad de código corto

En caso de que desee mostrar los botones de inicio de sesión social en otro lugar donde el módulo no tiene acceso. Por lo tanto, hay una funcionalidad de código corto que le proporciona una forma de mostrar los botones de inicio de sesión social en cualquier lugar de su sitio. Para hacer esto, solo tiene que poner una línea de código en su respectivo archivo tpl en consecuencia. La línea de código se da a continuación:

Código para mostrar icono pequeño:
hook h = ‘customLoginizerShortCodeHook’ size = ‘small’

Código para mostrar icono grande:
hook h = ‘customLoginizerShortCodeHook’ size = ‘large’

Recomendaciones: –

Actualice la página de inicio de su tienda cada vez que active / desactive el complemento Prestashop para iniciar sesión en las redes sociales. Si el complemento de inicio de sesión social de Prestashop no funciona después de la instalación, compruebe los permisos en la carpeta de módulos. La carpeta debe poder escribirse. Haga que la carpeta tenga permiso para 755.

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

La aplicación de Facebook se puede crear siguiendo los pasos mencionados a continuación:

Paso 1:?Go to given?URL: https://developers.facebook.com/apps/

Paso 2:?Click on the “Add a New App” button.

Paso 3 y 4:?Enter your App name and email id, then click on “Create App ID” button.

Paso 5 y 6:?After clicking on Create App ID you will have to?go through a security check as shown:

Paso 7:?Click on “Setting” tab.

Paso 8-13:?Two option will be available in the?dropdown, Basic and Advanced, click on “Basic”. And then enter your “App Domain”,?”Contact Email”, “Privacy?URL”, “Terms and Conditions?URL”, “Add Logo”, “Select Category” and click on “Save Changes” button.

App Dominios:

tudominio.com escorrecta

yourdomain.com/store esincorrecto

www.dominio.com esincorrecto

Paso 14:?Now click on “+Add Platform”.

Paso 15:Y seleccione el sitio web como plataforma

Paso 16:?Now Enter your site URL.

Paso 17 y 18:?Click on “Products+” and select Facebook login.

Paso 19:Seleccione web como la plataforma para la aplicación.

Paso 20:?Now click on save.

Paso 21 y 22:Haga clic en Configuración y agregue un URI de redireccionamiento de OAuth válido.

URI de redireccionamiento de OAuth válidos:

https://www.yourstore.com/module/socialloginizer/facebook

Paso 23 y 24:Haga clic en “Revisión de la aplicación”. Y

Último paso:Copie el ID de la aplicación y el secreto de la aplicación y péguelo en los campos provistos en el módulo.

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

Tipo de aplicación: Aplicación web.

Orígenes de JavaScript autorizados: el nombre de dominio de su tienda (https://www.yourstore.com).

URI de redireccionamiento autorizado o URI de la página de redireccionamiento de Loginizer:

En caso de que esté utilizando una URL amigable para SEO para su tienda, use esto:

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

De lo contrario, use esto:

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

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

En caso de que esté utilizando una URL amigable para SEO para su tienda, use esto:

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

De lo contrario, use esto:

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

¿Cómo obtener detalles de la aplicación en vivo?

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

En Target Domain ingrese su nombre de dominio (ejemplo: – https://www.yourstore.com)

¿Cómo obtener los detalles de la aplicación de Twitter?

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

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

Sitio web: la URL de su tienda.

En caso de que esté utilizando una URL amigable para SEO para su tienda, úsela para URL de redireccionamiento:

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

De lo contrario, use esto:

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

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

En caso de que esté utilizando una URL amigable para SEO, úsela para el dominio de devolución de llamada:

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

De lo contrario, use esto:

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

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

Nombre: Nombre de su aplicación.

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

URL de aviso de privacidad: URL de la página de política de privacidad de su tienda.

En caso de que esté utilizando una URL amigable para SEO para su tienda, úsela para URL de redireccionamiento:

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

De lo contrario, use esto:

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

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

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

En caso de que esté utilizando una URL amigable para SEO para su tienda, úsela para URL de redireccionamiento:

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

De lo contrario, use esto:

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

Encuentre más detalles sobre este complemento de inicio de sesión de medios sociales de Prestashop a continuación:

Enlace del módulo de inicio de sesión social de Prestashop: https://www.knowband.com/prestashop-social-loginizer

Demostración administrativa del módulo de inicio de sesión social de Prestashop: https://ps.knowband.com/demo1/16/admin1/index.php?controller=AdminLogin&token=aea1bb3fb1bab860c86c4db00ce5949e&redirect=AdminModules&demo_lang=en

Demostración frontal del módulo de inicio de sesión social de Prestashop: https://ps.knowband.com/demo1/16/en/

Vea cómo funciona el módulo de inicio de sesión social de Prestashop:

Obtenga este módulo de inicio de sesión social de Prestashop en Tienda de complementos también.

“Además, explore más Complementos de Prestashop para su sitio web Prestashop “.

Esto también te interesaría: