Главная / Плагины / Форма контактов Ninja Kick

Форма контактов Ninja Kick

Хотелось бы поделиться интересным плагином для формы контактов на сайте. Называется плагин Ninja Kick: Contact Form.

Ninja Kick

Так, ни чего особенного, но порадовал способ отображения формы. Форма отображается в виде выезжающей панели справа или слева сайта. При этом сам сайт сдвигается в сторону. Очень необычно. Присутствует перевод на русский язык.

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

Настройка формы контактов

После установки плагина переходим в раздел меню Настройки – NK: Contact form

основные настройки формы Ninja Kick
Вкладка General

  1. Форма видна только админам сайта, используется для настройки формы.
  2. Появление панели с формой: Pushing page content and revealing itself under it – Контент сайта двигается в сторону. Sliding itself on the top of page content – Панель накладывается на контент сайта
  3. Расположение панели с формой
  4. Отображение формы. Show Form for: — Показывать форму для: Для всех, для зарегистрированных, для незарегистрированных пользователей. Show on mobiles: — Показывать форму на мобильных устройствах (да, нет). Display rule: — Правило отображения. Можно настроить условия отображения формы: скрыть или показать форму в отмеченных ниже разделах сайта.
  5. Fade out main content when sidebar is exposed: — режим наложения затемнения при появлении формы. 3 варианта – затемнение основного контента, осветление и эффект не применяется.
  6. Enable simple test (math question) to help prevent spam – включение функции антиспам (капчи).
  7. Use admin email as message sender (when hosting restricts sending emails from another domains): — если возникает проблема с отправкой писем из формы отметьте галочкой этот пункт

Вкладка Forms

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

настройки формы Ninja Kick

  1. Добавление новой формы
  2. Email address to send messages to (separate by comma if multiple): — e-mail получателя, можно вписать несколько через запятую
  3. Title for emails received from NK – заголовок письма отправленного из формы
  4. Additional fields (besides Name, Email and Message) – добавление дополнительных полей в форму, кроме уже имеющихся Имя, Емаил, Сообщение.
  5. Contact Form 7 shortcode if you want to replace default form: — замена формы в плагине формой из Contact Form 7, для замены вставьте шорткод.
  6. Your Profile picture or logo — добавление в форму изображения, допустим, ваш логотип
  7. Profile thin first line – заголовок формы первая строка. Profile bold second line – заголовок формы вторая строка строка. Profile third line – подзаголовок. Message to sender – описание, какой-либо текст. Form submission success message: — сообщение об успешной отправке формы.
  8. Make this form default on checked pages — на каких страницах сайта нужно отобразить эту форму
  9. Настройка кнопок социальных сетей

Вкладка Theme

Здесь можно настроить цветовую схему формы. Так как тут все наглядно и результат виден сразу, то описывать не буду.

внешний вид формы Ninja Kick

Вкладка Button

В этом разделе настраивается внешний вид кнопки вызова формы.

настройка кнопки контактной формы Ninja Kick

  1. Цвет и внешний вид кнопки
  2. Размер кнопки
  3. Button tooltip: — подсказка кнопки : появляется при наведении, всегда видно, нет подсказки
  4. Текст подсказки
  5. Цвет кнопки подсказки
  6. Metro-style shape – стиль метро, не чего добавить 🙂
  7. Button colors invert: — Инвертировать цвета кнопки
  8. Button position ‘top’ value – позиция кнопки, отступ сверху, можно задать как процентах так и в пикселях
  9. Отступ сверху при просмотре на мобильных устройствах
  10. Button visibility: видимость кнопки. Всегда видно. Не видимая. Не показывать когда экран меньше 500px. Показывать после прокрутки страницы.
  11. Mouseover opening: — Автоматически раскрывать форму при наведении на кнопку

 

Скачать Демо

 
 
 

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

 

В тему!

Ultimate 3D Carousel

Ultimate 3D Carousel

Ultimate 3D Carousel v3.1 – WordPress Plugin Что такое Ultimate 3D Carousel WordPress плагин? Ultimate ...

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

  1. Подскажите, как поменять иконку письма, на другую произвольную. С правой/левой стороны окна по мере прокрутки сайта вниз вместе со страницей бегает иконка. При нажатии на нее сбоку вылетает окно со встроенной в нее формой, и другой информацией. Как сменить иконку письма???? пример, того, что нужно сделать: http://www.oki-doki.ru/ кнопка запрос менеджеру справа. Если это нельзя сделать этим плагином, подскажите, каким плагином можно.
    Задача: плавающая кнопка сбоку сайта, вызывающая форму заказа обратного звонка, или формы обратной связи, или и то и другое, или и то и другое, и еще какие-нить приблуды забавные впихать в такой выскакивающий сайдбар.

    • Андрей

      так понял, что у вас все получилось.

      • Не совсем… саму форму я настроил, запихнул в нее contact form 7… НО! как мне сменить иконку? вместо конверта поставить, скажем, телефонную трубку… сделать фон прозрачным?

        • Андрей

          отредактируйте стили.
          чтобы ваши модификации не слетали при обновлении плагина, эти стили пропишите в файле стилей темы. для надежности в конце каждой строки добавьте !important;

          • Если не затруднит, в каком файле они редактируются? Весь код плагина перерыл в поисках редактирования стиля кнопки — не нашел…

          • Андрей

            внешний вид плагинов редактируется в файле *****.css в папке с плагином. Но чтобы эти настройки не слетали — лучше редактировать файл стилей темы добавив в него описание элементов плагина.
            Названия элементов можно узнать нажав на нужный правой кнопкой и выбрать Просмотр кода элемента ( в хроме)

      • http://www.kriesi.at/themes/enfold/
        слева крутится шестеренка с настройками шаблона.
        Подскажите как называется плагин, где взять, чтоб можно было реализовать такой функционал, но только не с настройками шаблока, а произвольное содержимое вставлять: формы обратной связи, карты, текст, фотографии…
        Возможно выстраивать в ряд несколько таких «шестеренок», и каждая будет вываливать различные панели с различнымсодержимым, менять у них иконку, графическое оформление панели…

  2. Подскажите, как можно реализовать вызов этой формы любой кнопкой? Никак не получается этого сделать. Нужно, чтобы на форму вела ссылка типа (domain.com/contacts) Нашел описание, как это делать на этом сайте : http://contactform.looks-awesome.com/docs/Customize/Add_Opening_Trigger_to_Your_Button,%20Link_or_Image
    делаю, как там написано, но ничего не выходит. Подскажите, пожалуйста, очень нужно!!!

  3. Почему когда я отправляю письмо , пишет что отправлено ,но на почте у меня ничего нет

  4. Валерий

    Хороший плагин, очень даже просто настраивается,редактировал только в одном месте ninja-contact-form тут была запись you phon — заменил ее 2 раза на русский. Все работает, спасибо автору

  5. Ребзы, как исправить. С темой Ember фоновые изображения съезжают при открытии панели, а при закрытии накрывают содержимое на них. Без изображений не торт, как исправить? Вот этот сайт

  6. Купил, установил, не работает. Не отправляет сообщения. Помогите с решением, прочитал всю документацию, но проблема не решена.

    [email protected] отблагодарю

  7. Валерий

    Перестал работать на всех сайтах (не стали приходить письма)

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Лимит времени истёк. Пожалуйста, перезагрузите CAPTCHA.