Создаем форму обратной связи через Form Builder

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

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

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

Если нужно, чтобы послания приходили на несколько email адресов, то выберите пункт Choice of addresses и укажите несколько адресов.

Шаг 2. На втором шаге, во вкладке "Form Fields" создайте поля формы, которые Вы хотите в ней видеть. Всего доступно три вида полей:

Text Field - обычное текстовое поле.

Large textarea - Текстовая область.

Drop List - Выпадающий список.

В поле Name прописывайте имя поле (как его будет видно посетителям). В поле Field Name прописывайте имя поле коротким английским словом без пробелов.

Если поле обязательно для заполнения, то параметр Required ставьте в значение "Yes".

Если хотите, чтобы в поле изначально был какой-то пример заполнения, можете внести его в поле Text already entered.

После того, как все поля сформированы переходите к третьему шагу на вкладку Form Code.

Шаг 3. На вкладке Form Code нажимайте кнопку Build и сохраняйте фаил Contact.php в ту папку где у Вас будет лежать фаил с формой.

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

Напоминаю, что эта страница (куда Вы вставили код формы), должна лежать в одной папке с фаилом contact.php, который мы получили на шаге 3.

Шаг 5. Проверяем результат.

У меня получилась такая форма:

После заполнения и отправки, открылась страница, что сообщение было успешно отправлено:

Данный урок подготовлен для вас командой сайта ruseller.com
Источник урока: www.ruseller.com
Автор: Евгений Попов
Урок создан: 18 Октября 2008
Просмотров: 78206
Правила перепечатки

5 последних уроков рубрики "Для сайта"

  • Эффекты блочного раскрытия

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

  • 15 полезных .htaccess сниппета для сайта на WordPress

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

  • 20 бесплатных тем для WordPress в стиле Material Design

    Material Design — это набирающий обороты тренд от Google. В данной подборке собраны бесплатные темы для WordPress, выполненные в этом популярном стиле.

  • 20 сайтов с креативным MouseOver эффектом

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

  • 45+ бесплатных материалов для веб дизайнеров за август 2016

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

^ Наверх ^