- Nueve proveedores
- Cuentas existentes, con total seguridad
- La página «¡Ya casi está!», solo cuando es necesaria
- Coloque los botones donde desee
- Apariencia
- Ventana de inicio de sesión
- Página «Mis cuentas sociales» y ficha de cliente
- Código de bienvenida
- Estadísticas y registro
- Datos personales
- Técnica
- Primera configuración: un proveedor
- Los valores que introducir, proveedor por proveedor
- Posiciones y apariencia (pestaña Visualización)
- Clientes (pestaña Clientes)
- Ajustes (pestaña Ajustes)
- Licencia
- Reducir el abandono en el proceso de pedido
- Ofrecer primero Google y Apple, y todo lo demás en otro sitio
- Iconos en la cabecera
- Un botón bajo «Añadir al carrito»
- Dar la bienvenida a los nuevos clientes
- Un proveedor de identidad de empresa (B2B)
- ¿Para qué sirve un módulo de acceso social (social login) en PrestaShop?
- ¿Qué redes sociales y proveedores se admiten?
- ¿Cómo reducir el abandono del carrito con el acceso en 1 clic?
- ¿Dónde puedo mostrar los botones (acceso, pedido, carrito, ficha de producto…)?
- ¿Es compatible el módulo con mi versión de PrestaShop y mi tema?
- ¿Cuáles son los requisitos técnicos (PHP, HTTPS)?
- ¿Qué ocurre si TikTok o X no envían el correo electrónico del cliente?
- ¿Cómo funciona PayPal y la importación de la dirección?
- ¿Cómo corregir el error «Invalid redirect URI» (redirect_uri_mismatch)?
- ¿Modifica el módulo el pedido estándar u otros módulos?
- ¿Puede un cliente acabar conectado a la cuenta de otro?
- ¿Cómo funciona el código de bienvenida?
- ¿Puedo seguir los resultados y diagnosticar un problema?
- ¿Están protegidos los datos de los clientes (RGPD)?
- ¿Qué ocurre si mi licencia caduca?
- «El proveedor no conoce la dirección de retorno» (redirect_uri_mismatch)
- «El proveedor rechaza el ID de cliente o el secreto de cliente» (invalid_client)
- La ventana de inicio de sesión no se abre
- El cliente debe escribir su contraseña aunque use Google
- Facebook pide la contraseña a un cliente conocido
- Microsoft: cuentas personales
- TikTok: solo algunas cuentas pueden iniciar sesión
- «El inicio de sesión caducó o no procede del mismo navegador»
- Un botón aparece configurado pero no se muestra en mi página
- El registro muestra fallos
Inicio de sesión social para PrestaShop: Google, Apple, Facebook, PayPal, X y más — configuración y guía
Social Login permite a sus clientes crear una cuenta o iniciar sesión con un solo clic con Google, Facebook, Apple, PayPal, Amazon, X, Microsoft, TikTok o con cualquier proveedor OpenID Connect (Keycloak, Okta, Auth0, Authentik, Microsoft Entra…). Sin formulario de registro que rellenar ni contraseña que recordar: el cliente conserva su carrito, llega a la página en la que estaba y recupera su cuenta en la próxima visita.
Esta guía explica cómo crear las aplicaciones en cada proveedor, colocar los botones donde desee (página de inicio de sesión, registro, proceso de pedido, carrito, cabecera…), gestionar las cuentas existentes sin riesgo, ofrecer un código de bienvenida y seguir los resultados.
Puntos fuertes:
- Nueve proveedores: Google, Facebook, Apple, Microsoft, PayPal, Amazon, X, TikTok y OpenID Connect genérico
- Una sola dirección de retorno que registrar en cada proveedor, para todos los idiomas de la tienda
- Botón Probar la conexión y estado de cada proveedor (sin configurar, por probar, operativo, errores) con la corrección que aplicar
- Registro e inicio de sesión idénticos a los de PrestaShop: correo de bienvenida, cupones del cliente, módulos de newsletter y de CRM informados
- Una cuenta existente solo se abre automáticamente si el proveedor certifica la dirección de correo electrónico; en caso contrario, el cliente escribe su contraseña una sola vez
- Ventana de inicio de sesión en ordenador: el cliente no abandona la página, tampoco en el proceso de pedido (carrito conservado)
- Posiciones libres: formularios de inicio de sesión y de registro, proceso de pedido, carrito, cabecera, página de inicio, sobre el pie de página, columnas, o cualquier elemento de la página mediante un selector CSS
- Código de bienvenida (porcentaje, importe o envío gratuito), página «Mis cuentas sociales», estadísticas con exportación CSV, registro de inicios de sesión
- Consentimientos (privacidad, condiciones, newsletter) recogidos en el registro, exportación y supresión de datos previstas para el RGPD
- Interfaz y páginas del cliente en francés, inglés, español, italiano y polaco
Presentación
Crear una cuenta es uno de los primeros obstáculos para comprar: un formulario que rellenar, una contraseña que inventar, un correo de confirmación que abrir. Con Social Login, el cliente hace clic en el botón de la red que ya utiliza, confirma en el proveedor y vuelve a su tienda con la sesión iniciada.
- El cliente hace clic en un botón (por ejemplo Continuar con Google) en la página de inicio de sesión, el registro o el proceso de pedido.
- El proveedor le pide su consentimiento, en una ventana en ordenador o en la misma página en teléfono.
- Vuelve a la página en la que estaba. Su cuenta se crea si no existía, se vincula si ya existía, y su sesión se abre como tras un inicio de sesión clásico.
El módulo no almacena ningún token de acceso del proveedor: lee el perfil una vez, en el momento del inicio de sesión. Las credenciales de sus aplicaciones se guardan cifradas y no se vuelven a mostrar en la página de configuración.
Funcionalidades
Nueve proveedores
- Google, Facebook, Apple (Sign in with Apple), Microsoft (cuentas personales y profesionales o educativas), PayPal, Amazon, X y TikTok
- OpenID Connect genérico: un botón para su propio proveedor de identidad (Keycloak, Okta, Auth0, Authentik, Microsoft Entra…), útil para una tienda B2B
- Para cada proveedor, una guía paso a paso en la página de configuración con los enlaces a la consola y los valores que copiar
Cuentas existentes, con total seguridad
- Si el proveedor certifica la dirección de correo electrónico (Google, Apple, PayPal, Amazon, X con el correo autorizado, cuenta personal de Microsoft, OpenID Connect con
email_verified), el cliente que ya tiene una cuenta se vincula y se conecta sin contraseña. Una cuenta profesional de Microsoft solo se certifica si su aplicación declara la reclamación opcionalxms_edov(dominio de la dirección verificado por la organización); en caso contrario, se pide la contraseña una vez - Si la dirección no está certificada (Facebook, dirección escrita a mano), la página «¡Ya casi está!» pide la contraseña de la cuenta una sola vez; los inicios de sesión siguientes se hacen con un clic
- Un invitado que inicia sesión con un proveedor que certifica la misma dirección pasa a ser un cliente de pleno derecho, y sus pedidos le siguen
- Una cuenta desactivada por usted no puede iniciar sesión con una red social
- Cuando el propietario de una dirección restablece su contraseña con el enlace recibido por correo, los vínculos creados con una dirección no certificada (dirección escrita a mano para X o TikTok) se eliminan: el cliente los confirma una vez con su nueva contraseña
La página «¡Ya casi está!», solo cuando es necesaria
- La dirección de correo electrónico se pide si el proveedor no la da (X sin autorización del correo, TikTok)
- El nombre se pide cuando falta: Apple solo lo da en el primer inicio de sesión, TikTok solo transmite un seudónimo
- Los consentimientos que exige su formulario de registro (política de privacidad, condiciones generales, newsletter) se piden una vez, como en el formulario de la tienda
- La contraseña se pide para vincular una cuenta existente cuya dirección no está certificada
- En los demás casos, el registro se hace con un clic, sin página intermedia
Coloque los botones donde desee
- Posiciones listas para usar: página de inicio de sesión, página de registro, proceso de pedido (paso de datos personales), carrito, cabecera (iconos), página de inicio, sobre el pie de página, columnas izquierda y derecha
- Elemento de la página: indique un selector CSS y una posición (antes, después, al principio o al final del elemento) para mostrar los botones junto a cualquier elemento de cualquier página
- Hook o widget para los desarrolladores de temas:
{widget name="wepresta_social_login" position=ID} - Para cada posición: proveedores y orden, botones con texto o solo iconos, uno junto a otro o uno por línea, estilo, texto («Iniciar sesión con», «Registrarse con», «Continuar con»), título en cada idioma y CSS personalizado
Botones de acceso en la página de inicio de sesión
Acceso en 1 clic en el proceso de pedido
Apariencia
- Cuatro estilos: colores de las marcas, claro, oscuro, contorno
- Esquinas redondeadas ajustables y sombra paralela, con una vista previa en directo en la página de configuración
- Botones de 44 px de alto como mínimo, navegación con teclado, etiquetas legibles por los lectores de pantalla
- Ninguna hoja de estilo ni script en las páginas que no muestran ningún botón
Apariencia y posiciones de los botones
Ventana de inicio de sesión
- En ordenador, el proveedor se abre en una pequeña ventana; el cliente no abandona la página, y el proceso de pedido conserva su contenido
- En teléfono, o si el navegador bloquea la ventana, el cliente es redirigido al proveedor y devuelto a la página de origen
- El modo ventana se desactiva con un clic en Visualización
Página «Mis cuentas sociales» y ficha de cliente
- En Mi cuenta, el cliente vincula o desvincula un proveedor; un cliente cuya cuenta se creó con una red social es informado de que puede definir una contraseña con «¿Olvidó su contraseña?»
- En la ficha de cliente del back office, un recuadro Cuentas sociales enumera los proveedores vinculados (fecha, último inicio de sesión, dirección certificada o no) y permite desvincularlos
Código de bienvenida
- Un cupón de un solo uso, reservado al cliente, creado en el registro con un proveedor que certifica la dirección de correo electrónico
- Descuento en porcentaje, importe fijo o envío gratuito, pedido mínimo, período de validez, prefijo del código, acumulable o no con otros descuentos
- El cliente ve su código una vez, en un banner, en la página que sigue al registro
Estadísticas y registro
- Estadísticas a 7, 30, 90 días o 12 meses: inicios de sesión, cuentas nuevas, parte de los clientes nuevos, cuentas vinculadas, fallos, inicios de sesión cancelados por el cliente, pedidos e ingresos sin impuestos de los clientes que usan una cuenta social, detalle por proveedor, exportación CSV
- Registro: cada inicio de sesión, alta, vinculación y fallo, con la causa y la corrección que aplicar (por ejemplo «la dirección de retorno no está registrada en Google»), filtros por proveedor, resultado, evento y fecha
- Período de conservación ajustable (30 días, 90 días, 180 días o 12 meses), direcciones IP acortadas como opción
Estadísticas por período y por proveedor
Datos personales
- No se conserva ningún token del proveedor; las credenciales de sus aplicaciones están cifradas
- Los consentimientos que se piden en el registro son los mismos que los de su formulario
- El módulo responde a las solicitudes de exportación y supresión del módulo de cumplimiento del RGPD de PrestaShop (
psgdpr): vínculos sociales, registro y código de bienvenida del cliente
Técnica
- PrestaShop 1.7.8, 8.2+ y 9.1+, PHP 7.4 como mínimo; los temas de PrestaShop y los temas de terceros que muestran las posiciones estándar están admitidos, y las posiciones por selector CSS cubren los demás
- Multitienda: cada tienda tiene sus proveedores, sus posiciones y sus ajustes; los clientes se comparten según los ajustes de su grupo de tiendas
- Sin override del núcleo de PrestaShop, sin biblioteca PHP de terceros, archivo de unos 300 KB
- Interfaz en francés, inglés, español, italiano y polaco
Requisitos
- PrestaShop: 1.7.8, 8.2+ o 9.1+. PrestaShop 1.7.7 y versiones anteriores, 8.0, 8.1 y 9.0 no se admiten.
- PHP: 7.4 como mínimo, con las extensiones
curl,json,mbstringyopenssl. - HTTPS en la tienda: los proveedores no aceptan una dirección de retorno sin HTTPS.
- Una aplicación por proveedor que desee ofrecer, creada por usted en la consola del proveedor. Es gratuita en Google, Facebook, Microsoft, Amazon y PayPal; Apple exige la inscripción en el Apple Developer Program (de pago); TikTok valida la aplicación antes de abrirla a todos los clientes; las condiciones de acceso a la API de X cambian: compruébelas antes de configurar este botón.
Instalación
Método 1 — desde el back office (recomendado)
- Descargue el archivo desde su área de cliente WePresta
- Vaya a Módulos > Gestor de módulos
- Haga clic en Subir un módulo y seleccione el archivo ZIP
- Espere a que termine la instalación, haga clic en Configurar y active su licencia
Método 2 — por FTP
- Descomprima el archivo ZIP
- Envíe la carpeta
wepresta_social_login/a/modules/ - En el back office: Módulos > Gestor de módulos, busque «Social Login» y haga clic en Instalar, y luego en Configurar
Qué hace la instalación
- Creación de las tablas del módulo (proveedores, posiciones, vínculos, registro), sin modificar las tablas de PrestaShop
- Tres posiciones por defecto: página de inicio de sesión, página de registro y proceso de pedido
- No se muestra ningún botón mientras no haya un proveedor configurado y activado
Actualización desde la versión 1.0.0
- Sus proveedores, sus credenciales, los vínculos de los clientes, las posiciones y los ajustes se conservan; las credenciales se guardan de nuevo en el nuevo formato cifrado
- Los archivos de la versión 1.0.0 que ya no se usan se eliminan
- Dirección de retorno: un proveedor configurado con la 1.0.0 sigue usando la dirección que conoce. Registre en este proveedor la dirección única que se muestra en la parte superior de la página de configuración y haga clic en Probar la conexión: el módulo cambia a ella en cuanto la prueba tiene éxito
- La posición del proceso de pedido se añade desactivada: actívela en Visualización cuando lo desee
- Los tokens que conservaba la 1.0.0 se eliminan
Configuración
Abra Módulos > Gestor de módulos > Social Login > Configurar. La página tiene seis pestañas: Proveedores, Visualización, Clientes, Estadísticas, Registro y Ajustes.
Primera configuración: un proveedor
- En Proveedores, localice la dirección de retorno en la parte superior de la página y haga clic en Copiar. Es la misma para todos los proveedores y todos los idiomas: la dirección de su tienda (por ejemplo
https://su-tienda.com) seguida de/module/wepresta_social_login/callback. - Abra la tarjeta del proveedor (Google, por ejemplo) y despliegue Cómo crear la aplicación en Google: la guía da el enlace de la consola y los pasos.
- En la consola, cree la aplicación y pegue la dirección de retorno en las direcciones de redireccionamiento autorizadas.
- Copie el ID de cliente y el secreto de cliente en los campos de la tarjeta y haga clic en Guardar.
- Haga clic en Probar la conexión: se abre una ventana, usted se identifica en el proveedor y la tarjeta indica el resultado (por ejemplo «Prueba correcta: conectado como j***@gmail.com. El proveedor certifica la dirección de correo…») o la corrección que aplicar. La prueba no conecta a nadie y no crea ningún cliente.
- Active Mostrar este proveedor y guarde. El estado pasa a Operativo; el botón aparece en las posiciones activas.
Proveedores configurados, probados y operativos
Los valores que introducir, proveedor por proveedor
- Google: cree un ID de cliente de OAuth de tipo «Aplicación web»; introduzca el ID de cliente y el secreto de cliente
- Facebook: cree una aplicación con el producto Facebook Login, en modo Live; introduzca el ID de la aplicación y la clave secreta
- Apple: cree un Services ID y una clave «Sign in with Apple» (archivo .p8); introduzca el Services ID, el Team ID, el Key ID y el contenido del archivo .p8 (se verifica al guardar)
- Microsoft: cree un registro de aplicación de Microsoft Entra ID para cuentas personales y profesionales o educativas; introduzca el ID de aplicación, el valor del secreto y las cuentas admitidas
- PayPal: cree una aplicación «Log in with PayPal» (Live o Sandbox); introduzca el ID de cliente, el secreto, el modo Sandbox y, como opción, la importación de la dirección
- Amazon: cree un perfil de seguridad «Login with Amazon»; introduzca el ID de cliente, el secreto de cliente y la región
- X: cree una aplicación OAuth 2.0 de tipo «Web App»; introduzca el ID de cliente, el secreto de cliente y, como opción, la solicitud del correo
- TikTok: cree una aplicación con el producto «Login Kit»; introduzca la Client key y el Client secret
- OpenID Connect: cree un cliente confidencial en su proveedor de identidad; introduzca la dirección del emisor, el ID de cliente, el secreto y los scopes
Cada tarjeta del módulo recoge estos pasos con los enlaces de la consola.
Posiciones y apariencia (pestaña Visualización)
- Elija el estilo de los botones (colores de las marcas, claro, oscuro, contorno), las esquinas redondeadas y la sombra: la vista previa se actualiza en directo.
- Active o no la ventana de inicio de sesión (activada por defecto).
- En Posiciones, active, modifique o elimine una posición, o haga clic en Añadir una posición.
- Para una posición: elija Dónde (un lugar del tema o un elemento de la página con su selector CSS), los proveedores y su orden, botones con texto o iconos, disposición, estilo, texto, título por idioma y CSS personalizado.
El selector CSS se obtiene con el inspector del navegador: clic derecho en el elemento, Inspeccionar, y luego su identificador (#checkout-personal-information-step) o su clase (.cart-summary).
Clientes (pestaña Clientes)
- Grupo de los nuevos clientes: grupo asignado además del grupo de clientes de la tienda
- Página «Mis cuentas sociales»: añade la entrada en Mi cuenta
- Código de bienvenida: actívelo y elija porcentaje, importe fijo o envío gratuito, el pedido mínimo, el período de validez, el prefijo y si se puede acumular
- Consentimientos en el registro: la lista recoge los de su formulario de registro; los consentimientos obligatorios se piden una vez en la página «¡Ya casi está!»
Ajustes (pestaña Ajustes)
- Inicio de sesión con cuentas sociales: oculta todos los botones sin perder nada
- Conservar el registro durante (duración) y Acortar las direcciones IP del registro
- Modo de diagnóstico: escribe los pasos en los logs de PrestaShop, nunca un token ni un secreto
- Conservar los datos al desinstalar
Licencia
La página de configuración muestra el estado de su licencia. Al caducar, un período de gracia de siete días evita cualquier corte; después, el módulo se desactiva hasta la renovación, con sus datos (proveedores, vínculos, registro) intactos. Mientras tanto, los clientes registrados con una red social inician sesión con «¿Olvidó su contraseña?».
Casos de uso habituales
Reducir el abandono en el proceso de pedido
Active la posición Proceso de pedido: sobre la elección «invitado / iniciar sesión», un bloque «O continúe con» ofrece los botones. El cliente inicia sesión en una ventana, conserva su carrito y sigue en el paso del pedido.
Ofrecer primero Google y Apple, y todo lo demás en otro sitio
En Visualización, modifique la posición de la página de inicio de sesión para mantener solo Google y Apple, y deje todos los proveedores en la página de registro.
Iconos en la cabecera
Añada la posición Cabecera, junto al enlace de inicio de sesión en modo iconos con tres proveedores.
Un botón bajo «Añadir al carrito»
Añada una posición de tipo elemento de la página, con el selector del bloque deseado, posición después del elemento y páginas fichas de producto.
Dar la bienvenida a los nuevos clientes
Active el código de bienvenida (por ejemplo 10 % a partir de 30 €, válido 30 días): el cliente lo ve en un banner tras registrarse; el cupón está reservado a su cuenta.
Un proveedor de identidad de empresa (B2B)
Añada OpenID Connect, introduzca la dirección del emisor (el módulo lee por sí mismo la configuración del proveedor), el ID de cliente y el secreto, y pruebe.
FAQ
¿Para qué sirve un módulo de acceso social (social login) en PrestaShop?
Un módulo de acceso social permite a sus clientes iniciar sesión o crear una cuenta en 1 clic con una red que ya usan (Google, Facebook, Apple, Microsoft, PayPal, Amazon, X, TikTok) o con el proveedor de identidad de su empresa (OpenID Connect). Elimina una fricción importante del proceso de compra: el formulario, la contraseña que inventar, el correo de confirmación. La cuenta de PrestaShop se crea automáticamente si hace falta, o se vincula si la dirección ya existe, y la sesión se abre como tras un acceso clásico: correo de bienvenida, vales del cliente, módulos de newsletter y de CRM informados.
¿Qué redes sociales y proveedores se admiten?
Google, Facebook, Apple, Microsoft (cuentas personales, profesionales o ambas), PayPal, Amazon, X y TikTok, además de un botón OpenID Connect para Keycloak, Okta, Auth0, Authentik, Microsoft Entra… Cada proveedor se activa o desactiva por separado, con una guía paso a paso, un estado (sin configurar, por probar, operativo, errores) y un botón «Probar la conexión».
¿Cómo reducir el abandono del carrito con el acceso en 1 clic?
Muestre los botones al principio del proceso de pedido, sobre la opción de invitado o inicio de sesión: en ordenador el cliente inicia sesión en una ventana pequeña, vuelve al paso en el que estaba y conserva su carrito. Menos pasos y nada que volver a escribir, sobre todo en móvil, donde el cliente es redirigido a la red y devuelto a la misma página.
¿Dónde puedo mostrar los botones (acceso, pedido, carrito, ficha de producto…)?
En las posiciones listas para usar: página de acceso, página de registro, pedido, carrito, cabecera (iconos), página de inicio, sobre el pie de página y columnas. Para cualquier otro lugar, una posición por selector CSS coloca los botones antes, después, al principio o al final de cualquier elemento de la página sin modificar sus plantillas, y los desarrolladores de temas disponen de un widget. Cada posición tiene sus proveedores, su estilo, su texto y su título en cada idioma.
¿Es compatible el módulo con mi versión de PrestaShop y mi tema?
Funciona en PrestaShop 1.7.8, 8.2+ y 9.1+, con PHP 7.4 como mínimo. PrestaShop 1.7.7 y anteriores, 8.0, 8.1 y 9.0 no se admiten. Se admiten los temas de PrestaShop y los temas de terceros que muestran las posiciones estándar; para otros lugares basta una posición por selector CSS.
¿Cuáles son los requisitos técnicos (PHP, HTTPS)?
PHP 7.4 como mínimo con las extensiones curl, json, mbstring y openssl, y una tienda en HTTPS: los proveedores rechazan una dirección de retorno sin HTTPS. Si su certificado es válido y la dirección de retorno se copia tal cual, evitará la mayoría de los errores de redirección.
¿Qué ocurre si TikTok o X no envían el correo electrónico del cliente?
TikTok no envía ni el correo electrónico ni el nombre completo, y X solo envía la dirección si su aplicación está autorizada para ello. El cliente llega entonces a la página «¡Ya casi está!», que solo pide lo que falta (correo, nombre, consentimientos de su formulario de registro), y vuelve después a donde estaba. Si la dirección escrita ya pertenece a una cuenta, se pide una vez la contraseña de esa cuenta.
¿Cómo funciona PayPal y la importación de la dirección?
PayPal funciona como los demás proveedores. Una opción del módulo crea una dirección en la cuenta de PrestaShop del cliente nuevo a partir de su perfil de PayPal, para acelerar el pedido. Para usarla, su aplicación de PayPal debe estar autorizada a leer la dirección (atributo «Dirección» de la función Log in with PayPal).
¿Cómo corregir el error «Invalid redirect URI» (redirect_uri_mismatch)?
Significa que la dirección de retorno registrada en el proveedor no es exactamente la del módulo. Copie la dirección única que aparece en la parte superior de la pestaña Proveedores (botón Copiar), sin añadir nada, y pulse «Probar la conexión»: el resultado, igual que el registro, indica la corrección que aplicar.
¿Modifica el módulo el pedido estándar u otros módulos?
No: el pedido sigue siendo el de PrestaShop. El registro y el acceso siguen la secuencia nativa (mismos eventos, correo de bienvenida, reglas de carrito y de vales del cliente), de modo que los módulos de newsletter, de CRM o de fidelización ven a estos clientes como a los demás. El módulo no modifica ningún archivo del núcleo.
¿Puede un cliente acabar conectado a la cuenta de otro?
No. Una cuenta existente solo se vincula sin contraseña si el proveedor certifica el correo electrónico. En los demás casos (Facebook, dirección escrita a mano, cuenta profesional de Microsoft sin verificación del dominio) el cliente confirma una sola vez la contraseña de la cuenta, con un límite de intentos. Una cuenta desactivada no puede iniciar sesión con una red social.
¿Cómo funciona el código de bienvenida?
Usted activa un vale de un solo uso (porcentaje, importe fijo o envío gratuito, pedido mínimo, validez, prefijo, acumulación a su elección). Se crea para un cliente nuevo registrado con un proveedor que certifica su correo electrónico, reservado a su cuenta, y se muestra una vez en un banner. Volver a iniciar sesión nunca da otro.
¿Puedo seguir los resultados y diagnosticar un problema?
Sí. Las estadísticas dan inicios de sesión, cuentas nuevas, cuentas vinculadas, fallos, pedidos e ingresos de los clientes con cuenta social, por período y por proveedor, con exportación CSV. El registro anota cada paso con su causa y la corrección que aplicar; el modo de diagnóstico escribe además los pasos en los logs de PrestaShop, sin ningún token ni secreto.
¿Están protegidos los datos de los clientes (RGPD)?
El módulo no conserva ningún token de acceso de la red social y guarda cifradas las credenciales de sus aplicaciones. Los consentimientos de su formulario de registro se piden al registrarse, las direcciones IP del registro pueden acortarse, y el módulo responde a las solicitudes de exportación y supresión del módulo RGPD de PrestaShop: cuentas vinculadas, registro y código de bienvenida del cliente.
¿Qué ocurre si mi licencia caduca?
Un plazo de gracia de siete días evita cualquier corte; después, el módulo se desactiva hasta la renovación, con sus datos intactos. Mientras tanto los botones desaparecen y los clientes registrados solo con una red social inician sesión con «¿Ha olvidado su contraseña?».
Solución de problemas
«El proveedor no conoce la dirección de retorno» (redirect_uri_mismatch)
La dirección de retorno no está registrada, o no exactamente, en la aplicación del proveedor. Cópiela desde la pestaña Proveedores (botón Copiar), sin espacios ni barra añadida. Cada tienda de una instalación multitienda tiene su propia dirección.
«El proveedor rechaza el ID de cliente o el secreto de cliente» (invalid_client)
Vuelva a copiar el ID de cliente y el secreto desde la consola, sin espacios, y guarde de nuevo. Para Apple, pegue todo el contenido del archivo .p8, incluidas las líneas BEGIN y END, y compruebe el Team ID y el Key ID.
La ventana de inicio de sesión no se abre
Puede que el navegador bloquee las ventanas: el módulo cambia entonces a la redirección. En teléfono, siempre se usa la redirección. Puede desactivar la ventana en Visualización.
El cliente debe escribir su contraseña aunque use Google
El proveedor no certifica su dirección de correo electrónico (o la dirección escrita a mano no es la de la cuenta). La contraseña solo se pide una vez para vincular la cuenta.
Facebook pide la contraseña a un cliente conocido
Facebook no certifica las direcciones de correo electrónico: es el comportamiento deseado para proteger las cuentas existentes. Tras la primera vinculación, el inicio de sesión se hace con un clic.
Microsoft: cuentas personales
Las cuentas personales de Microsoft rechazan las direcciones de redireccionamiento que contienen parámetros: la dirección de retorno única no contiene ninguno. Compruebe que el registro de la aplicación acepta cuentas personales.
TikTok: solo algunas cuentas pueden iniciar sesión
Mientras TikTok no haya aprobado la aplicación, solo pueden iniciar sesión las cuentas añadidas como usuarios de destino.
«El inicio de sesión caducó o no procede del mismo navegador»
El inicio de sesión es válido durante quince minutos y debe terminar en el navegador que lo empezó. Si ocurre a menudo, compruebe que las cookies de la tienda no están bloqueadas y que ninguna caché sirve las páginas de inicio de sesión.
Un botón aparece configurado pero no se muestra en mi página
Compruebe en Visualización que la posición está activada y enumera el proveedor, y que el proveedor está activado en Proveedores. Una posición por selector CSS espera a que el elemento exista en la página.
El registro muestra fallos
Cada línea indica la causa y la corrección que aplicar. Si la línea no basta, active el modo de diagnóstico en Ajustes y consulte Parámetros Avanzados > Registros/Logs.
Changelog
Versión 2.0.0
Novedades
- El módulo funciona en PrestaShop 1.7.8, 8.2+ y 9.1+, con PHP 7.4 como mínimo, en un único archivo de unos 300 KB.
- Acceso y registro con TikTok.
- Un botón OpenID Connect para el proveedor de identidad de su empresa: Keycloak, Okta, Auth0, Authentik, Microsoft Entra…
- Una sola dirección de retorno que registrar en cada proveedor, válida para todos los idiomas de la tienda.
- El botón «Probar la conexión» comprueba un proveedor sin conectar a nadie y muestra el perfil obtenido o la corrección que aplicar; cada proveedor muestra su estado.
- Los botones pueden mostrarse en el proceso de pedido, sobre la opción de invitado o inicio de sesión.
- El cliente vuelve a la página en la que estaba, al proceso de pedido con su carrito intacto.
- Una ventana de inicio de sesión en ordenador: el cliente no sale de la página (redirección en el teléfono o si la ventana está bloqueada).
- Nuevas posiciones: carrito, cabecera (iconos), página de inicio, sobre el pie de página, columnas, cualquier elemento por selector CSS y un widget para los desarrolladores de temas.
- Para cada posición: los proveedores y su orden, botones o iconos, disposición, texto, título en cada idioma y CSS personalizado.
- Cuatro estilos de botones (colores de las marcas, claro, oscuro, contorno) con vista previa en directo.
- La página «¡Ya casi está!» solo pide lo que falta: correo electrónico, nombre, consentimientos de su formulario de registro o contraseña.
- La página «Mis cuentas sociales» del cliente: vincular un proveedor desde la cuenta y desvincularlo con confirmación.
- Las cuentas sociales del cliente aparecen en su ficha del back office, con la posibilidad de desvincularlas.
- Un código de bienvenida de un solo uso: porcentaje, importe fijo o envío gratuito.
- Estadísticas por período y por proveedor (inicios de sesión, cuentas nuevas, fallos, pedidos e ingresos) con exportación CSV.
- Un registro de accesos con la causa y la corrección que aplicar, filtros, un período de conservación ajustable y direcciones IP acortadas como opción.
- Una opción de importación de la dirección de PayPal.
- Los ajustes, los proveedores y las posiciones son propios de cada tienda, incluida una tienda creada después de la instalación.
- Exportación y supresión de los datos del cliente mediante el módulo RGPD de PrestaShop.
Mejoras
- El registro y el acceso siguen la secuencia nativa de PrestaShop: correo de bienvenida, vales del cliente, módulos de newsletter y de CRM informados.
- Los nombres no latinos (polaco, checo, cirílico, griego) se conservan al registrarse.
- Apple: el identificador del servicio, el equipo, la clave y el archivo .p8 se introducen en el módulo y se comprueban al guardar.
- Microsoft: cuentas personales, profesionales o ambas, o una sola organización.
- PayPal: cambio al modo Sandbox desde la configuración.
- Las credenciales de los proveedores ya no se vuelven a mostrar en la página de configuración y se guardan cifradas.
- No se conserva ningún token del proveedor; los de la versión 1.0.0 se eliminan con la actualización.
- Los mensajes, la página «¡Ya casi está!» y «Mis cuentas sociales» permanecen en el idioma del cliente, incluso tras pasar por la red social.
- La interfaz está completa en francés, inglés, español, italiano y polaco.
- Una página sin botón no carga ninguna hoja de estilo ni script del módulo.
- Los botones miden al menos 44 px de alto y se pueden usar con el teclado.
- El archivo pasa de 1,1 MB a unos 300 KB, sin biblioteca PHP de terceros.
Correcciones
- Una cuenta existente ya no se abre con un correo electrónico que el proveedor no certifica: el cliente confirma la contraseña de la cuenta.
- Una cuenta desactivada ya no puede iniciar sesión con una red social; un invitado pasa a ser cliente en lugar de conectarse como invitado.
- Apple es utilizable: los campos que faltaban en su configuración se pueden introducir y su respuesta ya no se rechaza.
- Un acceso con X sin correo electrónico ya no termina en un callejón sin salida: la página «¡Ya casi está!» pide la dirección.
- El botón «Vincular mi cuenta» de «Mis cuentas sociales» abre el proveedor, y la entrada aparece en la página Mi cuenta.
- Tras eliminar a un cliente, su cuenta social puede volver a iniciar sesión y registrarse.
- Al volver del proveedor, el cliente encuentra la página en la que estaba en lugar de «Mi cuenta».
- Los fallos se anotan con su causa y el modo de diagnóstico es utilizable.
- Los clientes compartidos entre las tiendas de un mismo grupo se encuentran por su dirección.
- Los ajustes de Microsoft y PayPal existen ahora en la página de configuración.
- El registro se depura automáticamente según el período de conservación elegido.
Después de la actualización: se conservan sus proveedores, sus credenciales, los vínculos de los clientes, las posiciones y los ajustes. Un proveedor configurado con la versión 1.0.0 mantiene la dirección de retorno que conoce hasta la primera prueba correcta de la dirección única que aparece en la parte superior de la página de configuración. La posición del proceso de pedido se añade desactivada: actívela en Visualización cuando lo desee. Si la comprobación de licencia de la versión 1.0.0 había desactivado el módulo, la actualización lo vuelve a activar.
Versión 1.0.0
- Versión inicial (social login multi-proveedor, posiciones, apariencia, multi-tienda y multi-idioma)
Soporte
Para cualquier ayuda, contáctenos a través de su área de cliente WePresta o por email en mail@wepresta.shop, según la opción de soporte de su oferta.
Antes de contactarnos, prepare:
- versión de PrestaShop
- versión de PHP
- la línea concernida de la pestaña Registro, con su causa
- capturas de pantalla
- logs de PrestaShop si el modo de diagnóstico está activado