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

Артем Абрамович

Меня зовут Артем Абрамович и я являюсь фрилансером-вордпресером. Занимаюсь настройкой и редактированием сайтов созданных на CMS WordPress. Это основная моя специализация, есть еще несколько работ, которыми я занимаюсь, но обо этом вы можете более подробно узнать из моего портфолио.

81 комментарий к “Contact Form 7. Выводим поля горизонтально, добавляем выбор даты и маску для телефона”

  1. Крутой видос, спс. Маска для тел. – полезная в хозяйстве штука.
    Кстати дата пикер есть и в самом контакт форм 7, только он слегка галименький =)
    Лайк

    Ответить
  2. Вот спасибо!!! А если еще и кнопку “отправить” так же в один ряд разместить, то нужно делать три колонки?

    Ответить
    • Пожалуйста! Да, конечно, сколько элементов в строке, столько и колонок

      Ответить
  3. Вопрос такой. Как сделать так, чтобы в поле формы “Тема” автоматом подставлялся title страницы, на которой эта форма открыта? Пример такой: есть товар без цены, есть кнопка “уточнить цену”. Жмем на кнопку, появляется форма с уже прописанным title товара.

    Ответить
    • Есть два варианта
      1. Использовать скрытые поля и плагин Contact Form 7 – Dynamic Text Extension
      2. Через jQuery брать заголовок и добавлять в поле темы

      Ответить
  4. Здравствуйте подскажите пожалуйста или сделайте видео по этой теме. Где редактировать шаблон и текст заказного письма. Например оформили заказ и мне приходить сообщение и ему на почту. Так вот мне надо изменить там текст под себя, где редактировать желательно через html. В php я ноль

    Ответить
    • Доброго! Во вкладке Письмо редактируйте как хотите, там где поля указываются которые надо отправлять. Это если я правильно вопрос понял

      Ответить
  5. Друзья! Оказывается в исходном виде CF7 не понимает шорткоды, тем у кого так происходит, требуется установить вот этот плагин https://ru.wordpress.org/plugins/contact-form-7-shortcode-enabler/ у или мой из видео переустановить, я его обновил и теперь все должно работать

    Ответить
    • Весь день парила себе мозги с этим нежеланием отображать шорткоды – благодарю!

      Ответить
    • Добрый день! Подскажите пожалуйста, он все рано в один столбец все шарит, а нужно в два. Как лучше поступить ?

      Ответить
  6. Здравствуйте Артём! Во-первых, (и как всегда) хочу поблагодарить Вас за Ваши видео!!! Спасибо огромное! И у меня есть к Вам два вопроса (извините, что не по теме этого видео, которое я также внимательно посмотрела. Впрочем, как смотрю и все Ваши видео). Скажите, пожалуйста, как нужно правильно удалять ненужные логи – через журнал ошибок или просто удалять эти файлы из папки? Читала такую информацию, что логи правильно удалять именно из журнала ошибок, а если удалять просто из папки, то таким образом место на хостинге не освободится. И ещё вопрос. У меня 3 сайта. На 2-х я сделала страницу 404, а на третьем просто нет такого шаблона. Не могли бы Вы сделать видео на тему: “Как сделать страницу 404 без встроенного шаблона в теме”. Очень надо! Прям, вопрос жизни и смерти))) Думаю, что такая информация будет полезна не только мне, так как этот шаблон есть не во всех темах. Спасибо!!!

    Ответить
    • Артём! А про логи? не подскажите откуда их лучше удалять? или без разницы?

      Ответить
    • А чем вам логи мешают? Не если их реально много, под гиг например, тогда да, надо их удалить, а так. Еще вопрос, как у вас логи создаются? Через какой-то плагин или на хостинге?

      Ответить
    • Логи создаются на хостинге. Да, если не занимают много места, то и не мешают. Но, я думаю, что это всё равно мусор, который надо удалять. Ведь так?

      Ответить
    • Нет, не так. Логи это логи, и пусть они будут, по ним всегда можно просмотреть историю того что творилось с сайтом. Удалять ух надо, если их слишком много, ну и если они на хостинге создаются, то старые должны автоматом удаляться

      Ответить
  7. Артем огромное спасибо Вам, за очередное классное видео.
    Не подскажете плагин или в целом шаблон для создания доски объявлений на сайте.

    Ответить
    • Пожалуйста! Точно не подскажу, погуглите, есть много решений готовых

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

    .wpcf7 input[type=”text”],
    .wpcf7 input[type=”email”],
    .wpcf7 textarea
    {
    background-color: #fff;
    color: #000;
    width: 100%;
    }

    Иначе получалось, что поле друг на друга заезжает, одна сплошная линия разделенная черточкой.

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

      Ответить
  9. Здравствуйте, Артем. Я Ваш подписчик на Youtube и постоянно смотрю Ваши уроки. Спасибо Вам за них.

    У меня вопрос. Нашел вот такое демо (https://tympanus.net/codrops/2016/12/21/block-reveal-effects/), где красиво отображается элементы при скролле.

    Скачал код, но не знаю как можно его добавить сайт с wordpress. Может Вы знаете и подскажите. Или вообще сделаете урок!

    Заранее спасибо.

    Ответить
  10. И правда масса вопросов отпало!) Спасибо.

    Остался вопрос по wp.
    создал 10 страниц заполнил их а паренёк настроил так что на главной были они все подряд. Потом он что то поменял и всё сбилось. говорю верни назад было круто а он мне не помню.

    как так можно сделать типа лендинга что бы на главной отображались все страницы.
    Спасибо.

    Ответить
    • Пожалуйста! Все зависит от того как у вас сделано, а так через WP_Query спокойно вывести, хотя наверное и плагины для этого есть

      Ответить
  11. Не совсем по теме, навеяло. Можно сделать фильтр из созданных проектов? Например, чтобы можно было выбирать Категорию – Подкатегорию и выводило все проекты из этого списка. Есть ли плагин для этого? Спасибо.

    Ответить
    • Это же штатный функционал, виджетом выведете все рубрики и вам по ним будут выводиться нужные статьи

      Ответить
    • В Divi можно составлять Портфолио из страниц в Проектах. Но сортировки нет (для зашедшего на сайт). А Рубрики можно выводить только для Записей и то в определенных местах сайта.

      Что-то похожее есть в “Портфолио с фильтрами”, но хочется больше опций, последовательный выбор пунктов 3 ->3.1. -> 3.1.5

      Ответить
    • Спасибо, я думаю сделаю ссылки на отдельные страницы с подразделами портфолио по темам, а там уже хватит функционала “Портфолио с фильтрами”. Иначе каша выходит.

      Ответить
  12. Благодарю за видео по теме. Вопрос: Можно ли изменить текст кнопки по умолчанию в Contact Form 7?

    Ответить
  13. при включении плагина art-cf7-datapicker-phonemask.php перестает быть активной кнопка, открывающая формы в модальном окне

    Ответить
  14. Добрый вечер. Подскажите как сделать поле где уже написан автоматом текст, чтобы его не могли исправить. Т.е текст не доступен к исправлению. Если стоит допустим цифра 5 в поле текста её никак нельзя будет исправить.

    Ответить
    • Люди выбирают время, а потом меняют вручную в поле и ставят время которое уже занято. Т.е есть время допустим 10, 12, 14. Допустим 12 занято они нажимают на 14 их переключает на следующую форму где уже автоматом стоит 14, но там есть появляется возможность писать ручную и они удаляют 14 и ставят 12 которая уже была занята.

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

      Ответить
  15. Действительно полезное видео, пожалуй единственное. Спасибо огромное!

    Ответить
  16. автор как обычно бегло пробежался по материалу и забыл уточнить один МАЛЕНЬКИЙ НЮАНС без которого shortcodesultimate не будет работать на contact form 7. Для того, что бы он заработал нужно установить плагин Contact Form 7 Shortcode Enabler, т.к. по умолчанию в contact form 7 отключены возможности работы с шорткодами!

    Ответить
    • Автор как обычно признает свои ошибки и написал об этом комментарий сразу после выхода видео

      Ответить
    • прошу не обижаться на “как обычно” – имелось ввиду, что у вас стиль комментирования ваших видео в быстрой беглой манере и некоторые нюансы упускаются, хотя они значимы для новичков) Надеюсь обидного ничего не написал. Возможно и был такой комментарий где-то в самом низу, что нормальный человек не увидит из-за количества этих самых комментариев. Может допилить видео и даже просто вставить в конце надпись об этом нюансе было бы более логичным, что бы человек сразу в видео это увидел, т.к. большинство людей читают комментарии только в случае крайней необходимости, если не могут с чем-то разобраться

      Ответить
    • Да я и не обижаюсь) Просто с ютубом не так просто что-то добавить к видео, подумаю как можно сделать

      Ответить
    • Плагин Contact Form 7 почему-то не хочет работать с Contact Form 7 Shortcode Enabler. Добавил колонки в форму имя и емайл а он эти колонки просто сделал чуть меньше и ближе друг к другу и оставил также одну под другой. В чем может быть дело?

      Ответить
    • @Иван Матяшов Плагин Contact Form 7 Shortcode Enabler ничего подобного не делает, а только разрешает использовать шорткоды в редакторе формы самого CF7

      Ответить
  17. Спасибо, замечательно работает. Надо было класс назвать не acdp, а acdc прикольнее было бы )))) Еще раз спасибо, с удовольствием смотрю ваши видео

    Ответить
  18. Здравствуйте,
    Можно урок по стилизации радио кнопок и чекбокс?, я сейчас ссылок накидаю чтоб было более понятно что я имею ввиду. к примеру как сделать из стандартных радио кнопок или чекбоксов, которые выглядят вот так https://contactform7.com/checkboxes-radio-buttons-and-menus/, что то типа этого https://ru.stackoverflow.com/questions/584871/%D0%9A%D0%B0%D0%BA-%D1%81%D1%82%D0%B8%D0%BB%D0%B8%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D1%8C-radio-%D0%BA%D0%BD%D0%BE%D0%BF%D0%BA%D1%83-%D0%B2-contact-form-wordpress на основе http://labelauty.js.org/ или https://vsn4ik.github.io/bootstrap-checkbox/ и как заменить чекбокс/ратио на картинки https://wpquestions.com/Need_Image_as_a_Radio_Button_in_Contact_Form_7/19618 (в принципе товарищ Bob подробно ответил), но если вы запишите видео лишним не будет. заранее спасибо

    Ответить
    • Доброго! Проще плагин готовый поставить, их легион существует. Или надо именно урок как это впилить кодом?

      Ответить
    • Привет, совсем не легион, единственный https://codecanyon.net/item/contact-form-7-color-or-image-swatches/20657303 и то работает как кусок сами понимаете чего, даже с калькулятором и логикой от того же автора (есть у меня эти плагины чтоб судить), да урок было бы полезно, т.к это открывает возможности создавать действительно функциональные и стильные формы, нежели чем просто набор для ввода текстовых полей

      Ответить
    • Хм, мне как не требовалось особо. Но я услышал. Попробую подобное записать

      Ответить
    • tds_button.js – это файл моего плагина Atr Decorations Shorcodes. Но папка у плагин не правильная. Скачайте плагин из репозитория на гитхабе код давно не одновлялся

      Ответить
  19. Доброго времени суток. А не в курсе, как почту из формы перехватить – так чтоб из письма можно было сразу на неё отвечать.
    Письмо – Ответить – Почта из формы (а не с хостинга и т.д.)

    Ответить
    • Доброго! По-моему никак, это же отдельное письмо с сайта, а не переписка

      Ответить
    • @Финты WordPress
      Наверное …
      Хотя caldera forms как то перехватывает … во и подумалось

      Ответить
  20. Народ подскажите как поменять даты что бы на мыло приходило день, месяц , год, . На сайте в форме так и стоит, а на мыло приходит 2020-01-26 Спасибо !!!

    Ответить
  21. какаято морковка в редакторе. вписывая в ЦФ7 строку [ads_row][ads_col col=”cell”] команда не считывается – эти символы тупо встают в форму

    Ответить

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

%d такие блоггеры, как: