Хотелось бы поделиться интересным плагином для формы контактов на сайте. Называется плагин Ninja Kick: Contact Form.
Так, ни чего особенного, но порадовал способ отображения формы. Форма отображается в виде выезжающей панели справа или слева сайта. При этом сам сайт сдвигается в сторону. Очень необычно. Присутствует перевод на русский язык.
Плагин имеет встроенную форму контактов и дополнительного плагина не потребуется. Есть возможность добавить некоторые поля к форме, кнопки социальных сетей и настроить цветовую гамму формы в стилях сайта.
Можно сделать несколько форм и выбрать на каких страницах сайта они будут отображаться, то есть для каждой страницы, рубрики, новости можно добавить отдельную форму контактов.
Настройка формы контактов
После установки плагина переходим в раздел меню Настройки – NK: Contact form
- Форма видна только админам сайта, используется для настройки формы.
- Появление панели с формой: Pushing page content and revealing itself under it – Контент сайта двигается в сторону. Sliding itself on the top of page content – Панель накладывается на контент сайта
- Расположение панели с формой
- Отображение формы. Show Form for: — Показывать форму для: Для всех, для зарегистрированных, для незарегистрированных пользователей. Show on mobiles: — Показывать форму на мобильных устройствах (да, нет). Display rule: — Правило отображения. Можно настроить условия отображения формы: скрыть или показать форму в отмеченных ниже разделах сайта.
- Fade out main content when sidebar is exposed: — режим наложения затемнения при появлении формы. 3 варианта – затемнение основного контента, осветление и эффект не применяется.
- Enable simple test (math question) to help prevent spam – включение функции антиспам (капчи).
- Use admin email as message sender (when hosting restricts sending emails from another domains): — если возникает проблема с отправкой писем из формы отметьте галочкой этот пункт
Вкладка Forms
В этой вкладке можно добавлять новые формы и поля в форму, текстовые сообщения.
- Добавление новой формы
- Email address to send messages to (separate by comma if multiple): — e-mail получателя, можно вписать несколько через запятую
- Title for emails received from NK – заголовок письма отправленного из формы
- Additional fields (besides Name, Email and Message) – добавление дополнительных полей в форму, кроме уже имеющихся Имя, Емаил, Сообщение.
- Contact Form 7 shortcode if you want to replace default form: — замена формы в плагине формой из Contact Form 7, для замены вставьте шорткод.
- Your Profile picture or logo — добавление в форму изображения, допустим, ваш логотип
- Profile thin first line – заголовок формы первая строка. Profile bold second line – заголовок формы вторая строка строка. Profile third line – подзаголовок. Message to sender – описание, какой-либо текст. Form submission success message: — сообщение об успешной отправке формы.
- Make this form default on checked pages — на каких страницах сайта нужно отобразить эту форму
- Настройка кнопок социальных сетей
Вкладка Theme
Здесь можно настроить цветовую схему формы. Так как тут все наглядно и результат виден сразу, то описывать не буду.
Вкладка Button
В этом разделе настраивается внешний вид кнопки вызова формы.
- Цвет и внешний вид кнопки
- Размер кнопки
- Button tooltip: — подсказка кнопки : появляется при наведении, всегда видно, нет подсказки
- Текст подсказки
- Цвет кнопки подсказки
- Metro-style shape – стиль метро, не чего добавить 🙂
- Button colors invert: — Инвертировать цвета кнопки
- Button position ‘top’ value – позиция кнопки, отступ сверху, можно задать как процентах так и в пикселях
- Отступ сверху при просмотре на мобильных устройствах
- Button visibility: видимость кнопки. Всегда видно. Не видимая. Не показывать когда экран меньше 500px. Показывать после прокрутки страницы.
- Mouseover opening: — Автоматически раскрывать форму при наведении на кнопку
Подскажите, как поменять иконку письма, на другую произвольную. С правой/левой стороны окна по мере прокрутки сайта вниз вместе со страницей бегает иконка. При нажатии на нее сбоку вылетает окно со встроенной в нее формой, и другой информацией. Как сменить иконку письма???? пример, того, что нужно сделать:http://www.oki-doki.ru/ кнопка запрос менеджеру справа. Если это нельзя сделать этим плагином, подскажите, каким плагином можно.
Задача: плавающая кнопка сбоку сайта, вызывающая форму заказа обратного звонка, или формы обратной связи, или и то и другое, или и то и другое, и еще какие-нить приблуды забавные впихать в такой выскакивающий сайдбар.
так понял, что у вас все получилось.
Не совсем… саму форму я настроил, запихнул в нее contact form 7… НО! как мне сменить иконку? вместо конверта поставить, скажем, телефонную трубку… сделать фон прозрачным?
отредактируйте стили.
чтобы ваши модификации не слетали при обновлении плагина, эти стили пропишите в файле стилей темы. для надежности в конце каждой строки добавьте !important;
Если не затруднит, в каком файле они редактируются? Весь код плагина перерыл в поисках редактирования стиля кнопки — не нашел…
внешний вид плагинов редактируется в файле *****.css в папке с плагином. Но чтобы эти настройки не слетали — лучше редактировать файл стилей темы добавив в него описание элементов плагина.
Названия элементов можно узнать нажав на нужный правой кнопкой и выбрать Просмотр кода элемента ( в хроме)
слева крутится шестеренка с настройками шаблона.
Подскажите как называется плагин, где взять, чтоб можно было реализовать такой функционал, но только не с настройками шаблока, а произвольное содержимое вставлять: формы обратной связи, карты, текст, фотографии…
Возможно выстраивать в ряд несколько таких «шестеренок», и каждая будет вываливать различные панели с различнымсодержимым, менять у них иконку, графическое оформление панели…
Подскажите, как можно реализовать вызов этой формы любой кнопкой? Никак не получается этого сделать. Нужно, чтобы на форму вела ссылка типа (domain.com/contacts) Нашел описание, как это делать на этом сайте :http://contactform.looks-awesome.com/docs/Customize/Add_Opening_Trigger_to_Your_Button,%20Link_or_Image
делаю, как там написано, но ничего не выходит. Подскажите, пожалуйста, очень нужно!!!
Почему когда я отправляю письмо , пишет что отправлено ,но на почте у меня ничего нет
Хороший плагин, очень даже просто настраивается,редактировал только в одном месте ninja-contact-form тут была запись you phon — заменил ее 2 раза на русский. Все работает, спасибо автору
Ребзы, как исправить. С темой Ember фоновые изображения съезжают при открытии панели, а при закрытии накрывают содержимое на них. Без изображений не торт, как исправить? Вот этот сайт
Купил, установил, не работает. Не отправляет сообщения. Помогите с решением, прочитал всю документацию, но проблема не решена.
[email protected] отблагодарю
Перестал работать на всех сайтах (не стали приходить письма)
настройте отправку писем……….