2012-07-30

Textual description of firstImageUrl

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

jotform
Недавно я опубликовала перечень сервисов для создания обратной связи. В этой статье речь пойдет о конкретном сервисе – jotform (ссылка jotform.com его преимуществах и недостатках, о том как создавать в нем формы и лучший вариант использования.
Jotform – зарубежный конструктор форм. Условно-бесплатен. Вы можете пользоваться сервисом бесплатно, но с некоторыми ограничениями.  Этот сервис незаменим также для проведения кратковременных опросов, голосований, заполнения анкет. Встраиваются формы на блоги Blogger, wordpress, ucoz и др.
Для тестирования формы не требуется регистрация на проекте, однако, если вы решили использовать форму на своем блоге, необходимо зарегистрироваться. Напомню, что сайт – англоязычный, но у пользователей Google Chrome не возникнет сложностей с переводом. Если у вас другой браузер, то смотрите картинку-перевод всех команд jotform.
/*
Регистрация на сервисе не займет у вас много времени. В нижней части сайта нажмите на кнопку создать_аккаунт для перехода на страницу регистрации. Ниже вы увидите скриншот, где красным написан перевод для тех, кто не владеет английским.
регистрация
Теперь вы можете приступить к созданию новых форм для вашего сайта. В левой колонке сервиса представлен список основных инструментов, кликните по ним, чтобы добавить тот или иной элемент формы. Тут же этот элемент появится в центральной части сайта, где вам нужно будет его отредактировать – вписать название, изменить подсказки, переместить и др.
Инструменты jotform
Все инструменты в левой колонке 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 по умолчанию) и др..
Дизайн формы jotform
Когда основные элементы формы вставлены и отредактированы, переходим к оформлению. Выберите вкладку Form Style, над ней появятся кнопки, вы можете отредактировать цвет фона, текста, изменить размер шрифта, ширину формы или выбрать стандартный стиль (Themes) из предложенных.
стиль_формы
Встраиваем форму на сайт
Переходим на вкладку Setub & Embed (настройки и код для вставки). Кнопка E-mail Alerts поможет вам установить автоответчик, Thank you – сообщение “спасибо”, которое пользователь увидит в вашем блоге после отправки письма, Embed Form – код формы. Нажмите Embed Form, далее найдите иконку Blogger, скопируйте код формы и вставьте ее в нужное место на вашем блоге (отлично встраивается в гаджет html / javascript, страницу блога и даже в отдельное сообщение!)
код jotform
Видеоурок по работе с сервисом

18 комментариев :

Геннадий комментирует...

А почему себе не поставила? Эта форма только для блоггера?

Mycrib комментирует...

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

Igor Savinkin комментирует...

Вы написали "Однако этот сервис не заменим" - здесь "незаменим" пишется слитно.

Mycrib комментирует...

Спасибо, исправила ;)

Анонимный комментирует...

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

Иван комментирует...

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

Mycrib комментирует...

Спасибо, посмотрим

Анонимный комментирует...

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

Анонимный комментирует...

А как все же встроить сию форму в страницу в блоггере???

Иванова Наталья комментирует...

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

Анонимный комментирует...

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

Иванова Наталья комментирует...

К сожалению, с браузером Сафари не работала, поэтому не знаю как эту проблему решить.

plen комментирует...

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

Иванова Наталья комментирует...

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

zaj4onok комментирует...

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

Unknown комментирует...

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

Mariya Gromova комментирует...

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

Иванова Наталья комментирует...

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

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

Отправить комментарий

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML
Публикуя комментарии, вы соглашаетесь с политикой конфиденциальности