Конструктор форм обратной связи онлайн для сайта

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

Особенности конструктора:

  • Позволяет визуально видеть все внесенные изменения.
  • Работа со всеми основными элементами формы: чекбоксы, радиокнопки, выпадающие списки, файлы, подписи к полям и т.д.
  • Может включать/отключать ненужные поля, менять их порядок (методом перетаскивания), подписи, вид и делать их обязательными к заполнению.
  • Возможность открытия формы во всплывающем окне.

Скриншоты:

14

Инструкция по использованию:

В 1 шаге выбирайте те поля, которые вам нужны и перемещайте их синей стрелкой в форму. В самой форме можно менять порядок данных полей (просто зажав поле мышкой и переместив его куда нужно) или удалять их. Подписи к чему либо нужны, чтобы озаглавить списки чекбоксов или радиокнопок - они отправляются к вам на почту.

Радиокнопки выполнены в виде уникальных наборов. Чтобы сделать несколько наборов, нажмите на кнопку дубля.

Во 2 шаге обратите внимание на кодировку вашего сайта или страницы, если выберите ее неверно, то письмо будет приходить в кракозябрах.

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

Чтобы форма работала во всплывающем окне, нажмите на последнюю галочку и настройте дополнительные параметры.

Теперь, чтобы построить форму, нажмите на кнопку "Получить код" и скопируйте результат, например, в блокнот.

Как установить полученный код на своем сайте

Данный конструктор идеально подходит на сайтах с поддержкой PHP, например, для Joomla или WordPress.

Чтобы использовать полученный код, вставьте его где угодно на вашем сайте, например, между тегами <body> и </body>

 

Конструктор форм обратной связи онлайн для сайта: 35 комментариев

  1. Здравствуйте!!! Хорошая форма у Вас, крутая даже! Конструктор замечательный! Но вот одно смущает. Вывод сообщения через alert ну как-то совсем некрасиво.......... Бог с ней с перезагрузкой. Но как бы это вот сделать: чтобы после отправки появлялось либо маленькое окошко в центре с надписью "Сообщение отправлено!" и исчезало через пару секунд, либо сообщение об отправке в самой форме. А потом шел - setTimeout("window.location = window.location.href;", 1500);

  2. Уважаемый автор, а как же без капчи, это же так важно... И подскажите: у меня не показывает сообщение о том что сообщение отправлено (или нет). Заранее спасибо за ответ...

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

  3. Добрый день! Форма отработала первый раз без огрехов. Но далее строки только обновлялись и action отправки не срабатывал...
    Пробовал другие ip-ы , пересобрал форму...все равно ничего
    Не подскажите причину ошибки ? Спасибо!

    1. Если сами модифицировали, то возможно где-то в коде сделали ошибку. Пересоздайте форму в конструкторе.

  4. Добрый день. Помогите новичку, пожалуйста!

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

    1. На 3 шаге поставьте галочку "Открывать форму во всплывающем окне" и сгенерируйте код.

  5. Доброго времени суток. Проблема со вставкой кода на сайт setup, много кода остается в виде текста. Что делать ?

      1. setup это конструктор сайтов. С ним не работал. Если там есть возможность вставлять php модули блоки, то вставляйте всю форму в них. Но обычно бесплатные конструкторы сайтов либо предлагают свои формы, либо отключают php и mail() от пользователей полностью

  6. Вставляю код в модуль, чтобы вывести модулем (в материале) - Джумла 2.5. Форма выводится, но под ней - еще много кода... Помогите, пожалуйста!

    1. Код стандартный, проверяйте папку спам, хостинг, настройки почты на нем, функцию php mail() и т.д. - blogprogram.ru/ne-rabotaet-php-mail-na-xostinge/

  7. Добрый день. Спасибо за форму, то что я искал. Пожалуйста объясните как сделать что бы после отправки сообщения автоматически вернутся на страницу сайта или на другую страницу. Сейчас после отправки сообщения переходит на страницу сайта с окончанием php - пустую страницу!!!

    1. В самом конце сгенерированного кода найдите строку window.location='".$_SERVER['REQUEST_URI']."'; и замените ее на window.location='/'; в этом случае переадресация будет идти на главную. Если, к примеру, у вас есть страница сайт.ру/forma и чтобы переадресация шла на нее, то ставьте так: window.location='/forma';

  8. Здравствуйте, спасибо за форму!
    Скажите пожалуйста, а как еще подключить в файл index.html ?

    1. php код формы добавьте в файл, например, mails.php (кодировка UTF 8) и закиньте файл в корень сайта. В <form ... > формы поставьте action на этот файл: action="/mails.php"

  9. Здравствуйте! Спасибо За отличную форму! Огромное спасибо!!!!! Только один момент подскажите, а как сделать, чтобы форма закрывалась по клику на крестик в верхнем правом углу?

  10. Как скопировать код? не копируется выделяю текст нажимаю скопировать и тишина!!!!!!!!!!!!!!!!!!!Есть ли подкатегории

    1. Там не textarea. Вы же умеете выделять текст на сайтах (чтобы он становился синим) и нажать Ctrl + C ну или хотя бы правой кнопкой мышью и копировать.

  11. Здравствуйте, форму поставил, а как ее настроить , чтобы она стала адаптивной?
    На смартфоне уплывает за экран по ширине, а еще, клавиатура закрывает поле ,в котором нужно печатать сообщение.
    Не видно, что печатаешь (а постоянно убирать клавиатуру и проверять, пользователи не будут 🙁 )

    1. используйте @media (max-width: 480px) { } чтобы подкорректировать форму под ваш сайт. Если не получится, то скажите адрес, помогу.

  12. Спасибо! Сделал себе форму. Только одного не могу понять. Как сделать несколько форм на одном сайте, например "Отправить заявку на ремонт" с определенными полями и темой сообщения, которое приходит на почту, а вторая форма "Заказ запчастей", где немного иные поля и тема в уведомлении на почту должна быть другая. Ведь указывается это в определенный php ?

    1. К сожалению по умолчанию код работает так, что на одной странице должна быть одна форма. Если нужно 2 и более форм на странице, то в новом, созданном коде формы поменяйте name submit формы на другой и в php коде соответственно. Также не подключайте дважды js скрипт, который идет в комплекте.

  13. Работает отлично, правда у меня сайт был на windows 1251, не заметил, что в настройках есть пункт с кодировкой. Поменял на свою и все заработало!

  14. Добрый вечер, не работает конструктор формы. Ранее я создавал у вас форму, она сейчас успешно работает, хотел создать вторую для другого сайта, который находится на этом же хостинге, но все время выдает ошибку. Notice: Undefined index: antirobotpro in /storage/ssd5/547/2183547/public_html/index.php on line 28

    1. Скорей всего на этот домен у вас php 7. Попробуйте заменить условие if (isset($_POST["dfotpr"]) && $_POST["antirobotpro"] == "gdfg56FG423er") на: if (isset($_POST["dfotpr"]) && isset($_POST["antirobotpro"]) && $_POST["antirobotpro"] == "gdfg56FG423er")

      Если и так не заработает, то оставьте только: if (isset($_POST["dfotpr"]))

  15. Все прекрасно установилось, но после двух отсылок с одного IP адреса перестал отправлять заявки

  16. Классный конструктор для создания форм, сделал пару штук для своего сайта.

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

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


Введите капчу: