Jotform удобный конструктор форм  

Недавно я опубликовала перечень сервисов для создания обратной связи. В этой статье речь пойдет о конкретном сервисе – jotform (ссылка jotform.com его преимуществах и недостатках, о том как создавать в нем формы и лучший вариант использования.
Jotform – зарубежный конструктор форм. Условно-бесплатен. Вы можете пользоваться совершенно бесплатно услугами сервиса в течении первых трех месяцев, после чего автоматически все формы, созданные в этом конструкторе перестанут отображаться на вашем проекте. Из чего следует то, что формы от jotform лучше не использовать для создания обратной связи. Однако этот сервис незаменим для проведения кратковременных опросов, голосований, заполнения анкет. Встраиваются формы на блоги Blogger, wordpress, ucoz и др.
Для тестирования формы не требуется регистрация на проекте, однако, если вы решили использовать форму на своем блоге, необходимо зарегистрироваться. Напомню, что сайт – англоязычный, но у пользователей Google Chrome не возникнет сложностей с переводом. Если у вас другой браузер, то смотрите картинку-перевод всех команд jotform.

Регистрация на сервисе не займет у вас много времени. В нижней части сайта нажмите на кнопку для перехода на страницу регистрации. Ниже вы увидите скриншот, где красным написан перевод для тех, кто не владеет английским.

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

Все инструменты в левой колонке jotform разбиты на 5 больших групп. В приведенной ниже таблице перевод инструментов jotfom – в серых строках – название группы, и в белых – перевод команд, входящих в данную группу.

Теперь вы без труда сможете составить вашу форму, перетащите при помощи мышки каждый элемент формы в нужное положение.
Для того, чтобы отредактировать отдельный элемент формы jotform, кликните по элементу в центраной части сайта (рабочей зоне), появится икнока карандашик, после чего введите свое название элемента формы (поддерживает русский язык!). Изменить отдельный элемент формы вы можете также, зайдя в настройки (значок ). Появится окно:
,
где Required добавляет значок *, означающий то, что заполнение данного пункта обязательно,
move up  - перемещение элемента формы вверх,
move down – перемещение вниз,
shrick – сокращение элемента формы,
duplicate – дублирование,
Delete – удалить,
Show properties – показать свойства. Здесь можно их отредактировать, например, прописать пункты в выпадающем меню, прописать по-русски на кнопке “отправить” (вместо send по умолчанию) и др..

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

Переходим на вкладку Setub & Embed (настройки и код для вставки). Кнопка E-mail Alerts поможет вам установить автоответчик, Thank you – сообщение “спасибо”, которое пользователь увидит в вашем блоге после отправки письма, Embed Form – код формы. Нажмите Embed Form, далее найдите иконку Blogger, скопируйте код формы и вставьте ее в нужное место на вашем блоге (отлично встраивается в гаджет html / javascript, страницу блога и даже в отдельное сообщение!)

Jotform–уникальный конструктор форм