Tiny Contact Form русская версия
Плагинов контактных форм для WordPress существует огромное количество. Несомненным лидером среди них является Contact Form 7, в котором есть практически все, что можно только пожелать. Однако, если вам необходимо установить на сайте маленькую контактную форму, то и воспользоваться лучше маленьким плагином. Tiny Contact Form как раз представляет собой маленький, но при этом достаточно функциональный плагин контактной формы.
Скачиваем плагин по ссылке в конце страницы и устанавливаем его:
1. Распаковываем архив.
2. Копируем папку tiny-contact-form в /wp-content/plugins/.
3. Заходим в админку блога на вкладку "Плагины" и активируем плагин.
Настройка плагина находится в "Параметрах\Tiny Contact Form". Плагин я перевел на русский язык и никаких проблем с его настройкой у вас возникнуть не должно.
Раздел настроек "Форма":
Все просто и понятно. Разве что замечу – опция "От кого" заставляет плагин отсылать письма от указанного вами имейла (в тексте писем все равно будет указан введенный посетителем имейл). "Префикс темы" можно использовать для обозначения, с какого именно сайта пришло письмо (может быть полезно, если вы устанавливаете контактную форму на нескольких сайтах сразу).
Раздел настроек "Капча":
В самой контактной форме это будет выглядеть так:
Но я не советую ставить ни первую капчу, ни вторую. Плагин не настолько популярен, чтобы спам-боты включали его поддержку. На одном из моих сайтов данная форма висит уже 2 года и ни единого спам-сообщения через нее не было отправлено. Так что вполне можно обойтись и без капчи.
Раздел настроек "Оформление":
По сути это единственная настройка плагина, которую нужно обязательно указать и которая по умолчанию в плагине отсутствует. Без указанных стилей форма будет выглядеть примерно так:
Отсутствие оформления по умолчанию это, наверное, единственный существенный недостаток плагина. Но не буду вас заставлять самим указывать css стили, просто скопируйте нижеприведенный код и сохраните настройки:
.contactform {} .contactform label {display: block;} .contactform input {margin-bottom: 6px; display: block;} .contactform input#tcf_captcha {margin-bottom: 6px; display: inline;} .contactform textarea {margin-bottom: 6px; display: block;} .contactform_respons {color: green;} .contactform_error {color: red;} .contactform input#contactsubmit { height:24px; width:110px;; background-color:#696969; border:1px solid black; color:white; } .contactform input#contactsubmit:hover { cursor: pointer; } .widget .contactform { /* same fields but in sidebar */ } |
Естественно, вы можете поправить этот код так, чтобы контактная форма вписалась в дизайн вашего шаблона.
После сохранения настроек плагина можно подключать эту форму на выбранной вами странице сайта. Чтобы это сделать, достаточно вставить в страницу (в html-режиме) шорткод:
[TINY-CONTACT-FORM] |
При желании контактную форму можно выводить и виджетом:
Правда, чтобы данный виджет вписался в дизайн надо уменьшить размеры контактной формы через оформление стилей. Просто добавьте в раздел "CSS стили" в настройках плагина этот код:
.widget .contactform textarea { width:260px; height:100px; } .widget .contactform input { width:170px; } |
Смысл тут в том, чтобы ограничить поля контактной формы так, чтобы она влезла в сайдбар. Просто поиграйтесь цифрами, пока не найдете оптимальный вариант для вашего блога вроде:
Tiny Contact Form чрезвычайно простой плагин, но в большинстве случаев пользователям и не нужен более навороченный (и более требовательный к ресурсам сервера) плагин контактной формы.
Информация о плагине в репозитории wordpress.org не найдена. Или wordpress.org в данный момент недоступен или плагин был временно удален из репозитория (например, из-за найденной критической ошибки в плагине). Попробуйте найти плагин в репозитории вручную.
Понравился пост? Подпишись на обновления по RSS или Twitter !
#1,
Зачем сейчас вообще нужны контактные формы? WordPress же сам весь натыкан комментариями, обратной связи завались. Не пойму...
#2,
на вордпрессе делаются не только блоги, но и сайты. где не всегда предусмотрен вывод комментариев, а поэтому контактные формы могут быть нужны. так проще, чем указывать только имейл.
судя по популярности плагина contact form 7 (почти 8 миллионов скачиваний), контактные формы очень востребованная ведь для wordpress.
#3,
Плагин хорош своей компактностью, но зачем мне в контактной форме поле "Тема"? И убрать его нет никакой возможности.
#4,
можно отредактировать код плагина. если не слишком заморачиваться, то просто сделать данное поле скрытым (hidden).
еще проще - можно скачать старую версию плагина, если не ошибаюсь, то в версии 0.6 вообще нет никаких лишних полей - тогда плагин был еще более "крошечным", это уже позже автор расширил функциональность плагина.
#5,
Мне нравятся любые плагины, с помощью которых можно реализовать контактную форму. Иногда бывают моменты, где в форму нужно включить выпадающие списки, загрузить файл и т.д. Лично я пользуюсь cformsII. Плагин конечно мощный, но и достаточно эффективный, есть также функция редиректа - перенаправляет на любую нужную страницу.
#6,
Очень хороший плагин, с удовольствие им пользуюсь. Плюсы: простой в настройке, хорошая форма, все правильно работает. Мне очень нравится!
Единственное замечание: в строчке редактирования CSS
color:white;
надо заменить white (белый цвет) на black (черный).
Может это только у меня, т.к. фон белого цвета, а то кнопка "Отправить" отображается именно белым цветом и ничего не видно, только контур самой кнопки.
#7,
ну это индивидуально от шаблона в блоге зависит. вряд ли можно подобрать цвета так, чтобы у всех на всех шаблонах смотрелось все одинаково.
#8,
Спасибо большое!
То что искал, работает отлично. Хотя я только учусь пока.
#9,
Плагин хороший. Но кто может подсказать, где подправить код, чтобы стандартные поля (Имя, Email) именовались иначе? В файле tiny-contact-form.php нашел участок отвечающий за вывод названий полей. Хочется также и на самом сайте.
#10,
Уточнение...
В файле tiny-contact-form.php нашел участок отвечающий за вывод названий полей в теле письма на почту.
#11,
Нашел.
В файле tiny-contact-form.php участок кода
'.__('Name', 'tcf-lang').': и далее отвечает за вывод текста формы на странице
#12,
Настроил форму на сайте http://www.home-engineer.ru , но не знаю как прописать в css доп. настройки.
#13,
я же привел в статье примерный css-код, он вас не устраивает? или вам что-то особенное надо сделать?
#14,
у меня почему то все время пропадает сайт, то совсем пропал, после восстановления стали пропадать страницы и некоторые записи. что делать?
#15,
а подробности? что значит пропадает?
#16,
Работает отлично спасибо! НО Заголовок: Контактная форма - обратная связь - не отображается.
#17,
у меня отображается.
в любом случае - а самому заголовок в записи написать нельзя что ли?
#18,
Получил предупреждение:
Плагин произвёл при активации 1508 символов неожиданного вывода. Если вы заметите ошибку «headers already sent», проблемы с RSS-лентами или другие неполадки, попробуйте деактивировать или удалить этот плагин.
Код плагина устарел, рекомендуется удалить. В админке WordPress видны ошибки кода.
Пришлось удалить эту хрень