Social login via Facebook API – PrestaShop модуль
55$
Совместимость
PrestaShop 1.7 – 8.x
Цель
Позволяет войти и авторизоваться в PrestaShop, используя учетную запись Facebook. Кроме того, вы можете подключить свою учетную запись Facebook к существующей учетной записи в PrestaShop.
Преимущества для продавцов
- упрощает регистрацию пользователей на вашем сайте;
- повышает конверсию регистраций на сайте;
- популяризирует и продвигает магазин в 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-client
- Нажмите «Установить» и введите конфигурацию
Установка стилей 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 пользователю будет показана ошибка.:
Видео:
https://youtu.be/UFtdFu59nT8
Buy it now: