Как интегрировать вход в Facebook с WordPress

Обеспечить заинтересованность и лояльность к бренду через ваш сайт WordPress может быть непросто. Один из лучших способов оставаться на связи с пользователями - это создать учетные записи на вашем сайте. Однако многим посетителям может показаться, что эта задача затруднительна, особенно если она требует от них создания и последующего запоминания нового безопасного пароля. Один из способов обойти эту проблему - предложить функцию входа в Facebook.

Упрощая для посетителей создание учетных записей и доступ к вашему сайту, вы можете косвенно поощрять участие, одновременно облегчая жизнь своим пользователям. В этой статье мы покажем вам, как именно настроить кнопку входа в Facebook на вашем сайте WordPress.

Давайте копаться!

Почему вы можете добавить логин Facebook на свой сайт WordPress

WordPress позволяет вам сразу же разрешить регистрацию пользователей. Поскольку на вашем веб-сайте уже есть опция входа в систему, вам может быть интересно, зачем вам добавлять интеграцию с Facebook. Все основные причины сводятся к удобству для пользователей.

Учитывая, что у платформы почти 2,8 миллиарда активных пользователей в месяц, подавляющее большинство посетителей вашего сайта, вероятно, уже имеют учетные записи Facebook. Учитывая количество имен пользователей и паролей, которые люди должны помнить в наши дни, возможность использовать существующую учетную запись для регистрации на вашем сайте чрезвычайно удобна. Посетители могут с большей вероятностью создать учетные записи, если они смогут использовать информацию для входа, с которой они уже знакомы.

Добавление входа в Facebook на ваш веб-сайт позволяет пользователям создавать учетные записи одним нажатием кнопки.

Конечно, это удобство не лишено преимуществ для вашего бизнеса. Упрощая регистрацию пользователей, вы косвенно побуждаете их больше взаимодействовать с вашим сайтом. Это желательно по ряду причин, например:

• Наличие учетной записи на вашем веб-сайте может помочь пользователям почувствовать себя более заинтересованными в вашем бренде.
• Пользователи могут с большей вероятностью оставлять комментарии и взаимодействовать с вашим контентом. Это создает чувство общности и помогает ускорить поисковую оптимизацию (SEO).
• Они могут с большей вероятностью поделиться контентом в своих социальных сетях, если они уже подключены, что помогает увеличить охват ваших публикаций.
• С зарегистрированными пользователями будет проще связаться с помощью рекламных акций и уведомлений о новом контенте.

Наконец, огромная база пользователей Facebook означает, что интеграция может предоставить мощную аналитическую и демографическую информацию, к которой в противном случае у вас не было бы доступа. Эти детали могут иметь неоценимое значение, когда дело доходит до развития вашего бизнеса.

Как интегрировать вход в Facebook с WordPress (за 5 шагов)

Теперь, когда вы знаете, почему вам следует подумать об интеграции входа в Facebook, пришло время узнать, как ее настроить, и начать пользоваться преимуществами. Процесс может показаться сложным, но на самом деле он проще, чем кажется. Давайте пройдемся по нему.

Шаг 1. Создайте учетную запись разработчика Facebook

Первое, что вам нужно сделать, это зарегистрироваться в учетной записи разработчика Facebook. Это позволит вам использовать Facebook Software Development Kit (SDK) для создания различных приложений и интеграций, включая кнопку входа на ваш сайт:

Посетите сайт разработчиков Facebook и нажмите « Начать работу» в правом верхнем углу. Вам зададут несколько вопросов, но если у вас уже есть учетная запись Facebook, процесс будет очень быстрым. Когда вы закончите, вы попадете на страницу приложений Facebook, которая приведет к следующему шагу.

Шаг 2. Создайте новое приложение Facebook

Следующим шагом будет создание приложения Facebook, которое будет содержать код для вашей интеграции. На главной странице приложений нажмите зеленую кнопку « Создать приложение» , чтобы начать:

Откроется окно с предложением выбрать, что нужно делать вашему приложению:

Выберите Build Connected Experiences, чтобы настроить вход в Facebook. Затем вам нужно дать своему приложению имя и указать контактный адрес электронной почты:

Когда вы закончите, нажмите « Создать приложение». Вам будет предложено подтвердить свою человечность с помощью CAPTCHA, после чего вы сможете перейти к следующему шагу.

Шаг 3. Добавьте продукт для нового приложения

Затем вам нужно выбрать продукт для вашего нового приложения. По сути, это заранее подготовленный фрагмент кода, который поможет вам двигаться в правильном направлении. Если вы выбрали Build Connected Experiences на шаге 2, на этой странице вы должны увидеть опцию для входа в Facebook:

Наведите на него курсор и нажмите « Настроить» . Facebook предложит вам выбрать платформу для приложения:

Поскольку это для вашего веб-сайта, выберите Интернет . На следующем экране вы увидите управляемый список шагов, которые нужно выполнить, начиная с указания URL-адреса вашего веб-сайта:

Некоторые из шагов предложат вам скопировать и вставить код в различные места на вашем веб-сайте, чтобы включить аналитику и добавить кнопку « Подключиться к Facebook» . Хотя это можно сделать вручную, и это работает нормально, мы будем использовать плагин WordPress на шаге 5, чтобы упростить процесс. Если хотите, можете пропустить эти шаги.

Шаг 4. Настройте кнопку входа в Facebook

Когда вы дойдете до шага 4 в процессе добавления продукта, Facebook предоставит вам код для кнопки входа. На этом этапе вы можете настроить его внешний вид.

Facebook предоставляет очень полезный генератор кода, который вы можете использовать для настройки кнопки входа в систему так, как вам нравится:

Затем вы можете просто скопировать и вставить сгенерированный код на соответствующую страницу своего сайта. Опять же, мы будем использовать для этого плагин вместо того, чтобы вручную интегрировать кнопку входа в Facebook, но параметры настройки все равно могут пригодиться.

Шаг 5. Отобразите кнопку входа на свой сайт с помощью подключаемого модуля входа в социальную сеть Nextend

На этом этапе все готово для отображения кнопки входа в Facebook на своем веб-сайте WordPress. Хотя вы можете добавить его вручную, следуя инструкциям на панели управления учетной записи разработчика Facebook, мы рекомендуем использовать плагин, чтобы упростить задачу. Nextend Social Login - фантастическое решение, которое также работает для Google и Twitter:

Чтобы установить этот плагин, откройте панель управления WordPress и перейдите в раздел Плагины> Добавить новый. Найдите «Nextend» и установите плагин. Не забудьте также активировать его.

Затем перейдите в Настройки> Вход в социальную сеть Nextend:

Нажмите « Приступая к работе» под опцией Facebook, чтобы настроить плагин. Вам будет представлен список инструкций по созданию приложения Facebook - поскольку мы уже сделали это, вы можете прокрутить вниз и нажать кнопку с надписью « Я закончил настройку своего приложения Facebook» .

Далее вам будет представлен экран настроек:

Вам нужно будет ввести свой идентификатор приложения и секрет приложения. Их можно найти в вашей учетной записи разработчика Facebook. Нажмите « Мои приложения» вверху, затем выберите приложение, которое вы создали ранее. На боковой панели слева нажмите Настройки> Основные :

Ваш идентификатор приложения и секрет приложения находятся в верхней части экрана. Введите их в настройках Nextend. Вы можете настроить внешний вид вашей кнопки здесь, используя один из предварительно созданных стилей Nextend, или использовать собственную настраиваемую кнопку, которую вы создали на шаге 4:

После того, как вы это сделаете и сохраните изменения, на вашей странице входа должна отображаться кнопка « Продолжить с Facebook» (или любой другой текст, который вы выберете в настройках).

Заключение

Если вы хотите привлечь больше регистраций, поощрить больше комментариев или получить доступ к более качественной аналитике, интеграция Facebook с вашим сайтом WordPress может стать отличным способом достижения ваших целей. Этот процесс может показаться устрашающим, но если вы начнете, он не так уж и плох.

Просто выполните следующие пять шагов, чтобы включить интеграцию входа в Facebook для вашего сайта:

1. Создайте учетную запись разработчика Facebook.
2. Создайте приложение Facebook.
3. Добавьте продукт в приложение.
4. Настройте кнопку входа в Facebook.
5. Отобразите кнопку входа на свой сайт с помощью плагина Nextend Social Login.

У вас есть вопросы о добавлении интеграции с Facebook на ваш сайт? Дайте нам знать в комментариях ниже!

Лучшее изображение через V3rc4 / shutterstock.com