Social Login

Opis

Social Login umożliwia klientom założenie konta lub logowanie w 1 kliknięciu przez najpopularniejsze usługi: Google, Facebook, Apple, PayPal, Amazon, X (dawniej Twitter), TikTok oraz Microsoft. Celem jest usunięcie jednej z największych barier w e-commerce: obowiązkowej rejestracji i długich formularzy. Skracając ścieżkę do zakupu, zmniejszasz porzucenia koszyka i zwiększasz konwersję, szczególnie na urządzeniach mobilnych.

Najważniejsze zalety:

• Logowanie / rejestracja 1 kliknięciem (popup lub przekierowanie)
• Przyciski w dowolnym miejscu (hooki + pozycjonowanie selektorem CSS)
• Multi-store, multi-language, responsywność

Funkcje

Logowanie społecznościowe multi-provider

Udostępnij nawet 8 dostawców OAuth w jednym module. Moduł pobiera podstawowe dane (imię, nazwisko, email, zdjęcie profilowe – zależnie od dostawcy) i automatycznie loguje klienta. Jeśli email już istnieje, konto zostaje powiązane; jeśli nie – tworzone jest konto PrestaShop, a bezpieczne hasło wysyłane jest mailem. Niektórzy dostawcy (TikTok i czasem X) mogą nie zwracać adresu email – wtedy moduł wyświetla formularz z prośbą o podanie emaila, aby dokończyć rejestrację.

Elastyczne pozycjonowanie (hooki + selektor CSS)

Wyświetlaj przyciski w standardowych miejscach (logowanie, rejestracja, koszyk, checkout, nagłówek, stopka itd.) albo dodaj je na dowolnej stronie dzięki pozycji niestandardowej opartej o selektor CSS (klasa lub ID). Dzięki temu moduł działa z praktycznie każdym motywem, nawet jeśli część hooków nie jest obsługiwana.

Personalizacja i UX

Dopasuj wygląd do sklepu: przyciski standardowe lub mini, zaokrąglenie, cień, odstępy oraz własny CSS globalnie lub per pozycja. Tryb popup jest rekomendowany, bo zapewnia płynniejsze doświadczenie – klient nie „opuszcza” Twojej strony podczas autoryzacji OAuth.

Instalacja

1. Pobierz plik ZIP ze swojego konta WePresta.
2. W panelu administracyjnym PrestaShop: Moduły > Menedżer modułów.
3. Kliknij Prześlij moduł i wybierz plik ZIP.
4. Po instalacji moduł skonfiguruje wymagane elementy: tabele w bazie danych, rejestrację hooków oraz domyślne pozycje (logowanie / checkout).

Szybki start (rekomendowane)

1. Włącz co najmniej jednego dostawcę (np. Google).
2. Uzupełnij klucze API (Client ID / Secret lub odpowiedniki).
3. Sprawdź, czy aktywna jest przynajmniej jedna pozycja (logowanie jest domyślnie włączone).
4. Jeśli trzeba, wyczyść cache: Parametry zaawansowane > Wydajność > Wyczyść cache.

Konfiguracja

Ustawienia ogólne

• Włącz Social Login: globalne włączenie/wyłączenie.
• Tryb logowania: popup (rekomendowany) lub przekierowanie.
• Domyślna grupa klientów: grupa przypisywana nowym kontom.
• Sekcja “Moje konto”: umożliwia zarządzanie powiązaniami po stronie klienta.
• Kupon powitalny: automatyczne tworzenie, typ/wartość i prefiks.

Dostawcy (klucze API + callback)

Każdy dostawca wymaga utworzenia aplikacji w portalu deweloperskim oraz ustawienia URL callback (kopiuj/wklej). Moduł oferuje test połączenia i pozwala ustawić kolejność przycisków metodą drag & drop.

Dostępni dostawcy:

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

Ważne wymagania:

• HTTPS wymagany (OAuth)
• Apple: konto Apple Developer + plik klucza .p8
• PayPal: wymagana akceptacja, jeśli chcesz pobierać dane adresowe (autouzupełnianie)

Pozycje

Dwa typy:

• Pozycje oparte o hooki: standardowe miejsca (logowanie, rejestracja, koszyk, checkout…)
• Pozycje niestandardowe: wskazanie elementu HTML selektorem CSS, wstawienie nad / pod

Dla każdej pozycji możesz ustawić:

• Dostawców do wyświetlenia
• Rozmiar (standard/mini)
• CSS specyficzny dla pozycji

Wygląd

Kontroluj spójność wizualną:

• Zaokrąglenie (0–25px)
• Cień
• Globalny własny CSS
• Podgląd na żywo zmian

Wymagania

• PrestaShop 8.0 do 9.x
• PHP 8.1+
• SSL aktywny (HTTPS wymagany) dla OAuth

Kompatybilność

Obsługiwane motywy

• Classic (PS 8): obsługiwany
• Hummingbird (PS 9): obsługiwany
• Motywy zewnętrzne: obsługiwane dzięki pozycjom niestandardowym (selektor CSS)

Checkout i proces zamówienia

Moduł jest zaprojektowany dla standardowego checkoutu i nie ingeruje w kroki zamówienia. Przyciski możesz dodać na pierwszym etapie checkoutu, aby maksymalizować wpływ na konwersję.

FAQ

Czy moduł jest kompatybilny z moim motywem?

Tak. Nawet jeśli motyw nie obsługuje części hooków, możesz wyświetlić przyciski przez pozycje niestandardowe, wskazując element HTML selektorem CSS.

Przyciski się nie wyświetlają — co sprawdzić?

Upewnij się, że moduł jest włączony, co najmniej jeden dostawca jest aktywny z poprawnymi kluczami i że aktywna jest przynajmniej jedna pozycja. Następnie wyczyść cache PrestaShop.

Błąd “Invalid redirect URI” — jak naprawić?

URL callback ustawiony u dostawcy nie pasuje dokładnie do adresu pokazanego w module. Skopiuj i wklej URL callback dokładnie, bez zmian.

TikTok lub X nie zwraca emaila — co wtedy?

Moduł poprosi klienta o podanie adresu email, aby dokończyć tworzenie konta i poprawnie powiązać tożsamość.

Czy PayPal może autouzupełniać adres?

Tak, jeśli Twoja aplikacja PayPal ma uprawnienia/akceptację do danych adresowych. Wtedy adres wysyłki/faktury może zostać dodany do konta PrestaShop bez ręcznego wpisywania.

Changelog

Wersja 1.0.0

• Wydanie początkowe (social login multi-provider, pozycje, wygląd, statystyki, multi-store i multi-language)