Social Login

Presentacion

Social Login permite a tus clientes crear una cuenta o iniciar sesión en 1 clic con sus proveedores favoritos: Google, Facebook, Apple, PayPal, Amazon, X (antes Twitter), TikTok y Microsoft. El objetivo es eliminar una de las mayores fricciones del e-commerce: el registro obligatorio y los formularios largos. Al reducir los pasos antes de comprar, disminuyes el abandono del carrito y aumentas la conversión, especialmente en móvil.

Puntos fuertes:

• Inicio de sesión / registro en 1 clic (popup o redirección)
• Botones visibles en cualquier parte (hooks + posicionamiento por selector CSS)
• Multi-tienda, multi-idioma, responsive

Funcionalidades

Inicio de sesion social multi-proveedor

Ofrece hasta 8 proveedores OAuth desde una sola interfaz. El módulo recupera los datos esenciales (nombre, apellidos, email, foto según el proveedor) y autentica al cliente automáticamente. Si el email ya existe, la cuenta se vincula; si no, se crea una cuenta PrestaShop y se envía por email una contraseña segura. Algunos proveedores (TikTok y a veces X) pueden no devolver el email; en ese caso, el módulo muestra un formulario para solicitarlo y completar el registro.

Posicionamiento flexible (hooks + selector CSS)

Muestra los botones en ubicaciones nativas (login, registro, carrito, checkout, cabecera, pie, etc.) o insértalos en cualquier página mediante una posición personalizada basada en un selector CSS (clase o ID). Esto hace el módulo compatible con prácticamente cualquier tema, incluso cuando ciertos hooks no están disponibles.

Personalizacion y experiencia (UX)

Ajusta el diseño a tu tienda: botones estándar o mini, bordes redondeados, sombra, espaciado y CSS personalizado global o por posición. El modo popup se recomienda para una experiencia más fluida, ya que el cliente no “sale” realmente de tu web durante la autorización OAuth.

Instalacion

1. Descarga el ZIP desde tu cuenta WePresta.
2. En el back office de PrestaShop: Módulos > Gestor de módulos.
3. Haz clic en Subir un módulo y selecciona el archivo ZIP.
4. Tras la instalación, el módulo configura lo necesario: tablas de base de datos, registro de hooks y posiciones por defecto (login / checkout).

Primeros pasos (recomendado)

1. Activa al menos un proveedor (por ejemplo, Google).
2. Introduce las claves API (Client ID / Secret o equivalentes).
3. Verifica que al menos una posición esté activa (login activo por defecto).
4. Si es necesario, vacía la caché: Parámetros avanzados > Rendimiento > Vaciar caché.

Configuracion

Ajustes generales

• Activar Social Login: activar/desactivar globalmente.
• Modo de inicio de sesión: popup (recomendado) o redirección.
• Grupo de clientes por defecto: asignación a nuevas cuentas creadas con social login.
• Página Mi cuenta: habilita la gestión de vinculaciones sociales del lado del cliente.
• Cupón de bienvenida: activa la creación automática, define tipo/valor y prefijo.

Proveedores (claves API + callback)

Cada proveedor requiere crear una app en su portal de desarrolladores y configurar una URL de callback (copiar/pegar). El módulo incluye un botón de prueba de conexión y permite reordenar proveedores con arrastrar y soltar.

Proveedores disponibles:

• Facebook, Google, Apple, PayPal, Amazon, X, TikTok, Microsoft

Requisitos importantes:

• HTTPS obligatorio (OAuth)
• Apple: cuenta Apple Developer + archivo de clave .p8
• PayPal: aprobación necesaria para recuperar dirección (si quieres autocompletar)

Posiciones

Dos tipos:

• Posiciones por hooks: ubicaciones estándar (login, registro, carrito, checkout…)
• Posiciones personalizadas: objetivo por selector CSS, colocación arriba/abajo

Por cada posición puedes definir:

• Proveedores a mostrar
• Tamaño (estándar/mini)
• CSS específico por posición

Apariencia

Controla la coherencia visual global:

• Radio de borde (0 a 25px)
• Sombra
• CSS personalizado global
• Vista previa en vivo para validar cambios

Requisitos

• PrestaShop 8.0 a 9.x
• PHP 8.1+
• SSL activo (HTTPS obligatorio) para OAuth

Compatibilidad

Temas compatibles

• Classic (PS 8): compatible
• Hummingbird (PS 9): compatible
• Temas de terceros: compatible mediante posiciones personalizadas con selector CSS

Checkout y flujo de pedido

El módulo está diseñado para funcionar con el checkout estándar y no interfiere con los pasos del pedido. Puedes colocar los botones en el primer paso del checkout para maximizar el impacto en la conversión.

FAQ

¿El módulo es compatible con mi tema?

Sí. Incluso si tu tema no soporta algunos hooks, puedes mostrar los botones con posiciones personalizadas apuntando a un elemento HTML mediante un selector CSS.

Los botones no aparecen, ¿qué debo revisar?

Asegúrate de que el módulo esté activo, de que haya al menos un proveedor activado con claves válidas y de que al menos una posición esté activa. Luego, vacía la caché de PrestaShop.

Error “Invalid redirect URI”, ¿cómo lo soluciono?

La URL de callback configurada en el portal del proveedor no coincide exactamente con la mostrada en el módulo. Copia y pega la URL tal cual, sin cambios.

TikTok o X no devuelve el email, ¿qué ocurre?

El módulo solicita al cliente un email para completar la creación de cuenta y vincular correctamente la identidad social.

¿PayPal puede autocompletar la dirección?

Sí, si tu app de PayPal está aprobada para acceder a datos de dirección. En ese caso, la dirección de envío/facturación puede añadirse a la cuenta PrestaShop sin introducirla manualmente.

Changelog

Versión 1.0.0

• Versión inicial (social login multi-proveedor, posiciones, apariencia, estadísticas, multi-tienda y multi-idioma)