У Вас в корзине

нет товаров

интернет супермаркет UNI

г.Днепропетровск
Мы не надоедаем по телефону. Сразу после оформления Вами заказа, на емейл указанный Вами при регистрации приходит счет.

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

Предыдущая запись     Следующая запись

Недавно я опубликовала перечень сервисов для создания обратной связи. В этой статье речь пойдет о конкретном сервисе – jotform (ссылка jotform.com его преимуществах и недостатках, о том как создавать в нем формы и лучший вариант использования.
Jotform – зарубежный конструктор форм. Условно-бесплатен. Вы можете пользоваться совершенно бесплатно услугами сервиса в течении первых трех месяцев, после чего автоматически все формы, созданные в этом конструкторе перестанут отображаться на вашем проекте. Из чего следует то, что формы от 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

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

Рекомендуемые прочитать

Тестирование антенн Wi-Fi для приема WiMax
Сайт Азбука блогера
Следующее поколение Wi-Fi — кратко о 802.11ac
Как зайти во Вконтакте, Одноклассники и Яндекс в Украине
Как выбрать телевизор? Какой телевизор купить?

Комментарии ВКонтакте

Комментарии Facebook

Комментарии

Нет отзывов к этой записи

Написать отзыв

Введите число, изображенное на рисунке
code

вернуть цену 125(1)
скрин протектор LG Optimus L5 II Dual E455 пленка матовая(1)
скрин протектор Xperia Z LT36i L36H C6603 пленка(1)
скрин протектор Lenovo A516 пленка Брилиантовая(1)
скрин протектор Lenovo K910 пленка(1)
скрин протектор Lenovo A830 пленка(1)
скрин протектор Sony M2 пленка(1)
скрин протектор Lenovo S820 пленка(1)
скрин протектор MV12 RAZR D3 XT919 XT920 пленка(1)
скрин протектор HTC One X XL S720e пленка(1)
скрин протектор Lenovo S820 пленка матовая(1)
LED ИК подсветка 36 диода с датчиком 60 градусов(1)
скрин протектор Lenovo A789 пленка(1)
скрин протектор Lenovo P780 пленка матовая(1)
скрин протектор Lenovo A516 пленка защитная(1)

Для просмотра нужен Flash Player 9 или вновее.

  GPS › Светотехника › Лампы › Диодные    LED ИК подсветка 36 диода с датчиком 60 градусов    LED ИК подсветка 48 диодов с датчиком 60 градусов    Автозапчасти    Спорт камера MD 80 аква бокс водонепроницаемый    Тюнинг    вернуть цену 125    скрин протектор HTC One X XL S720e пленка    скрин протектор LG Optimus L5 II Dual E455 пленка матовая    скрин протектор Lenovo A516 пленка Брилиантовая    скрин протектор Lenovo A516 пленка защитная    скрин протектор Lenovo A789 пленка    скрин протектор Lenovo A830 пленка    скрин протектор Lenovo K910 пленка    скрин протектор Lenovo P780 пленка матовая    скрин протектор Lenovo S820 пленка    скрин протектор Lenovo S820 пленка матовая    скрин протектор MV12 RAZR D3 XT919 XT920 пленка    скрин протектор Sony M2 пленка    скрин протектор Xperia Z LT36i L36H C6603 матовая    скрин протектор Xperia Z LT36i L36H C6603 пленка    скрин протектор iPhone 5 защитная зеркальная пленка  

 
 
       
    Яндекс.Метрика