SOFT
SPRINT

softsprint.net Shop

Social login via Facebook API – PrestaShop модуль

55$

Buy it now!

Buy on PrestaShop.com

Сумісність
PrestaShop 1.7 – 8.x

Ціль

Дозволяє входити та авторизуватися в PrestaShop за допомогою облікового запису Facebook. Крім того, ви можете підключити свій обліковий запис Facebook до наявного облікового запису в PrestaShop.

Відео:
https://youtu.be/UFtdFu59nT8

Переваги для продавців

  • спрощує реєстрацію користувачів на вашому сайті;
  • збільшує конверсію реєстрацій на сайті;
  • популяризуйте та рекламуйте свій магазин у Facebook завдяки легкості авторизації;
  • зростання бази користувачів за рахунок простоти реєстрації;
  • вища конверсія замовлень за рахунок швидкого створення облікового запису на сайті через Facebook.

Переваги для клієнтів

  • не потрібно вводити особисті дані та паролі;
  • швидке виконання замовлень – не потрібно витрачати час на створення нового облікового запису;
  • немає необхідності запам’ятовувати логін і пароль до облікового запису магазину – аутентифікація Facebook максимально проста і безпечна;
  • реєстрація та авторизація здійснюються в два кліки.

Функції

  • можливість створити новий обліковий запис магазину на основі автентифікації Facebook;
  • користувач може будь-коли редагувати профіль (додати туди адресу електронної пошти та інші дані);
  • можна підключити автентифікацію Instagram до будь-якого наявного облікового запису магазину;
  • користувач може від’єднати свій Facebook від облікового запису магазину.

Налаштування додатку Facebook адміністратором магазину PrestaShop

  1. Перейдіть до https://developers.facebook.com, увійдіть до свого облікового запису Facebook, якщо ви ще не ввійшли. Натисніть My Appsу верхньому правому куті.
    create instagram app - prestashop module
  2. Додайте нову програму Create App
    create instagram app prestashop
  3. Оберіть Consumer і натисніть Next
    prestashop module - create instagram app
  4. Укажіть App Display Name для вашої програми та App Contact Email. Виберіть обліковий запис Business Manager, якщо він у вас є. Натисніть Create App ID
    create instagram app prestashop module
  5. Натисніть Set Up у блоці Facebook Login
    facebook
  6. Натисніть кнопку WWW:
    facebook1
  7. Вставте Site URL вашого сайту, а потім натисніть Save та Continue:
    Facebook prestashop
  8. Активуйте “Login with the JavaScript SDK” (переключитися на Yes) у налаштуваннях входу у Facebook і вставте домен свого сайту в полі “Allowed Domains for the JavaScript SDK”. Натисніть на кнопку Save
    Facebook prestashop
  9. Укажіть Privacy Policy URL вашого веб-сайту. Збережіть ту саму URL-адресу в текстовому полі прямо під Data Deletion Callback URL у розділі User Data Deletion. Виберіть Category, до якої належить ваш веб-сайт
    facebook-prestashop
  10. Натисніть кнопку повзунка в опції App Mode та зробіть програму Live:
    Facebook prestashop

Налаштування модуля

  1. Скопіюйте  App ID і App Secret і вставте їх у відповідні поля на сторінці конфігурації модуля:
    Facebook prestashop settingsFacebook prestashop settings

Встановлення:

  1. Завантажте модуль через Backoffice (Modules > Add New Module) або за допомогою FTP-клієнта
  2. Натисніть «Install» та введіть конфігурацію
    Facebook prestashop install

Налаштування стилів CSS для кнопки:

  1. Файл стилю знаходиться тут:

/modules/facebookauth/views/css/fbauthfront.css

Facebook prestashop styles

Facebook prestashop styles

Кейси робочого процесу модуля:

1. Коли користувач не ввійшов у систему та вперше натиснув кнопку «Log in with Facebook» на сторінці входу або на сторінці реєстрації:

– після натискання кнопки «Log in with Facebook» відкривається сторінка Facebook, де користувачеві необхідно підтвердити свою згоду на відправку своїх даних. Після підтвердження він буде перенаправлений до облікового запису користувача на вашому сайті.
Facebook prestashop sign

Facebook prestashop account

Facebook prestashop login

Facebook prestashop login

instagram module prestashop

– створюється новий обліковий запис клієнта, ім’я та прізвище електронної пошти беруться з його облікового запису Facebook, а пароль генерується автоматично (користувач може змінити ці дані у своєму обліковому записі):

Facebook prestashop form

2.Коли користувач не ввійшов у систему, але вже має обліковий запис у вашому магазині та натиснув кнопку «Log in with Facebook» на сторінці входу або на сторінці реєстрації:

– після натискання кнопки «Log in with Facebook» користувач автоматично авторизується, він буде перенаправлений до свого облікового запису користувача на вашому сайті.

instagram module prestashop

Facebook prestashop account

Facebook prestashop login

instagram module prestashop

3. При видаленні облікового запису клієнта:

– якщо обліковий запис клієнта видалено з магазину Prestoshop, усі посилання на обліковий запис клієнта у Facebook також будуть видалені з бази даних.

4. При зміні налаштувань модуля на сторінці конфігурації в панелі адміністратора:

– усі доступи користувачів зберігаються при зміні «Facebook App ID» і «Facebook App Secret» на інші значення.
Facebook prestashop id

– якщо «Facebook App ID» або «Facebook App Secret» введено неправильно або програму Facebook налаштовано неправильно, користувачеві буде показано повідомлення про помилку під час спроби автентифікації через Facebook:

Facebook prestashop authorisation

Buy it now:

Buy it now!

Buy on PrestaShop.com

CONTACT US
Cookies | Privacy Policy | Terms and ConditionsSoftSprint ©