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

jotformJotform - что это такое

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

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

Jorform на русском

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

form tools основные инструменты
  1. heading
  2. text box
  3. text area
  4. drop down
  5. radio button
  6. check box
  7. file upload
  8. submit button
  1. заголовок
  2. текстовое  поле
  3. многострочное текстовое поле
  4. выпадающий список
  5. переключатель
  6. флажок
  7. загрузка файлов
  8. кнопка отправки сообщения
Quick tools Быстрые инструменты
  1. full name
  2. e-mail
  3. address
  4. phone
  5. Birth date picker
  6. number
  1. Полное имя
  2. e-mail
  3. адрес
  4. телефон
  5. выбор дня рождения
  6. числа
Survery tools Обзор инструментов
  1. star rating
  2. scale rating
  3. grading
  4. slider
  5. range
  6. spinner
  7. matrix
  8. form collapse
  9. page break
  1. категория
  2. шкала
  3. классификация
  4. ползунок
  5. диапазон
  6. выпадающее окно
  7. матрица
  8. форму свернуть
  9. разрыв страницы
Power tools инструменты
  1. free text (HTML)
  2. date time
  3. password box
  4. hidden box
  5. unique ID
  6. Image
  7. Auto complete
  1. Вставка HTML
  2. Дата / Время
  3. пароль
  4. скрытое поле
  5. уникальный идентификатор
  6. изображение (логотип)
  7. автозаполнение
Payment tools Инструменты оплаты (вы можете получать платежи)
сервисы такие, как PayPal, PayPal pro, Clickbank, Worldpay, Google checkout и другие

Теперь вы без труда сможете составить вашу форму, перетащите при помощи мышки каждую составную часть  в нужное положение.
Для того, чтобы отредактировать отдельный элемент формы 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
Видеоурок по работе с сервисом

18 ответов к «Jotform–уникальный конструктор форм»

  1. Геннадий, у меня стояла эта форма на блоге wordpress, но бесплатный период истек, а платить я не хочу, так как есть бесплатные варианты..
    Поэтому я и рекомендую этот сервис исключительно для краткосрочных целей — голосований, анкет и опросов.

  2. jotform.com полностью!!! бестпалтный до 100 сабмитов (отправлений форм) в месяц. Еще там огромная куча всяких возможностей.

  3. Я бы рекомендовал новый РУССКОЯЗЫЧНЫЙ конструктор форм FormDesigner.ru. Очень удобный и к тому же имеет бесплатный тарифный план, которого в 80%-случаев хватит с головой.

  4. Да, мне тоже понравился конструктор jotform, реализовал на нем форму заказа в сплывающем окне http://atv24.ru/scooter_kupit.html "кнопка заказать скутер WELS", практически это не форма, а интернет-магазин, да ещё и с возможностью оформления заказа на одной странице, ни как в VM2 надо парится с установкой One Page. А, тем более если сайт на DLE где нет вообще возможности установить интернет-магазин (профессиональные программисты и те не берутся) — работает отлично! Ещё созданную форму можно встроить в facebook в приложения https://www.facebook.com/pages/%D0%A0%D0%B8%D0%BE%D0%BB%D1%8D%D0%BD%D0%B4/443651019074741?sk=app_190322544333196&app_data=visitor_mode
    Недостатки jotform: Не полностью русифицирован, т.е. сам конструктор почти весь, а сайт нет, условия пользования не прочитать без знания языка!
    Сейчас попробую разобраться FormDesigner.ru, но на первый взгляд уже кажется слабее и менее фунциональный.

  5. Чтобы встроить форму jotform в blogger, нужно активировать вкладку "Setub & Embed" -> Встроить форму -> выбрать иконку Blogger -> скопировать код и вставить его на нужную страницу в режиме html. Добавила видеоурок в запись. Как встроить орму на страницу — на минуте 5:11.

  6. не во всех браузерах потом отображается вставленный код. Например, сафари его блокирует и на сайте пустое место получается. Если есть решение, подскажите на happiness@ua.fm

  7. Не знаю как насчет "бесплатный до 100 сабмитов (отправлений форм) в месяц", но письма с предупреждения о том, что превышен лимит 1000 показов, якобы в месяц, за долбали. Есть вероятность, что клиент оформляет заказ, а до вас он не дойдет! Перевод писем очень ломанный и не понятно с начала следующего месяца будет работать форма, а точнее доставка сообщения владельцу формы, или нет!

  8. plen, спасибо а дополнение. Ваш комментарий может помочь тем, кто не может определиться с выбором формы для обратной связи.

  9. Добрый день!
    Помогите, пожалуйста! Вроде делаю все правильно, а форма не работает.
    Все показывается хорошо, но данные не отправляются, пишет "ждите" и ничего не происходит.
    Подскажите, что я сделала не так? Что поправить?
    Одна из форм вот на этой странице http://avon.plus/kontakty/

  10. Подскажите, пожалуйста, как как добавить ssl протокол на страницу анкеты, которую я создавала на jotform. Сайд блокируется google, а я такой "продвинутый" пользователь, что не могу связаться с админами сайта или объяснить им не могу

  11. Как насчет сертификата SSL для форм, созданных на jotform, googe блокирует сайт из-за проблем с безопасностью. Как приобрести этот сертификат?

  12. Мария, на самом деле, у форм на jotform имеется SSL сертификат. По каким признакам вы поняли, что у вас проблемы с сайтом именно из-за формы? И что значит — "блокируется гуглом"? Я ваш сайт вижу, и он индексируется.
    Дополнительно вы можете посмотреть инструкцию на сайте jotform по ssl сертификату.
    У меня только предположение, что вы создавали форму давно, до введения SSL на jotform.
    Видела ваш вопрос к поддержке, вам порекомендовали изменить адрес формы с http:// на https://

    Ответьте на все мои вопросы, я постараюсь вам помочь.

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

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