Поддержка Плагины Самый удобный плагин для интеграции сверстанных форм

  • Всем привет)

    Ребят, подскажите, чем пользуетесь для интеграции форм в wordpress? Хочется найти для себя самое быстрое и функциональное решение — чтобы можно было готовую, сверстанную html форму быстро привязать к плагину, не создавая все эти drug and drop поля в одной стороны и чтобы все сообщения было видно не только на почте, но и из админки с другой.

    Расскажите о вашем опыте натяжки форм. Плиз)

Просмотр 8 ответов — с 1 по 8 (всего 8)
  • Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, denisco.pro

    Привет.

    Contact Form 7 уже пробовали? Этот плагин позволяет вставлять html-код напрямую.
    Сохранять отправленные сообщения в БД и отображаться в админке можно с помощью плагина Contact Form DB.

    Что-то у меня не задались с ним отношения (

    Какой бы код я туда не пихал, все — ошибка конфигурации + 5 писем с этого плагина на последнем сайте пришли с разницой в несколько часов. Одно вообще на следующий день всех догнало) Скрипты отправки и другие плагины нормально отправляют.

    Вот такое код он должен съесть или я действительно где-то ошибся?

    <div class="col-lg-6 full-form-wrap-one  full-form-wrap-left">
         	<span>
    			Надзаголовок
         	 </span>
          	<h3>Заявка на <br> бесплатный расчет стоимости</h3>
    		<div class="full-form-wrap-one-prop">
    			[text text-282 class:input class:full-form-wrap-one-prop-input full-form-wrap-one-prop-name placeholder  "Ваше имя*"]
    			[tel* tel-771  class:input class:full-form-wrap-one-prop-input full-form-wrap-one-prop-phone placeholder  "Ваш телефон*"]
    			[email* email-341 class:input class:full-form-wrap-one-prop-input full-form-wrap-one-prop-mail placeholder  "Ваша эл. почта*"]
    			[submit class:full-form-wrap-one-prop-link placeholder  "Получить консультацию"]
    		</div>
    		<span class="full-form-wrap-one-little">
    			Заполнение заявки вас ни к чему не обязывает.<br>Вы сможете отказаться в любой момент
          	</span>
        </div>

    Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, denisco.pro

    Не думаю, что это связано с html-кодом, скорее всего проблема где-то на вкладке «Письмо».

    Да, спасибо, вроде там была пометка «синтаксическая ошибка». Очистил поле — письма начали отправляться. Правда по 2 раза))

    Если не сложно, можете подсказать, как задавать место для алертов («уведомления при отправке формы»), а то они выводятся где захотят и настроить редирект?

    https://trello-attachments.s3.amazonaws.com/572bbd6bea2390238baac6e9/985×527/33cae69a47810939c779654993efda0b/%D0%B7%D0%B0%D0%B3%D1%80%D1%83%D0%B6%D0%B5%D0%BD%D0%BE_16.5.2016_%D0%B2_22_55_26.png

    P.s. для редиректа нужно повесить событие на ява скрипте в дополнительных настройках — я правильно понял*

    Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, denisco.pro

    Если не сложно, можете подсказать, как задавать место для алертов («уведомления при отправке формы»), а то они выводятся где захотят

    Про настройку расположения сообщения об отправке. Про алерты. Дополнительно проверьте и при необходимости скорректируйте css-стили, относящиеся к форме. По умолчанию, алерты выводятся под полями, а сообщение об отправке под формой.

    настроить редирект?

    Я думаю это можно сделать на вкладке Дополнительные настройки, добавив код:

    on_sent_ok: "window.location='http://yandex.ru'"

    Денис, спасибо, все получилось) Несколько часов на обучение с помощью ваших подсказок и документации и теперь я contact form 7 ниндзя))

    — Сообщение об отправке, как вы и писали, можно поставить на странице в любом месте с помощью [response]. Если обрамить ее в div, то можно и стили сменить

    — Алерты выводились 2 раза, потому что не были подключены стили плагина, а стили не были подключены, потому что я при натяжке верстки забыл поставить тег <?php wp_head();?>. Так невнимательность превращается в опыт)

    — Редирект тоже отлично работает

    — Еще я решил поискать, как выводить адрес страницы, название записи и прочие данные страницы или записи с которой делали запрос и нашел это решение здесь — Special Mail Tags. Довольно просто выводится тегами типа [_url]

    — Уже нашел, как передавать get запросы в форму (можно использовать в арбитраже для передачи utm меток), подключения СМС уведомлений (просили как-то) на этом сайте и даже модуль передачи данных в Google Spreadsheets. В ближайшее время буду это все подключать)

    Спасибо за помощь)

    Модератор Denis Yanchevskiy

    (@denisco)

    WordPress-разработчик, denisco.pro

    потому что я при натяжке верстки забыл поставить тег <?php wp_head();?>

    Тогда также проверьте, чтобы был вызов функции <?php wp_footer(); ?> перед закрывающимся тегом </body>. <?php wp_head();?> и <?php wp_footer(); ?> обязательны для корректной работы WordPress и плагинов.

    Спасибо!)

Просмотр 8 ответов — с 1 по 8 (всего 8)
  • Тема «Самый удобный плагин для интеграции сверстанных форм» закрыта для новых ответов.