Floating button — плагин кнопки wordpress

Плавающая кнопка — это новый способ добавить опрос, объявление или какой-либо другой дополнительный контент без добавления каких-либо изменений в дизайн вашего сайта. Функциональность всего этого реализуется в виде плавающей кнопки на вашем сайте, и после нажатия на кнопку будет открыто дополнительное модальное окно с необходимым содержимым. Для улучшения юзабилити, можно использовать панель администрирования, настройки и опции навигации, а также некоторые данные для учёта статистики и проведения аналитики.

Плагин кнопки wordpress, который называется Floating button добавит на ваш сайт такую плавающую кнопку.

Видео:

Установка плагина

Плагин устанавливается также как и любой другой: переходим в раздел «Плагины» — «Добавить новый». Затем, в строку поиска вбиваем Floating button и устанавливаем его.

Настройка

После установки, справа в консоле управления вашим сайтом на вордпресс появляется дополнительная вкладка Floating button:

1

Нажимаем её и начинаем настраивать плавающую кнопку:

1. Button state — включение и выключение отображения кнопки;

2. Settings source — эта настройка отвечает за дальнейший функционал плагина. Если выбрать «Local settings», то функционал будет весьма ограничен, поэтому рекомендуется выбрать второй вариант «Settings from probtn.com»;

3. Теперь нужно зарегистрироваться на сайте разработчиков плагина — это не займёт много времени, зато функционал кнопки wordpress значительно расширится.

Регистрация на сайте разработчиков

Переходим на страницу https://admin.probtn.com/login/new и заполняем адрес электронной почты, имя и пароль и нажимаем кнопку «Create»:

2

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

После регистрации и входа на сайт мы видим следующую страницу:

3

Две кнопочки внизу отвечают одна за создание плавающей кнопки, вторая — за создание опроса, который будет появляться при нажатии на плавающую кнопку.

Начнём с создания, поэтому нажимаем «Create Floating Button». Сначала указываем название кнопки:

4

Далее, указываем значок, который будет в дальнейшем нашей плавающей кнопкой:

5

Обратите внимание, что можно выбрать значок на своём компьютере или указать ссылку на изображение. Для красоты рекомендуется использовать картинку с прозрачным фоном небольшого размера.

На следующем этапе выбираем платформу для отображения кнопки. Мы установили плагин на сайт, поэтому и будем выбирать вариант отображения на домене, который укажем:

6

Завершаем первоначальную настройку нажатием кнопки «Submit».

Указываем действие, после нажатие на плавающую кнопку и продолжаем настройку плагина

После создания, наша кнопочка отображается в консоле слева:

7

В разделе TOOL указываем адрес, который будет открыт в всплывающем окне после нажатия на кнопочку:

8

Или указываем опрос, который можно создать по клику на ссылку «Create survey»:

9

Дальше идёт настройка внешнего вида и расположения кнопки:

10

Сохраняем все сделанные изменения на каждом шаге. Установленная на сайте плавающая кнопка может выглядеть так:

11

А при нажатии на неё появляется следующее всплывающее окно:

12

Вариантов использования этого плагина для вордпресс — множество: можно создать отдельную страницу, на которой разместить рекламу, опрос или какую-либо информацию, которая не может быть вписана в дизайн сайта. В общем, всё что угодно!

Плагин находится по ссылке http://wordpress.org/plugins/profit-button/. Успехов!

п.с. если вам нужна помощь по настройке или установке — пишите свои вопросы в комментарии. Помощь бесплатна!

7 комментариев

  1. Установил кнопку. На сайте показалась, но... Никак не могу настроить положение на экране в начальной стадии... у некоторых под текстом показывается кусочек, у меня на блоке видео... Откуда руки растут ??? Где копать ??? )))

  2. Помогите пожалуйста, у меня постоянно выходит ошибка следующая: "BundleID / Web site domain must be unique", не пойму что это такое.

  3. Нет браузер не причем! ...я тестировал работу в разных браузерах и даже на мобильных устройствах. Написал автору плагина - молчит :(. А у Вас нормально работало ?
    Спасибо!

    • значит конфликт в библиотеках. Попробуйте по очереди деактивировать другие плагины - так вы найдёте тот, с которым конфликт происходит.

    • Да, у меня всё ОК было)

  4. Добрый день!
    Подскажите такой вопрос..., установил плагин Floating button, настроил на пользовательский URL. Вроде все правильно, но при нажатии на кнопку ничего не открывается а кнопка улетает за пределы страницы. Подскажите в чем может быть проблема ?
    Заранее спасибо!

    • Здравствуйте! Может быть у вас блокируются всплывающие окна в браузере? Попробуйте посмотреть в другом браузере)

Оставить комментарий

Your email address will not be published. Required fields are marked *