Форма онлайн реєстрації для сайту, geekelectronics

Форма онлайн реєстрації для сайту, geekelectronics
У цьому пості я опишу покроково як створювати форми онлайн реєстрації, як потім розмістити її на сайті і зберегти зібрані дані на комп'ютер. Може комусь це здасться занадто докладним - заздалегідь вибачайте. Не всі користувачі схоплюють інформацію на льоту.

Розглянемо варіант проведення он-лайн реєстрації, в якому користувач заповнює форму на вашому сайті, а всі дані заносяться в таблицю, яку потім можна завантажити на комп'ютер.

Цей сервіс надає чудові інструменти, які дозволять вам створити форму онлайн реєстрацію учасників будь-якої складності.

Форма онлайн реєстрації для сайту, geekelectronics

У лівому кутку тиснемо на кнопку створити і вибираємо пункт Форма.

Форма онлайн реєстрації для сайту, geekelectronics

Як ви бачите, в ньому можна ввести заголовок, опис і у нас на формі вже є заготовки двох текстових полів. У першому полі в рядку "Питання" я написав "Ваше ім'я". В "Пояснення" ввів "Впишіть ваше реальне ім'я". Поле "Тип питання" залишив як "Текст". Ще поставив галочку "Зробити це питання обов'язковим" - це не дозволить користувачеві відправити дані, поки він не заповнить це поле.

Форма онлайн реєстрації для сайту, geekelectronics

Тиснемо на кнопку "Готово".

Переходимо до другого питання. Для цього виділяємо його кліком миші і тиснемо на іконку редагування.

Форма онлайн реєстрації для сайту, geekelectronics
Як приклад заповнимо це питання так: Питання - Чим ви захоплюєтеся. Пояснення - Опишіть ваші інтереси і області, в яких ви себе вважаєте фахівцями, Тип питання міняємо на - Текст (абзац). Ставимо галочку на "Зробити це питання обов'язковим".

Форма онлайн реєстрації для сайту, geekelectronics

Тиснемо на кнопку "Готово".

Заготовки у нас закінчилися, тому для додавання нових полів нам необхідно в лівому верхньому кутку натиснути на кнопку "Додати елемент". Цього разу виберемо елемент "Один зі списку".

Форма онлайн реєстрації для сайту, geekelectronics

Заповнимо це питання так: Питання - Ваш пол, Пояснення - залишимо порожнім, Тип питання залишаємо - Один зі списку, Галочку на "Перейти на сторінку відповіді" - не ставимо. Вона вам знадобиться, якщо ви вирішите створювати багатосторінкові форми. Знову ставимо галочку на "Зробити це питання обов'язковим".

Форма онлайн реєстрації для сайту, geekelectronics

Тиснемо на кнопку "Готово".

Додаємо новий елемент - "Кілька зі списку". Переписувати свої варіанти не буду - просто подивіться на картинку.

Додаємо новий елемент - "Список, що випадає". Заповнюємо як на картинці.

Форма онлайн реєстрації для сайту, geekelectronics
Тиснемо "Готово". Додаємо новий елемент - "Шкала". Як і раніше - заповніть за прикладом на зображенні.

Форма онлайн реєстрації для сайту, geekelectronics

Тиснемо "Готово". Виглядати буде так:

Форма онлайн реєстрації для сайту, geekelectronics

Додаємо новий елемент - "Сітка". Заповнюємо ...

Форма онлайн реєстрації для сайту, geekelectronics

Форма онлайн реєстрації для сайту, geekelectronics
Якщо ви все закінчили, то тиснемо в правому верхньому куті на кнопку зберегти і трохи лівіше в меню Додаткові дії вибираємо "Інтеграція".

Форма онлайн реєстрації для сайту, geekelectronics

Форма онлайн реєстрації для сайту, geekelectronics

Отриманий код додаємо в свою сторіночку і милуємося результатом.

Вітаю. Ви зробили форму онлайн опитування. Створіть нову форму вже зі своїми параметрами і користуйтеся на здоров'я.

Не будемо розслаблятися і продовжимо розглядати можливості Документів Google для створення форм.

У меню "Додати елемент" у нас залишилося два неописаних пункту - це "Тема розділу" і "Розрив сторінки". Я їх зазвичай використовую разом. Іноді форма виходить занадто витягнутої і доцільно розбити її на дві частини. Для цих цілей і служить "Розрив сторінки". А ось "Тема розділу" я додаю після розриву, щоб користувач не забував, що він заповнює і для чого.

Ще у нас є меню "Тема", в якому ви можете вибрати один із запропонованих варіантів оформлення вашої форми. Є один нюанс - не всі теми коректно відображають українські символи.

Форма онлайн реєстрації для сайту, geekelectronics

Форма онлайн реєстрації для сайту, geekelectronics

Форма онлайн реєстрації для сайту, geekelectronics

Наступне меню "Електронна пошта" дозволяє відправити вашу форму на пошту користувача.

Форма онлайн реєстрації для сайту, geekelectronics

Клацніть мишкою по документу. Він відкриється в новому вікні.

Форма онлайн реєстрації для сайту, geekelectronics
Як ви бачите, результати зберігаються в зручному табличному вигляді.

Не будемо розглядати всі пункти меню в цьому розділі, а просто розберемося з основними функціями, які вам знадобляться.

Форма онлайн реєстрації для сайту, geekelectronics
Для редагування форми реєстрації вам необхідно буде в меню "Форми" вибрати пункт "Змінити форму".

Форма онлайн реєстрації для сайту, geekelectronics
У цьому меню галочка на пункті "Приймати відповіді" включає / вимикає відображення вашої форми. Я зазвичай її забираю, коли закінчується час, наданий користувачам для реєстрації на будь-які заходи.

Схожі статті