Форма обратной связи в WordPress: плагин Contact Form 7 + как прикрепить файл, CAPTCHA (капча)

Привет, Друзья! Давненько не писал — целую неделю уж… сейчас вот проснулся, попил чайку и думаю начинать наверстывать! Скажу Вам по секрету, после отдыха вообще сложно начать, лень не дает что-то делать, просто жесть… и победить ее целый подвиг…(сейчас уже и музыку включал, и ролики мотивирующие смотрел в общем еле-еле заставил себя открыть ноутбук и начать писать…)

Форма обратной связи в WordPress

Сегодня на нашем WordPress блоге будем создавать новую страницу «Контакты», и на этой странице будет форма для написания сообщения автору (форма обратной связи) блога и дополнительные контакты автора (электронный ящик, аська, скайп и т.д.) Простыми словами, это будет страница с формой обратной связи читателя с автором.

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

На любых блогах в обязательном порядке должна присутствовать страница «Об авторе»/»О блоге» и страница «Контакты», поэтому приступим.

Форма обратной связи с помощью плагина Contact Form 7 на WordPress блоге

Перво-наперво скачиваем плагин Contact Form 7 либо с оф сайта WordPress (http://wordpress.org/extend/plugins/contact-form-7/), либо из админ панели блога через “Плагины – добавить новый” и активируем его. (Все варианты по установке плагинов WordPress читаем здесь)

Итак, после того, как установили и активировали плагин Contact Form 7 идем во вкладку “Контакты (CF7)” и копируем код от плагина для вывода формы обратной связи (просто выделяем код и жмем на клавиатуре сочетание клавиш Ctrl+C, или правой кнопкой мыши и “копировать”)

Contact Form 7

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

Идем во вкладку “Страницы – Добавить новую” и в РЕЖИМЕ HTML вставляем скопированный код формы обратной связи

Плагин WordPress Contact Form 7

Название страницы можете придумать не обязательно “Контакты”, тут уже на Вашу фантазию, лишь бы смысл был, что страница эта для связи с автором блога.

Также на эту страницу желательно оставить дополнительные данные для связи, например, Ваш электронный ящик, скайп, аську, сотовый телефон, адрес дома, это для того, что вдруг плагин начнет подглючивать и читатели не смогут с Вами связаться. (Конечно можно и через комментарии связаться с автором блога, но это не всегда бывает удобно, иногда нужно написать лично…)

В общем эту страницу можно оформить как угодно (картинки, текст), только форму связи не забудьте опубликовать Улыбка.

Значит Так, страницу оформили, код от плагина вставили (! В HTML РЕЖИМЕ !), жмем “Опубликовать”.

Все, страница обратной связи создана. Переходим на блог и видим вновь созданную страницу:

страница обратной связи

Переходим на нее, и видим стандартную форму обратной связи, созданную с помощью плагина Contact Form 7

форма обратной связи

В принципе форма выглядит вполне нормально и соответствует всем требованиям для обратной связи. Т.е. Вы указываете “Имя”, “эл. почту” и само письмо, но также, в настройках плагина Вы можете добавлять еще нужные поля на свое усмотрение (или изменить стандартные поля). Например, можно добавить поле с “Вопросом”, поле для “Отправки файла”, “Капчу”. В общем можно поэкспериментировать с плагином и повертеть им по всяко-разноУлыбка и добиться любого результата, ведь не зря его называют еще не просто плагин Contact Form 7, а генератор форм… во как!!!

Экспериментировать, конечно же, лучше всего на Денвере (Что такое денвер… обязательно установите у кого не установлен…), а затем уже и на реальном блоге проделать все изменения.

Что-то я отвлекся… Значит попасть в настройки плагина, нужно перейти в “Админку — Контакты (CF7)” и справа нажать на кнопку “Сгенерировать тег”

форма обратной связи в WordPress

Слева стандартная форма (которая отлично работает!), а справа уже можно менять и добавлять что хотите, давайте, например, добавим поле “Отправка файла” (Иногда, вдруг пригодиться отправить что-нибудь автору блога).

Отправка файла в форме обратной связи в WordPress или как прикрепить файл

Иногда бывает жизненно Подмигивающая рожица необходимо автору сайта отправить скриншот проблемы/вопроса, какой-нибудь архив… и приходиться производить эти манипуляции через почтовые сервисы или клиенты, а согласитесь, что будет намного удобней отправить файл через форму обратной связи непосредственно с сайта…

[yandexd]

Вот давайте с помощью плагина Contact Form 7 это и осуществим:

Значит, как уже писал выше, идем в “Админку — Контакты (CF7)”, и справа жмем на кнопку “Сгенерировать тег” и в выпадающем меню кликаем на “Отправка файла”. Затем вы увидите окно настроек для тега отправки файлов

отправка файла

  1. Обязательное или не обязательное поле. Т.е. если поставите галочку без прикрепленного файла, форма отправлять сообщение не будет. Значит галочку лучше не ставитьУлыбка
  2. Если пропишите название класса (латиницей), то в таблице стилей css можно будет менять внешний вид. Тоже думаю не к чему что-то проставлять, хотя…
  3. Лимит на размер файла. Здесь, наверное, нужно поставить какое-нибудь ограничение… чтобы файл не отправили на 8 ГбУлыбка
  4. Типы файлов. Тоже можно ничего не менять и не прописывать. Т.е. таким образом можно будет отправлять файлы с любым расширением
  5. Копируем код! Вот это и есть самый важный момент! и следующий!!! Будьте внимательны…
  6. Второй код нужно вставить чуть ниже в блоке «Адресат» в поле «Прикрепленные файлы»:
  7. Вставляем код (на рис под №5) в форму слева в любое место. Например, я вставил после формы ввода сообщения (Что и Вам советую). Заметьте, я вставил не просто код, а заключил его в теги “P”(<p></p>) и еще прописал заголовок (“Ваш файл”(заголовок может быть абсолютно любой) )
  8. Ну и не забываем сохранить!

Все, открываем наш блог, идем на страницу “Контакты” и кайфуем от проделанной работыШирокая улыбка

отправка файла в Contact Form 7

У нас появилась новая кнопка “Выберите файл”, при нажатии на которую, через обычный проводник виндоус Вы можете выбрать любой файл и отправить его автору блога! Круто и легко!!!

Таким нехитрым способом, при помощи плагина Contact Form 7 можно прикрепить и отправить любой файл или картинку администратору сайта.

Хочу Вам заметить, когда будете делать это все у себя на блоге, обязательно протестируйте работу формы обратной связи и поотправляйте себе несколько писем и прикрепленных файлов разных размеров и расширений!

Защита от спама в форме обратной связи и установка капчи в плагин Contact Form 7

Еще одна проблема интернета – это спам!!! Вот и через форму обратной связи Вам на почту может приходить куча ненужных писем, от которых иногда просто бесит! Как защитить комментарии от спама можно узнать из этой статьи, а как форму обратной связи читаем дальше…

Но от спама, в плагине Contact Form 7 присутствует защита (хотя нужно скачать еще один небольшой плагин, но об этом чуть ниже), которая настраивается похожим образом как и “Отправка файлов” через настройки плагина и генерацию тега. Итак, начнем по порядку:

Идем в “Админку — Контакты (CF7) – Сгенерировать тег — CAPTCHA” и видим примерно следующее

Защита от спама в форме обратной связи

Внимание: чтобы использовать CAPTCHA, вам нужно установить плагин Really Simple CAPTCHA.

Здесь можно пойти двумя путями:

  1. Скачать плагин по ссылки и установить на блог любым способом;
  2. Либо перейти в раздел “Плагины – Добавить новый” и в поле поиска плагинов вставить “Really Simple CAPTCHA” и нажать “Установить” а затем “Активировать плагин”.

[yandexd]

После того, как активировали плагин Really Simple CAPTCHA, опять переходим в “Админку — Контакты (CF7) – Сгенерировать тег — CAPTCHA”, и просто вставляем два тега в форму слева перед кнопкой “Отправить”

Плагин Really Simple CAPTCHA

Обратите внимание, эти коды я также заключил в теги “P”(<p></p>), и добавил поясняющий заголовок “Введите код с картинки”, после которого проставил тег Br / (тег отвечает за перенос строки)

Теперь самое главное, в таком виде капчу на сайте Вы не увидите, потому что в коде [captchac captcha-452 fg:#FFFFFF bg:#FFFFFF] прописаны цвета переднего плана и фона белым цветом, что в итоге будет сливаться и Вы увидите только белый прямоугольник. Поэтому просто сотрите код вывода цветов и оставьте просто  вот так: [captchac captcha-452] Или в настройках, отвечающих за цвет, оставьте поля пустыми. В конечном итоге получиться должно вот так:

капча в обратной связе

[sc:adsens728post ]

Ну и на сайте вот так:

капча Contact Form 7

В принципе с основами мы разобрались. Научились делать форму обратной связи, прикреплять к ней файл и защититься от спама, ну а другие настройки плагина Contact Form 7 посмотрите уже сами и подобным образом подстроите под свой вкус и сайт.

Упс, чуть не забыл! Ниже в настройках плагина укажите Ваш Email, на который будут приходить все сообщения

adresat

И напоминаю, протестируйте обязательно форму обратной связи на полную работоспособность!

Ну а на сегодня все! Если остались вопросы, то спрашивайте  в комментариях.

Удачи Вам!

Так же советую подписаться на обновления моего блога! Подписка ниже.

✌️ Хочешь продолжить разговор после статьи?

В Telegram я делюсь всем, чего нет на блоге: быстрые мысли, мемы, хаос и ностальгия.

Подписаться на Telegram
Комментарии: 114
  1. Алексей

    Клёвая и полезная статья Валер.Как раз мне нужна.Надо будет сделать обратную связь…

    1. Voroni (автор)

      На блоге обязательно! должна быть страница с контактами! Конечно делай =)

      1. Антон

        Подскажите, как встроить шорткод формы в тело каждого поста? Пробовал через сингл.пхп, но не получается.

        1. Voroni (автор)

          Антон, а зачем тебе это? Попробуй через редактор в режиме HTML

      2. Ирина

        Валерий, спасибо, очень понятно.
        Упустила момент правильного прикрепления файла в форме.
        Вы очень помогли.

  2. Геннадий

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

    1. Voroni (автор)

      Почему вчерашний день? А какая не вчерашний? Вы имеете ввиду обратную связь через сервисы? Или через код без плагина?

      1. Геннадий

        Через плагин, но этот тип связи будет усовершенствоваться или развиваться. Я так думаю… Вот на этом сайте установил «Отзывы»http://ogend.ru/

  3. Вовчик

    Спасибо Вам, Валерон! Сейчас изучаю основы WordPress. Ваша статья мне пригодится скоро! =)

  4. Алексей

    Валера всё сделал как ты написал,но рядом с капчей остаётся  bg:#FFFFFF]     В чём может быть проблема? =-O

  5. Алексей

    Всё,сам разобрался и ты исправь;в первой строчке после капча452 не надо ставить квадратную скобку.

    1. Voroni (автор)

      Там не скобка, там курсор от мышки… =), да, неудачный скрин… придется менять

      1. Алексей

        А,ясно :-D  Лучьше не меняй,так больше вопросов будут задавать,тоесть больше будет комментариев :-D

  6. Любовь

    Доброго времени суток. Поставила плагин. Плагин не работает у меня, Помогите понять в чем дело. Пишет при отправке: «Ошибка при отправке сообщения. Попытайтесь позже или обратитесь к администратору сайта.»

    1. Voroni (автор)

      http://contactform7.com/faq/ (вопрос 11) — говорится, что если надпись об ошибке в красной рамке, то ошибка вызвана проблемами почтового сервера (причем, проблемы эти могут быть разными)
      Если в красной, начните с того, что проверьте правильность ввода вашего почтового адреса в настройки формы (нет ли в нем ошибки), а потом обратился бы с вопросом к администратору сервера, на котором у вас хостинг, и к администратору сервера, на котором у вас заведен почтовый адрес, отправка на который дает ошибку.

  7. Наталия

    Добрый день. С помощью плагина создала форму заказа, все работает. Но у меня вопрос можно ли с его помощью сделать форму заказа в которой при нажатии на кнопку «добавить строку(товар)» добавляется поле, выглядящее так же как предыдущее, со следующим номером. И чтобы также при нажатии на «крестик» ненужная строка удалялась. Надеюсь, понятно объяснила. Пример нужной формы здесь — http://demo.bunddler.com/web. Может быть нужен какой-нить др. плагин? Я в этом деле новичок-самоучка)

    1. Алексей

      Наталия,этот плагин не для заказов,а для обратной связи с хозяином блога.Или я что-то не понимаю? =)

      1. Наталия

        А какая разница? =) Форма заказа отличается только количеством полей и их названиями, а принцип тот же. При помощи этого плагина можно создать любую форму, например форму заказа или форму анкетирования клиентов, а не только форму обратной связи. Вопрос в том как сделать динамическое добавление полей в форму, к сожалению этот плагин в этом не помощник(

        1. Алексей

          А,ну тогда я не знаю…По ходу дела вы лучше разбираетесь с этим =)

          1. Наталия

            К сожалению, это не так :( Смогла только выяснить что для решения моей проблемы нужно уметь писать скрипты, а я в php и javascript полный ноль(((

          2. Voroni (автор)

            Наталия, Немного с делами разгребусь и посмотрю что можно сделать!

          3. Наталия

            Спасибо, буду очень признательна за помощь!

          4. Serge

            Наталия здравствуйте! Подскажите пожалуйста как решили вопрос с формой заказа. Тоже нуждаюсь в именно таком решение если можете чем то поделиться буду Вам очень признателен!

          5. Serge

            Доброе время суток! Валерон хотел у Вас узнать помогли ли вы как то с решением пользователю Наталье на тему формы заказ как в примере http://demo.bunddler.com/web
            Очень нуждаюсь в таком решении! Буду Вам признателен если сможете помочь и мне!

  8. Jackson

    Привет, не подскажешь.
    Если есть , скажем 2,3 формы на сайте, и у них разный дизайн, и классы типа wpcf7 не нужны.
    Нужно определенные(как в маркапе) скажем — form-pots, form-article?

  9. Anatolij

    Сатья супер! Инфа отличная.Большое спасибо, Валирон. У меня вопрос -всё установил, но файлы не прекрепляются, в чём может быть проблема?
    Заранее спасибо.

    1. Voroni (автор)

      А делали все по инструкции?

  10. Евгений

    А как сделать так, что бы файл загружаемый оставался на хостинге?

    1. Voroni (автор)

      Не совсем понял, какой файл?

      1. Евгений

        Тот который можно прикрепить к письму. [file-xxx]

        1. Voroni (автор)

          Так файлы прикрепляют посетители сайта и они уходят в почтовый ящик админа

          1. Евгений

            Повторюсь: «А как сделать так, что бы файл загружаемый оставался на хостинге?»

          2. Voroni (автор)

            Евгений, я не понимаю на каком хостинге? Если человек прикрепляет файл, то он отправляется на почту!!! Не на хостинг, а на почту!

          3. kecapb

            ВалеронВоронин, ты на столько тупой ебанат, что еще таких поискать надо.

          4. Voroni (автор)

            А что спрятался, покажи сайт?

  11. Андрей

    Добрый день! Я пользуюсь плагином давно, но только недавно возникла необходимость сделать прикрепление файла к письму. Но тут у меня возникла проблема. Файл добавляешь в форме — отправляешь письмо, а в письме приходит только название фала и все, то есть самого файла нет. Как это исправить?

    1. Voroni (автор)

      делали точно по инструкции? Хотя плагин может не корректно работает с Вашим шаблоном) У меня на этом сайте он вообще не работает, приходится другим пользоваться.

      1. Андрей

        но так то все фурычит и как бы отправляет файлы, но приходит только имя файла с расширением %)

        1. Voroni (автор)

          Кстати, Андрей, в настройках плагина ( когда настраиваете прикрепления файла) прописываете два кода?? Один в форму слева а другой чуть ниже??

          1. Андрей

            Да, конечно. Если не прописывать внизу, то сообщение вообще не отправляется, сразу пишет ошибку. А другого плагина с нормальным добавлением файлов не знаете?

          2. Voroni (автор)

            Попробуйте cforms2 — он правда посложнее, но разобраться можно! Так же сейчас есть разные сервисы для обратной связи, и в них должна быть возможность прикреплять файлы

          3. оля

            нужно прикреплять в File attachments:. это не справа внизу, где message body, а слева, где email админа

  12. Василий

    Здравствуйте .Я установил плагин Contact Form 7 и после пробного раза мне не пришла на почту вся информация, которую я вписал в форму. Есть данные об имени, почте и товар, который хотят заказать , а вот данных о коде товара уже нет . Подскажите как поступить в данном случае.

  13. MBell

    Страничку сделала, пока без капчи.
    Получилось вроде нормально http://mbell.info/kontakty, но что мне не нравится. У меня в меню автоматически появляются все страницы и категории, причем не в том порядке, как бы хотелось. Скажем, контакты там по идее ниже всего должны быть. Так помимо этого в правом сайд баре, там где я планирую разместить страницы «энциклопедии» (извините за громкое название, но материала в самом деле много скопилось за 6 лет) у меня тоже отображаются страницы «О сайте» и «контакты». Порядок там можно по идее и менять, но лучше бы вовсе убрать их оттуда. Но… как?
    Да, меню у меня пока выглядит жутко. Будем переделывать.
    Иду добавлять кнопку «подписаться на комментарии к теме»! =)

    1. Voroni (автор)

      Расположение ссылок в меню по идее меняется в админке, во вкладке «Внешний вид — меню», там создаете новое меню, формируете и располагаете очередность как угодно!
      А как у Вас формируется блок в правом сайдбаре? Там не должно ничего подобного быть!

  14. Анастасия

    Добрый день, а можно ли изменять внешний вид формы обратной связи (менять цвет, делать в рамочке и т.п.)? Заранее благодарна за ответ.

    1. WPixel

      все это легко через css(таблицу стилей) сделать

  15. Сергей

    Установил форму обратной связи, добавил капчу, всё сгенерил, …  сама форма есть, но  капча так и не появляется…. Вордпресс английской версии, на русскоязычном варианте всё работает…
    Что можно сделать?

    1. Роман

      У меня WP русскоязычный. После последнего обновления на 1.5 перестала отображаться Каптча. Есть решение?

  16. Monseo

    Все хорошо, но в форме отправки файла формат поставил txt и мне на почту приходит только «название файла.txt» а самого файла нет, как решить не подскажете? %)

  17. Антон

    К сожалению у меня такая же беда

    Василий

    29 июня, 2012, 18:00

    Здравствуйте. Я установил плагин Contact Form 7 и после пробного раза мне не пришла на почту вся информация, которую я вписал в форму. Есть данные об имени, почте и товар, который хотят заказать , а вот данных о коде товара уже нет . Подскажите как поступить в данном случае.

    [Ответить]

    На email пользователя приходит уведомление с «копией» сообщения которое я тоже хотел бы получить на свой адресс

    1. Василий

      Доброго дня. Я спробував и получилось ось , що .Коли я вписував у рядку форма 
      Адрес (куда отправлять товар):
        [text 1=»your-subject4″ language=»*»][/text] 
      тоді воно мені нічого не приходило , а от тоді коли я крім рядка форми ще заповняв 
      тело сообщения
      Адрес (куда отправлять товар): [your-subject4]
      причому обовязково your-subject4] в формі і в політело сообщения повинні бути одинакові цифри

  18. alexf14

    добрый день: форму установил, настроил, но вот только проблемка…письмо не доходит по указанному адресу :-! =) …подскажите что делать….заранее благодарен!!!

    1. Voroni (автор)

      В спаме письма нету?

    2. Voroni (автор)

      В последнее время у многих перестала работать форма, может с новыми версиями WordPress не работает)

      1. alexf14

        у меня тоже такая мысль закралась… хотя может где-то в функциях.php не прописано….(((( не знаете??

  19. Руслан

    Добрый день! Статья отличная!
    Подскажите, как сделать так, чтобы на почту мне приходил ЛОГИН пользователя, который написал фидбэк? ООчень нужно, надеюсь на Вашу помощь!!

    1. Voroni (автор)

      А логин, наверно, никак не придет)

      1. Руслан

        Тогда спрошу как реализовать задачу.
        Нужно разместить в блоге Бланк, после заполнения которого, я получаю информацию из этого бланка с указанием Логина отправителя. Я предположил что мне подойдет обычный плагин формы обратной связи с измененными полями под мои нужды. Но вот запилить туда еще и логин отправителя не получается… Не знаете как мне помочь?

        1. WPixel

          а какой логин должен приходить стесняюсь спросить, и для чего это нужно?

          1. Руслан

            Логин пользователя, который отправил заполненную форму. Нужно для того чтобы знать кто это написал) Пользователь естесственно будет информирован, нужно для стандратизации полученной информации

  20. Игорь

    Как вовремя вы мне попались, спасибо, все очень понятно описано, помогли очень.

  21. Сергей

    Спасибо за статью. Очень кстати! Буду эксперементировать.

  22. Дмитрий

    Большое спасибо за статью. После использования дурацкого cforms остановился на 7. Сначала не отправлялись сообщения, была проблема с PHP. Пришлось поломать сервер, потом снова собрать в кучу и теперь работает отлично.

  23. Жора

    Привет! Полезный пост, спасибо!
    Я встроил форму в модальное окно, всё работает!
    Подскажи, возможно ли чтобы в поле «Subject» или любом другом, по умолчанию отображался заголовок страницы/поста?

    1. Максим

      можно узнать как Contact Form 7 сделать с модальным окном???

  24. Pavel

    А что делать если я использую форму обратной связи не только для получения сообщения? Если я добавил туда несколько текстовых полей, и, что более важно, меню, из которого человек выбирает конкретные вещи. Как мне сделать чтобы выбранные им пункты в теле сообщения отображались при пересылке письма мне, как админу? Вот что надо было написать в описании настройки..

  25. Артур

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

  26. Артур

    Сори за ошибки в конце.

  27. Ян

    Все работает, спасибо автору! А как изменить дизайн кнопки «Отправить», которая отправляет прикрепленный аттачмент? Чтобы кнопочка красивее была?

    1. Jean

      Надо залезть style.css и найти примерно такой код: (смотря какая тема)
      #respond #submit {
      background: #444;
      border: none;
      color: #ccc;
      padding: 8px;
      padding: .8rem;
      }
      #respond #submit:hover {
      color: #C4302B;
      cursor: pointer;
      moz-transition: all 0.2s ease-in;
      -webkit-transition: all 0.2s ease-in;
      -o-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in;
      -ms-transition: all 0.2s ease-in;

      это стиль кнопок темы, далее скопировать его в любой текстовый редактор и изменить вот таким образом
      .wpcf7-submit {
      background: #444;
      border: none;
      color: #ccc;
      padding: 8px;
      padding: .8rem;
      }
      .wpcf7-submit:hover {
      color: #C4302B;
      cursor: pointer;
      moz-transition: all 0.2s ease-in;
      -webkit-transition: all 0.2s ease-in;
      -o-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in;
      -ms-transition: all 0.2s ease-in;
      }

      то есть поменять #respond #submit на .wpcf7-submit и далее с текстового редактора копируете получившийся код в style.css ниже, вот так
      #respond #submit {
      background: #444;
      border: none;
      color: #ccc;
      padding: 8px;
      padding: .8rem;
      }
      #respond #submit:hover {
      color: #C4302B;
      cursor: pointer;
      moz-transition: all 0.2s ease-in;
      -webkit-transition: all 0.2s ease-in;
      -o-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in;
      -ms-transition: all 0.2s ease-in;
      }
      .wpcf7-submit {
      background: #444;
      border: none;
      color: #ccc;
      padding: 8px;
      padding: .8rem;
      }
      .wpcf7-submit:hover {
      color: #C4302B;
      cursor: pointer;
      moz-transition: all 0.2s ease-in;
      -webkit-transition: all 0.2s ease-in;
      -o-transition: all 0.2s ease-in;
      transition: all 0.2s ease-in;
      -ms-transition: all 0.2s ease-in;
      }

      и вуаля у вас кнопка «Отправить» одного стиля с темой. Внимание! Не поменять код а дополнить

      1. Ян

        Валерий, большое спасибо за помощь! Теперь буду наводить красивости)

        1. Jean

          Пожалуйста! Хочу добавить, в версии WordPress 3.5 капча Really Simple CAPTCHA с Contact Form 7 не работает(прелоадер крутит, сообщение не отправляется). Рекомендую плагин Fast Secure Contact Form, он конечно посложнее в настройке но стили оформления полей и кнопок прописываются в настройках и капча намного получше.

  28. Ян

    А вот кнопку «Прикрепить файл», которую я сгенерировал в плагине формы обратной связи не могу изменить: у нее стиль Windows, как на панели задач и меню в Win ХР.  Понимаю, что где-то в стилях темы нужно менять, но докопаться не могу, увы…

  29. Eyef

    Может кто подскажет — реально ли сделать, чтобы при выборе одного пункта меню
    в этой форме появлялся ещё пункт? Например указаны тема запроса к админам,
    чел выбирает одну и ему выводится ещё что-то…
    Мне нужно сделать так, чтобы если человек выберет определённый пункт меню, то сразу же появлялась строка для ввода данных, куда человек будет что-то писать.
    При этом пока этот конкретный пункт меню не выбран — доп. поле для ввода появляться не должно. Я видел нечто подобное на одном wordpress сайте, но не могу узнать какой у них плагин стоит. Можно ли такое на Contact form 7 сделать?

  30. Анатолий

    Здравствуйте! Установил плагин, все очень удобно, работает замечательно, но вот проблема с загрузкой файла, а для меня она критична. Файл могу загрузить только до 1 мб, при этом лимит не устанавливал, пробовал установить например 5мб, всеравно только до 1м, если больше выдает ошибку что файл очень большой. Помогите что это может быть?

  31. Людмила Плехова

    Спасибо за информацию, но капча появилась только на странице КОНТАКТЫ, а в записях нигде не нашла. Попробовала другую форму — там очень сложно для меня. А меня хоть и новичка и спам и вирусы достали.

  32. Руслан

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

  33. Евгений

    Спасибо. Очень доступно. Кстати получил парочку хороших заказов через форму обратной связи =) Так что Ваши советы и деньги приносят. Удачи!

    1. Voroni (автор)

      Евгений, рад что мои советы и деньги приносят ;)

  34. Диана

    Подскажите пожалуйста, у меня в админке wordpress нет раздела «плагины». После «внешнего вида» сразу идет раздел «пользователи». Как добавить этот раздел?

    1. Voroni (автор)

      Должен быть! Может быть стоит попробовать нажать на стрелочку) Откроются остальные пункты меню.

      1. Диана

        Скрин консоли picture? буду благодарна за помощь.

        1. WPixel

          переустановите вордпресс

  35. Мария

    Добрый вечер))) 
    У меня тоже вопрос на засыпку….
    Знаю, что с помощью данного плагина можно сделать страницу отзывов на сайт. ПО этому поводу вопрос- не знаете ли Вы, как сделать так, что бы при отправке коментарив по форме, они тут же отображались на заданной странице сайта? 
    Оооочень нужна помощь. На ночь глядя сломала мозг…)))))) %)

    1. WPixel

      А что мешает сделать средствами вордпресс? Делаете страницу называете ее гостевая например и разрешаете на ней коментирование, и вуалая все работает без плагина. ;)

  36. Олег К

    То, что нужно! Я более ранние версии пытался ставить, но потом передумал было. А вот теперь на один сайт нужна реализация публикования статей и приложенных файлов. Думаю остановиться на контактформ, спасибо! *OK*

  37. Мария

    Валерий, добрый вечер:) )Получивши добрый совет единожды, пришла к вам за подмогой снова))) Не по теме данного поста совершенно. Может быть сможете мне помочь, как человек сведущий в вордпрессе. Хотя может и не в нем проблема…
    Дело в том, что у меня сайт на денвере. Все было хорошо, пока как то я не ввела в поисковую строку адрес для входа в админку, страница мне открылась, я ввела логин- пароль и открылся сайт. Но при попытке войти в консоль управления, вроде как все загружается, но открыается пустая страница. Просто пустая и все. То бишь в адресной строке указан путь и все вроде как загружено, но страница белая- пустая. Я пробовала во всех браузерах, нулила кеш, рестартила денвер…Все в пустую. В результате пришлось удалять все к чертям с компьютера и скачивать по новой и денвер и вордпресс…После этого все наладилось. На три дня, как оказалось. Сейчас снова захожу- пустая страница. Что это может быть? Явно какой то глюк у меня. Может быть сталкивались с подобной проблемой? Я уже просто в панике. Неужели снова все переустанавливать придется, и так до бесконечности….? :(((((

    1. Voroni (автор)

      Мария, по денверу не видя сложно что-то сказать, даже ничем не помогу)

    2. Алекс

      Какой антивирь стоит? Добавь денвер (как прогу и как процесс) в исключение, также исключи все папки с рабочими данными.

  38. Константин

    Здравствуйте! А у меня такой вопрос. Если в теле сообщения прописать html — теги то они удаляются. Даже когда выставлена галочка «Использовать HTML-формат письма». Как так сделать чтоб на почту приходило письмо с HTML — тегами?

  39. Александр

    Спасибо! Скажите, мне надо вставить код в виджет в сайдбар. 
    Код вставляется, отображается, работает Но вот беда — сайдбар у меня узенький, 200 px.
    Как можно уменьшить форму по ширине?
    Спасибо! 

  40. Krepofe

    Доброго времени суток!

    Я хотел бы разместить баннер на Вашем сайте.

    Недавно я начал продажу своего новго курса
    «Продающий сайт своими руками за 8 часов»

    Я хотел бы разместит один из приведенных ниже банеров на вашем сайте.
    Банеры здесь promoin.net/partners.htm

    Можем ли мы обсуждать условия размещения?

    1. Voroni (автор)

      Krepofe, Написал вам на почту.

  41. Екатерина

    Спасибо за статью! я новичок в WordPress! Переношу сайт с html верстки на CMS, и для меня это очень полезная, а главное быстрая к пониманию статья! Все сделала, все работает ;)

  42. Alexander

    У меня сторонняя форма обратной связи…. подскажите, как туда списать свою почту … а то ошибку выдает «Server Error: WordPress mail method failed!»

    1. Андрей

      Спасибо за статью! Проблема возникла в следующем: почему-то саму форму плагин не выводит на странице сайта сразу, выводит только после клика на название статьи. Не подскажете как поправить?

  43. Сергей

    А у меня беда какая то с этим плагином. Устанавливается и активируется нормально. Но когда жму- Контакты, то вылетает ошибка 
    Fatal error: Call to undefined function get_current_screen() in /home/users2/m/megasiras/domains/prorabka.net/wp-content/plugins/contact-form-7/admin/admin.php on line 172
     :(

  44. Денис

    подскажите : как изменить белый фон в полях формы ?

    1. Voroni (автор)

      Ну это стили плагина нужно смотреть.

    2. WPixel

      У самого плагина как таковые стили отсутствуют,свои нужно писать для плагина

  45. Alexander

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

  46. Юлия

    Все очень доходчиво написано! Сделала по инструкциям буквально за 10 минут =)
    Спасибо!

    Валерий, Ваш блог закрепила во вкладках)

  47. Роман

    Спасибо за статью! =)

  48. Александр

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

  49. Сергей

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

  50. Елена

    Здравствуйте, Валерий! Уже не первый раз попадаю на Ваш блог из поисковиков. Много чего полезного нашла, многому научилась с Вашей помощью! И установке формы обратной связи тоже. Будет время, обязательно добавлю к форме капчу. Спасибо большое!!! =)

  51. Zhenya2301

    Здравствуйте! У меня возник вот такой вопрос. Поставила 2 формы на сайт. Для русской версии одну, для англ. создала новую форму. Первая форма работает, а вторая не срабатывает кнопка отправки сообщения и выбивает на русскую версию страницу. Запрос не обрабатывается. Может кто-то сталкивался с такой проблемой, подскажите пожалуйста!

  52. Алекс

    Плагин отлично работает на нескольких сайта. Есть только маленькая проблема. В новой версии WP письма почему-то в спам уходят. Но больше всего хлопот доставляет размеры строк. Где поменять их параметры? %)

  53. Gectopascal

    На самом деле ссылку на форму можно ставить в стандартном режиме. Не обязательно через HTML. Плагин по умолчанию поддерживает несколько форматов для отправки файлов. (jpg, jpeg, png, gif, pdf, doc, docx, ppt, pptx, odt, avi, ogg, m4a, mov, mp3, mp4, mpg, wav, wmv) так, что все остальные надо прописывать по образцу [filetypes:gif|png|jpg|jpeg]. Что касается размера файлов, то тут таже беда…Максимальный размер 1mb так, что образец для размеров — [limit:2mb], но при расчёте максимального размера за основу надо брать ограницения сервера на пересылку (они есть точно). Но, дело даже не в этом. Толи плагин, толи сам wordpress работают нестабильно и при отправке архивов или файлов размером в 10мб загрузачная анимация крутится бесконечно, и естественно ничего никуда не отправляется. Как устранить это пока не узнал.

  54. Kolass

    Подскажите, как можно сделать чтобы загружалось сразу до 3х файлов (мне нужно изображения). Очень хочется, чтоб это была одна кнопка.

  55. Николай

    Столкнулся с тем, что cforms перестал поддерживаться автором, и на сайте формы перестали работать, с чем связано не знаю, может из-за несовместимостей каких-либо с новой версией вордпресс. Думал попробовать описанный в этой статье Вами плагин, но, если я не ошибаюсь, он создаёт только одну форму, а в cforms можно было создать разные формы для разных страниц (к примеру, для каждой страницы с тренингами своя форма и для страницы Контакты отдельная форма с разными наборами отправляемых данных… Можете посоветовать что-либо аналогичное cforms…

  56. Sergo

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

  57. Василий

    Здравствуйте! У меня на странице две разные формы (обратный звонок, обратная связь), обе вызываются кнопками во всплывающих окнах. Все сделал как у Вас, но беда, капча гугл отображается только возле одной формы. А возле другой появляется только тогда, когда в настройках отключить появление в первой.

    Помогите разобраться с проблемой?

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

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!:
Нажимая на кнопку "Отправить комментарий", я даю согласие на обработку персональных данных и принимаю политику конфиденциальности (подробнее).