Виджет группы Facebook на сайт WordPress

Здравствуйте, дорогие читатели моего сайта. Данная статья будет короткая, но от этого не менее информативная. В статье разберем зачем нужен данный виджет и как его установить на сайт. Вперед)

Зачем нужен виджет группы фейсбука на сайте.

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

Как установить виджет группы Facebook’а на сайт на WordPress.

1. Сначала нам нужно этот виджет сгенерировать, точнее сгенерировать код виджета. Для этого идем сюда https://developers.facebook.com/docs/plugins/page-plugin Хотя тут все по английски, но все довольно просто.

*Сейчас вид виджета обновили, сделали его более красивым. Раньше он отображался немного по другому.

Спускаемся немного ниже и видим настройки виджета.

1.1 Сюда вставляем ссылку на нашу группу в фейсбуке.

1.2 Прописываем ширину. В моем случае это 310 пикселей

1.3 Тут нужно прописать высоту виджета. Она зависит от того, захотите вы в виджете отображать записи вашей группы (п.1.5). Я поставил 350 пикселей.

1.4 Скрыть/показать шапку группы. Я оставлю, так красивее выглядит

1.5 Показывать посты группы или нет. Я выберу показывать, я думаю это лучше завлекает посетителей в группу.

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

Вот как заполнил я.

Заполнили? Нажимаем на кнопку «Get code» (получить код) и видим два окна с кодом. Эти коды нужно поставить в два разных места.

2. Верхнюю часть кода мы установим в файл footer.php

Путь файла домен_сайта/public_html/wp-content/themes/название_вашей_темы/footer.php

У вас может не быть папки public_html или она может называться как то по другому Docs или как-нибудь еще. Это особенности хостинга, которым вы пользуетесь.

Подключаемся к хостингу. Я это делаю через FileZilla и скачиваем файл на компьютер.

Открываем его с помощью, желательно NotePad++ и вставляем верхнюю часть кода. Вставлять код нужно в конце, перед закрывающимся тегом </body>

Вставили? Нажимаем сохранить и обновляем файл на хостинге.

Так, с первой частью кода разобрались)

4. Теперь копируем нижнюю часть кода и идем в админку сайта нашего/Внешний вид/Виджеты/ И перетаскиваем виджет «Текст» в наш сайдбар. Вставляем наш скопированный код. Можем написать заголовок и жмакаем «Сохранить».

На этом всё) Идем проверять на сайт. Вот что видим. Поставленная задача выполнена.

*Важный момент — если вы устанавливаете виджет не на свой сайт, а как, например, фрилансер на сайт заказчика, то пусть ваш заказчик через свой профиль в фейсбуке сгенерирует данный код и вам вышлет. Это нужно для того, чтобы виджет был завязан на app id того человека, кому принадлежит группа.

На этом все. Пишите в комментариях получилось ли у вас поставить виджет группы фейсбука на свой сайт на WordPress или нет. Какие были трудности и вообще все что хотите пишите в комментариях) Такие дела) Все. До связи!)