Плавающий виджет для обратной связи плагин WordPress. Wordpress плавающая кнопка на сайте сбоку


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/. Успехов!

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

saitoseoteka.ru

Плавающие кнопки соцсетей поделиться на сайт wordpress ! — ТОП

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

 

23-01-2016 16-56-47_mini

 

Установить плагин вы сможете прямо из админ-панели wordpress. Перейдите по вкладке: Плагины — Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

23-01-2016 16-52-58_mini

 

Чтобы настроить плагин, перейдите по вкладке: Настройки — WP Social Buttons. Здесь вы сможете настроить плагин.

 

— Enable, поставьте галочку, чтобы включить плагин.

— Siderbar Position, выберите с какой стороны будут отображаться кнопки соцсетей.

— Publish Buttons, выберите какие кнопки будут отображаться.

— Delay Time, здесь можно указать в миллисекундах, через сколько кнопки будут появляться при открытии сайта.

 

23-01-2016 17-19-41_mini

 

Advance Settings.

 

— Top Margin, здесь можно указать, в пикселях или процентах, расстояние от верха сайта до кнопок.

— Disable For Mobile, поставьте галочку, что бы не показывать кнопки на мобильных устройствах.

— Disable On Home Page, поставьте галочку, чтобы не показывать кнопки на главной странице сайта.

 

23-01-2016 17-27-12_mini

 

После сделанных изменений, сохраните настройки, нажав на кнопку — Save Settings. Сразу после включения плагина и сохранения настроек, кнопки будут отображаться на вашем сайте.

 

Softshare Floating Buttons — Ещё один интересный плагин для добавления на сайт плавающих кнопок соцсетей.

 

info-effect.ru

info-effect.ru

Плавающий виджет для обратной связи плагин WordPress — ТОП

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

 

плавающий виджет

обратная связь

 

Установить плагин WP Contact Slider вы сможете прямо из админ-панели WordPress. Перейдите на страницу Плагины — Добавить новый, введите название плагина в форму поиска, установите и активируйте плагин.

 

WP Contact Slider

 

Далее, после установки и активации плагина, у вас откроется страница с формой. Нажмите на кнопку Allow & Continue.

 

подключение плагина

 

Далее, на странице WP Contact Sliders будут отображаться все созданные панели. Чтобы добавить новую, нажмите вверху на кнопку Add New Contact Slider.

 

добавить новую панель

 

Далее, на странице создания виджета вы можете настроить:

 

 — Lable text color, цвет текста заголовка виджета.

 — Lable background color, цвет фона кнопки виджета.

 — Lable border color, цвет бордюра кнопки.

 — Slider text color, цвет текста внутри виджета.

 — Slider background color, цвет фона внутри виджета.

 — Slider border color, цвет бордюра внутри виджета.

 — Slider position, позиция виджета, справа или слева.

 — Hide on small devices, скрыть виджет на мобильных устройствах.

 — Open slider by default, открывать виджет с содержимым при загрузке страницы.

 — Display on Home, показывать на главной странице.

 — Display on All Pages, показывать на всех страницах.

 — Display on Selected Posts & Pages, выбрать определённую страницу или запись.

 

настройки плагина

 

 — What would you like to display, здесь вам нужно выбрать с помощью чего вы добавите форму или другой контент. Шорткод или HTML текст.

 — На примере ниже (смотри скриншот) я показываю самый простой вариант. Выбираем шорткод, добавляем в поле шорткод, выбираем тип формы Contact Form 7 (плагин формы должен быть установлен на вашем сайте).

 

What would you like to display

 

В конце сохраняем изменения, нажав вверху справа на кнопку Save.

 

сохранить изменения

 

Всё готово! После сохранения настроек, перейдите на сайт, там у вас будет отображаться плавающий виджет с формой обратной связи или другим любым содержимым.

 

 — Супер плагины WordPress, более 500, смотри Здесь!

 

Остались вопросы? Напиши комментарий! Удачи!

 

info-effect.ru

info-effect.ru

Плагин wordpress плавающие кнопки соцсетей ! — ТОП

Как же это здорово, когда есть о чём написать, есть чем поделиться, и когда знаешь, что это может помочь людям, пусть и мелочь, но приятно. Сегодня вы узнаете как очень просто и быстро можно добавить на свой сайт, плавающие кнопки соцсетей поделиться. С левой стороны вашего сайта будут отображаться кнопки соцсетей, при прокрутки страницы вверх или вниз, кнопки будут всегда видны на экране, на любой странице. На сайте будут видны только 4 кнопки, 3 основные самые популярные соцсети Facebook, Google+ и Twitter и ещё одна кнопка в виде плюса, нажав на которую откроется окно с большим количеством кнопок соцсетей, в которых пользователь сможет поделиться вашей записью.

 

23-01-2016 20-08-26_mini

 

Плагин — Softshare Floating Buttons вы сможете установить прямо из админ-панели wordpress. Перейдите по вкладке: Плагины — Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

23-01-2016 17-51-48_mini

 

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

 

WP Social Buttons — Ещё один wordpress плагин плавающие кнопки соцсетей !

 

info-effect.ru

info-effect.ru

WP Floating Menu — One page navigator, sticky menu for WordPress

Описание

Homepage | Documentation | Support | Demo | Premium Version

WP Floating Menu is a FREE WordPress plugin that makes your WordPress website’s usability with one page navigator menu or sticky navigation menu.

You don’t need to change your WordPress theme to make your website work like One Page website, just use this plugin to add one page scrolling navigation to any well coded WordPress themes / website.

You need to define different sections on your website page, then create/define one page navigation menu with them in just minutes.

Apart from One page navigation, you can create sticky menu and place in different location on your website for easy / smart navigation.

Free Features:
  • Beautiful and different templates
    • Beautifully designed 5 different templates to select from.
  • Easy sort able menu
    • Sort order of menu while creating menu.
  • Placement option
    • Two different menu positions Right and Left to select from.
  • Menu Setting
    • To display menu in either in all pages or home page only.
  • Mobile configurable
    • Enable disable option for mobile devices.
  • Inbuilt menu icon sets
    • Three different icon set to choose from.
  • User friendly and very interactive user interface
    • Anyone can use it, is just as easy as drag and drop.
  • Inline Navigation Feature
    • Just assign section id and get instant one page navigator effect.
  • Custom Template Option
    • Build custom template to match your site if default template does not match your need.
  • Dedicated Support— Get free email and forum support.
  • Translation Ready
  • WordPress Compatible
  • Fully Responsive
    • Compatible with different devices.
  • Free updates— Get free updates for lifetime.
Premium Features:
★ 13 different beautiful template layouts. ★ Unlimited Numbers of Menus in the Site. ★ Page Wise Configurable Menu. - You can define whether you want to assign different menu or disable for specific page. ★ Unlimited Custom Templates. ★ Additional Menu Bar Positions - 7 different menu positions. ★ Show/hide Menu on Specific (page, category, post) wise display option). ★ Ability to add Default pages, posts, categories for menu set. ★ Additional Custom Design Options. ★ More upcoming Upgrade for pro version.
Premium upgrade

For premium upgrade please go here

Some Useful Links
  • Support Forum Link: http://accesspressthemes.com/support/
  • Website Link: http://accesspressthemes.com/
  • Youtube channel link: https://www.youtube.com/watch?v=TjZNcVG3fDE
  • Facebook link: https://www.facebook.com/AccessPressThemes

For a easy installation guide checkout the Installation tab above.For complete information and documentation regarding plugin, please visit below links.

ru.wordpress.org