Social login via Facebook API – PrestaShop модуль
55$
Сумісність
PrestaShop 1.7 – 8.x
Ціль
Дозволяє входити та авторизуватися в PrestaShop за допомогою облікового запису Facebook. Крім того, ви можете підключити свій обліковий запис Facebook до наявного облікового запису в PrestaShop.
Відео:
https://youtu.be/UFtdFu59nT8
Переваги для продавців
- спрощує реєстрацію користувачів на вашому сайті;
- збільшує конверсію реєстрацій на сайті;
- популяризуйте та рекламуйте свій магазин у Facebook завдяки легкості авторизації;
- зростання бази користувачів за рахунок простоти реєстрації;
- вища конверсія замовлень за рахунок швидкого створення облікового запису на сайті через Facebook.
Переваги для клієнтів
- не потрібно вводити особисті дані та паролі;
- швидке виконання замовлень – не потрібно витрачати час на створення нового облікового запису;
- немає необхідності запам’ятовувати логін і пароль до облікового запису магазину – аутентифікація Facebook максимально проста і безпечна;
- реєстрація та авторизація здійснюються в два кліки.
Функції
- можливість створити новий обліковий запис магазину на основі автентифікації Facebook;
- користувач може будь-коли редагувати профіль (додати туди адресу електронної пошти та інші дані);
- можна підключити автентифікацію Instagram до будь-якого наявного облікового запису магазину;
- користувач може від’єднати свій Facebook від облікового запису магазину.
Налаштування додатку Facebook адміністратором магазину PrestaShop
- Перейдіть до https://developers.facebook.com, увійдіть до свого облікового запису Facebook, якщо ви ще не ввійшли. Натисніть My Appsу верхньому правому куті.
- Додайте нову програму Create App
- Оберіть Consumer і натисніть Next
- Укажіть App Display Name для вашої програми та App Contact Email. Виберіть обліковий запис Business Manager, якщо він у вас є. Натисніть Create App ID
- Натисніть Set Up у блоці Facebook Login
- Натисніть кнопку WWW:
- Вставте Site URL вашого сайту, а потім натисніть Save та Continue:
- Активуйте “Login with the JavaScript SDK” (переключитися на Yes) у налаштуваннях входу у Facebook і вставте домен свого сайту в полі “Allowed Domains for the JavaScript SDK”. Натисніть на кнопку Save
- Укажіть Privacy Policy URL вашого веб-сайту. Збережіть ту саму URL-адресу в текстовому полі прямо під Data Deletion Callback URL у розділі User Data Deletion. Виберіть Category, до якої належить ваш веб-сайт
- Натисніть кнопку повзунка в опції App Mode та зробіть програму Live:
Налаштування модуля
- Скопіюйте App ID і App Secret і вставте їх у відповідні поля на сторінці конфігурації модуля:
Встановлення:
- Завантажте модуль через Backoffice (Modules > Add New Module) або за допомогою FTP-клієнта
- Натисніть «Install» та введіть конфігурацію
Налаштування стилів CSS для кнопки:
- Файл стилю знаходиться тут:
/modules/facebookauth/views/css/fbauthfront.css
Кейси робочого процесу модуля:
1. Коли користувач не ввійшов у систему та вперше натиснув кнопку «Log in with Facebook» на сторінці входу або на сторінці реєстрації:
– після натискання кнопки «Log in with Facebook» відкривається сторінка Facebook, де користувачеві необхідно підтвердити свою згоду на відправку своїх даних. Після підтвердження він буде перенаправлений до облікового запису користувача на вашому сайті.
– створюється новий обліковий запис клієнта, ім’я та прізвище електронної пошти беруться з його облікового запису Facebook, а пароль генерується автоматично (користувач може змінити ці дані у своєму обліковому записі):
2.Коли користувач не ввійшов у систему, але вже має обліковий запис у вашому магазині та натиснув кнопку «Log in with Facebook» на сторінці входу або на сторінці реєстрації:
– після натискання кнопки «Log in with Facebook» користувач автоматично авторизується, він буде перенаправлений до свого облікового запису користувача на вашому сайті.
3. При видаленні облікового запису клієнта:
– якщо обліковий запис клієнта видалено з магазину Prestoshop, усі посилання на обліковий запис клієнта у Facebook також будуть видалені з бази даних.
4. При зміні налаштувань модуля на сторінці конфігурації в панелі адміністратора:
– усі доступи користувачів зберігаються при зміні «Facebook App ID» і «Facebook App Secret» на інші значення.
– якщо «Facebook App ID» або «Facebook App Secret» введено неправильно або програму Facebook налаштовано неправильно, користувачеві буде показано повідомлення про помилку під час спроби автентифікації через Facebook:
Buy it now: