Как создать пользовательские кнопки «Нравится» для Facebook в WordPress

Опубликовано: 2022-02-20

Добавление пользовательских кнопок «Нравится» Facebook в WordPress повысит охват ваших сообщений, видео и изображений. Этот дополнительный охват принесет дополнительный брендинг и конверсию.

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

Итак, здесь, в этом блоге, мы покажем вам, как создать пользовательскую кнопку «Мне нравится» в Facebook с помощью многоцелевого плагина WordPress ElementsKit.

Содержимое скрыть
Почему вы должны добавить пользовательскую кнопку «Мне нравится» Facebook в WordPress?
Как добавить пользовательские кнопки «Мне нравится» в Facebook с помощью ElementsKit
Шаг 1: Включите виджет креативной кнопки для настроенной кнопки «Нравится» Facebook.
Шаг 2: Добавьте виджет креативной кнопки.
Шаг 3: Настройка кнопки.
Создайте свою пользовательскую кнопку «Мне нравится» в Facebook

Почему вы должны добавить пользовательскую кнопку «Мне нравится» Facebook в WordPress?

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

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

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

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

Как добавить пользовательские кнопки «Мне нравится» в Facebook с помощью ElementsKit

Создание индивидуальной кнопки «Мне нравится» в Facebook возможно либо с помощью кодирования, либо с помощью плагинов WordPress. Здесь мы избегаем добавления его с помощью кода, поскольку это неудобный для пользователя процесс. Использование плагина WordPress — наиболее подходящий и удобный процесс его добавления на ваш сайт.

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

Теперь выполните следующие 3 шага, чтобы добавить официальную кнопку «Нравится» Facebook:

Шаг 1: Включите виджет креативной кнопки для настроенной кнопки «Нравится» Facebook.

Во-первых, вы должны включить виджет творческой кнопки из бэкэнда. Для этого наведите указатель мыши на ElementsKit и нажмите ElementsKit , а затем откройте виджеты. Теперь включите виджет творческой кнопки и нажмите кнопку сохранения изменений.

Включите виджет, чтобы добавить пользовательские кнопки «Мне нравится» в Facebook.

Шаг 2: Добавьте виджет креативной кнопки.

С помощью этого виджета вы можете добавить кнопку Facebook «Мне нравится» на любую страницу или публикацию. Чтобы добавить его, перейдите на Страницы >> Добавить новый .

Добавить новую страницу для пользовательской кнопки «Нравится» Facebook

Затем нажмите кнопку « Редактировать с помощью Elementor », которая перенаправит вас на другую страницу, где вы сможете выполнить основную настройку.

Создайте кнопку «Мне нравится» в Facebook с помощью ElementsKit

После этого найдите виджет творческой кнопки в поле поиска, а затем перетащите виджет на знак «плюс» для создания пользовательских кнопок «Мне нравится» в Facebook.

Перетащите виджет креативной кнопки, чтобы добавить кнопку «Мне нравится» в Facebook.

Шаг 3: Настройка кнопки.

А вот и настройка кнопки. Чтобы создать персонализированную кнопку «Нравится» Facebook на веб-сайте, выполните следующие настройки:

  • Метка: Здесь вам нужно ввести текст кнопки.
  • URL-адрес: введите в это поле ссылку на свою публикацию в Facebook. Это будет перенаправлять ваших посетителей на пост всякий раз, когда кто-то нажимает кнопку. Оттуда они могут лайкнуть или поделиться публикацией.
  • Добавить значок: включите кнопку значка, чтобы добавить значок.
  • Значок: выберите палец вверх или другой значок, который вы хотите отобразить с текстом кнопки.
  • Положение значка: выберите положение значка до или после текста кнопки.
  • Выравнивание: выберите выравнивание вашей пользовательской кнопки «Нравится» на Facebook.
  • Стиль наведения: придайте кнопке эффект наведения.

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

Редактирование кнопки «Нравится» в Facebook

После настройки контента вы должны внести изменения в стиль кнопки. Здесь мы внесли следующие изменения в кнопку:

  • Отступ: установите отступ -1. Вы можете внести коррективы в соответствии с размером вашей пуговицы.
  • Типографика: в этом разделе вы найдете варианты изменения типографики текста кнопки. Выберите семейство, размер, вес, преобразование, стиль, оформление, высоту строки и т. д. здесь.
Создайте пользовательскую кнопку «Мне нравится» в Facebook

После вышеуказанной корректировки внесите изменения в:

  • Тип границы: для создания пользовательской кнопки Facebook выберите сплошной тип границы.
  • Ширина: введите ширину границы кнопки.
  • Цвет: отсюда добавьте цвет границы.
  • Радиус границы: выберите радиус границы для вашей кнопки.
Как добавить пользовательскую кнопку «Мне нравится» в Facebook

Наконец, выберите размер шрифта и отступ для значка кнопки и нажмите кнопку «Обновить/опубликовать».

Создайте кнопку «Мне нравится» в Facebook с помощью Ekit

После обновления всех ваших правок вот окончательный вид вашей пользовательской кнопки «Нравится» на Facebook:

Индивидуальная кнопка «Мне нравится» в Facebook

Создайте свою пользовательскую кнопку «Мне нравится» в Facebook

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

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

Начните с настраиваемой кнопки «Нравится» Facebook