Social Login

Overview

Social Login lets your customers create an account or sign in in one click using their favorite social providers: Google, Facebook, Apple, PayPal, Amazon, X (formerly Twitter), TikTok, and Microsoft. The goal is to remove one of the biggest e-commerce friction points: mandatory sign-up and long forms. By reducing the steps before checkout, you decrease cart abandonment and increase conversions—especially on mobile.

Key benefits:

• 1-click login / registration (popup or redirect)
• Display buttons anywhere (hooks + CSS selector positioning)
• Multi-store, multi-language, responsive

Features

Multi-provider social sign-in

Offer up to 8 OAuth providers from a single interface. The module retrieves essential data (first name, last name, email, avatar depending on the provider) and logs the customer in automatically. If the email already exists, the account is linked; otherwise, a PrestaShop account is created and a secure password is emailed to the customer. Some providers (TikTok and sometimes X) may not return an email address—when that happens, the module prompts the user to enter it to complete registration.

Flexible placement (hooks + CSS selector)

Show buttons in native locations (login, registration, cart, checkout, header, footer, etc.) or inject them on any page using a custom position based on a CSS selector (class or ID). This makes the module compatible with virtually any theme—even if some hooks are not supported.

Customization and UX

Match your store’s design: standard or mini buttons, border radius, shadow, spacing, plus custom CSS globally or per position. The popup mode is recommended for a smoother experience because the customer doesn’t fully “leave” your website during OAuth authorization.

Installation

1. Download the ZIP file from your WePresta account.
2. In the PrestaShop back office: Modules > Module Manager.
3. Click Upload a module and select the ZIP file.
4. After installation, the module sets up required components: database tables, hook registration, and default positions (login / checkout).

Quick start (recommended)

1. Enable at least one provider (e.g., Google).
2. Enter API keys (Client ID / Secret or equivalent).
3. Check that at least one position is enabled (login is enabled by default).
4. If needed, clear cache: Advanced Parameters > Performance > Clear cache.

Settings

General settings

• Enable Social Login: global on/off toggle.
• Login mode: popup (recommended) or redirect.
• Default customer group: group assigned to newly created social accounts.
• My account page: enables customer-side social account management.
• Welcome coupon: enable automatic creation, choose type/value and prefix.

Providers (API keys + callbacks)

Each provider requires an app created in its developer portal and a callback URL to copy/paste. The module provides a connection test button and lets you reorder providers via drag-and-drop.

Available providers:

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

Notable requirements:

• HTTPS required (OAuth)
• Apple: Apple Developer account + .p8 key file
• PayPal: approval required to retrieve address data (if you want autofill)

Positions

Two types:

• Hook-based positions: standard PrestaShop placements (login, registration, cart, checkout…)
• Custom positions: target any HTML element via CSS selector, place above / below

For each position, you can define:

• Providers to display
• Size (standard/mini)
• Position-specific CSS

Appearance

Control global styling consistency:

• Border radius (0 to 25px)
• Drop shadow
• Global custom CSS
• Live preview to validate changes

Requirements

• PrestaShop 8.0 to 9.x
• PHP 8.1+
• SSL certificate enabled (HTTPS required) for OAuth logins

Compatibility

Supported themes

• Classic (PS 8): supported
• Hummingbird (PS 9): supported
• Third-party themes: supported via custom CSS selector positions

Checkout and order flow

The module is designed to work with the standard checkout and does not interfere with order steps. Buttons can be placed on the first checkout step to maximize conversion impact.

FAQ

Is the module compatible with my theme?

Yes. Even if your theme doesn’t support certain hooks, you can display buttons using custom positions by targeting an HTML element with a CSS selector.

Buttons don’t show up—what should I check?

Ensure the module is enabled, at least one provider is enabled with valid keys, and at least one position is enabled. Then clear the PrestaShop cache.

I get “Invalid redirect URI”—how do I fix it?

The callback URL configured in the provider’s developer portal does not exactly match the one shown in the module. Copy/paste the callback URL exactly as displayed.

TikTok or X doesn’t return an email—what happens?

The module prompts the customer for an email address to complete account creation and correctly link the social identity.

Can PayPal autofill the customer address?

Yes, if your PayPal app is approved to access address data. In that case, shipping/billing address can be added to the PrestaShop account without manual entry.

Changelog

Version 1.0.0

• Initial release (multi-provider social login, positions, appearance, analytics, multi-store and multi-language)