Як додати логін Facebook для WordPress ⋆ ALexHost SRL

Перевірте свої навички на всіх наших хостингових послугах та отримайте знижку 15%!

Використовуйте код під час оформлення замовлення:

Skills
15.01.2025

Як додати логін Facebook для WordPress

Додавання облікового запису Facebook на ваш веб-сайт WordPress може спростити процес реєстрації користувачів, полегшивши їм реєстрацію або вхід за допомогою своїх облікових даних Facebook. Це покращує користувацький досвід і може призвести до збільшення залученості користувачів. Ви можете досягти цього за допомогою плагінів і налаштування додатку Facebook для підключення вашого сайту до системи автентифікації Facebook OAuth.

Ось покрокова інструкція з додавання входу в Facebook на ваш сайт WordPress:


Крок 1: Створіть додаток Facebook

Щоб дозволити користувачам входити за допомогою Facebook, вам потрібно створити додаток Facebook, який інтегрується з вашим сайтом на WordPress.

1.1. Перейдіть до Facebook Developers

  1. Відвідайте веб-сайт Facebook Developers.
  2. Якщо у вас ще немає облікового запису розробника Facebook, вам буде запропоновано створити його.
  3. Увійшовши в систему, натисніть “Мої додатки” у верхньому правому куті, а потім “Створити додаток”.

1.2. Налаштування програми

  1. У спливаючому вікні виберіть “Для всього іншого”, а потім натисніть “Далі”.
  2. Введіть назву додатка, контактну електронну адресу додатка та виберіть бізнес-обліковий запис (якщо це можливо).
  3. Натисніть Створити програму.

1.3. Налаштування входу до Facebook

  1. На лівій бічній панелі натисніть Додати продукт і виберіть Facebook Login.
  2. Виберіть веб-платформу як платформу.
  3. Введіть URL-адресу вашого веб-сайту WordPress (наприклад, https://www.yoursite.com).

1.4. Отримайте ідентифікатор додатку та секретний код

  1. Перейдіть до Налаштування > Основні.
  2. Скопіюйте свій App ID та App Secret. Вони знадобляться вам для подальшого налаштування плагіна WordPress.
  3. У полі Домени застосунку введіть ваше доменне ім’я (наприклад, yoursite.com).
  4. У розділі “Дійсні URI перенаправлення OAuth” додайте URL-адресу, на яку користувачі будуть перенаправлятися після входу у Facebook, що зазвичай виглядає наступним чином:
    https://www.yoursite.com/wp-login.php
  5. Натисніть Зберегти зміни.

Крок 2: Встановіть плагін WordPress, щоб увімкнути вхід у Facebook

Існує кілька плагінів, які можуть допомогти вам інтегрувати вхід у Facebook з WordPress. Один з найпопулярніших – Nextend Social Login.

2.1. Встановлення плагіна

  1. На панелі управління WordPress перейдіть до Плагіни > Додати новий.
  2. Знайдіть Nextend Social Login.
  3. Натисніть Встановити зараз, а потім Активувати.

2.2. Налаштування плагіна для Facebook

  1. Перейдіть до Nextend Social Login на панелі управління WordPress.
  2. Натисніть Facebook, щоб почати процес налаштування.

2.3. Введіть свій ідентифікатор додатку та секрет

  1. У налаштуваннях плагіна для Facebook вставте App ID і App Secret, які ви отримали на порталі для розробників Facebook.
  2. Встановіть URL-адресу зворотного дзвінка на той самий дійсний URI перенаправлення OAuth, який ви додали в додатку Facebook (зазвичай це https://www.yoursite.com/wp-login.php).
  3. Налаштуйте будь-які інші параметри за потреби (наприклад, кнопки, стилі або запити для входу).
  4. Натисніть Зберегти зміни.

Крок 3: Протестуйте вхід у Facebook

  1. Відвідайте сторінку входу на вашому сайті або будь-яку іншу сторінку, де відображається кнопка входу.
  2. Тепер ви повинні побачити кнопку “Увійдіть за допомогою Facebook”.
  3. Натисніть кнопку і завершіть процес входу за допомогою облікового запису Facebook, щоб переконатися, що він працює належним чином.

Крок 4: Налаштуйте процес входу у Facebook (необов’язково)

Більшість плагінів, таких як Nextend Social Login, пропонують опції для налаштування зовнішнього вигляду і функціональності кнопки входу в Facebook. Ви можете змінити наступні налаштування:

  • Розміщення кнопки: Виберіть, де буде відображатися кнопка входу в Facebook (на сторінці входу, в реєстраційній формі або в розділі коментарів).
  • Перенаправлення входу: Вирішіть, куди слід перенаправляти користувачів після входу в систему (наприклад, на сторінку їхнього профілю або на домашню сторінку).
  • Призначення ролей користувачів: Автоматичне призначення певних ролей WordPress (наприклад, підписник, автор) користувачам, які входять через Facebook.
  • Дизайн і стилізація: Налаштуйте зовнішній вигляд кнопки входу відповідно до дизайну вашого сайту.

Крок 5: Увімкніть реєстрацію користувачів через Facebook (необов’язково)

Якщо ви хочете дозволити новим користувачам реєструватися на вашому сайті за допомогою Facebook, переконайтеся, що реєстрація увімкнена в WordPress:

  1. Перейдіть до Налаштування > Загальні на панелі управління WordPress.
  2. Встановіть прапорець навпроти пункту Будь-хто може зареєструватися в розділі Членство.
  3. Виберіть роль за замовчуванням для нових користувачів (наприклад, Підписник).
  4. Збережіть зміни.

Після цього користувачі, які не мають облікового запису, зможуть зареєструватися за допомогою логіна Facebook.


Висновок

Додавання входу через Facebook на ваш сайт WordPress покращує взаємодію з користувачами, пропонуючи їм швидкий і безпечний спосіб входу або реєстрації. Створивши додаток для Facebook і налаштувавши плагін на кшталт Nextend Social Login, ви можете легко інтегрувати автентифікацію Facebook на свій сайт. При належному тестуванні та налаштуванні, вхід через Facebook може підвищити залученість користувачів і полегшити управління доступом до сайту як для вас, так і для ваших відвідувачів.

Перевірте свої навички на всіх наших хостингових послугах та отримайте знижку 15%!

Використовуйте код під час оформлення замовлення:

Skills