Создание анкеты на одностраничном сайте

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

Как создать анкету на одностраничном сайте? Можно использовать разные способы — написать код самостоятельно, заказать у фрилансера, или использовать сторонние сервисы. Разберем третий способ — использование сервиса, причем совершенно бесплатно.

Переходим на сервис:

• Сервис JotForm

Сначала на нем нужно зарегистрироваться — нажать Sign Up, и заполнить поля. При последующих входах, если не попадете в кабинет автоматически, Вам нужно будет выбрать пункт Login, и ввести свои данные, которые Вы вводили при регистрации — логин и пароль.

Чтобы создать новую форму, нажимаете кнопку Create Form. Выбираете способ создания Вашей будущей формы: Вы ее можете сделать с нуля (Blank Form), использовать шаблон (Use Template), а также импортировать готовую форму (Import Form), если она, конечно, у Вас есть. А можно заказать форму (Request a Form).

После выбора Вы попадаете на страницу создания формы. Элементы формы Вам нужно будет перетащить с левого столбца Form Tools, вправо, на рабочую область.

Затем Вы корректируете эти элементы — изменяете надписи, делаете свое оформление, используя кнопки меню над рабочей областью.

Сначала в списке Form Tools идут Heading и Text — заголовок и обычный текст.

Затем Text Box и Text Area — поля для заполнения, причем Text Area — это большое поле, в котором можно писать целые предложения.

После этого идут элементы выбора вариантов из существующих. Кроме оформления, эти элементы имеют и другие отличия. Так, Check Box позволяет выбрать из списка сразу несколько вариантов, в то время как Radio Button предполагает, что выбрать можно только что-то одно.

Возможна также вставка картинки — элемент Image.

И самое главное в анкете — кнопка, элемент Button.

Справа от каждого элемента, при его выделении, Вы увидите шестеренку (кнопку для захода в редактирование) и красный крест (для удаления).

Собрав форму, Вы завершаете редактирование, переключившись в закладку меню над рабочей областью Setup and Embed. С помощью иконок этой закладки Вы можете настроить почту, на которую будут приходить заполненные анкеты, и определить страницу, которая будет появляться перед посетителем после заполнения анкеты (иконка меню Thank You).

Чтобы взять код для вставки на сайт, нажимаете иконку Source Code, или Embed Form для более расширенной настройки кода. Во втором случае уберите галочку с поля Secure form — защищенных форм бесплатно можно получить только 10 штук в месяц.

Конечно, если вводимые пользователями данные нуждаются в защите, то Вам, скорее всего, придется брать платный аккаунт JotForm. В любом случае прочтите пункт Pricing, в котором написано, какие пределы у бесплатного аккаунта, и какие возможности и варианты бывают еще с оплатой.

Более подробную информацию Вы можете получить из видео.

Видео о работе с сервисом создания анкет JotForm

Более подробные сведения Вы можете получить в разделах "Все курсы" и "Полезности", в которые можно перейти через верхнее меню сайта. В этих разделах статьи сгруппированы по тематикам в блоки, содержащие максимально развернутую (насколько это было возможно) информацию по различным темам.

Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
    Подписаться на блог: Дорога к Бизнесу за Компьютером