Jotform — это удивительный сервис, позволяющий быстро создавать интерактивные формы, которые можно использовать различными способами. JotForm также отлично справляется с интеграцией со сторонними сервисами и включает в себя возможность автоматической генерации таблиц на основе данных из ваших форм.
Учитывая, насколько мощным является JOTFORM, может быть трудно понять, с чего начать и что можно сделать, чтобы создать удивительные формы для опроса пользователей.
Прежде чем мы приступим к руководству, если вы хотите узнать больше о таких приложениях, как Concept, Todoist, Evernote, Google Docs или просто о том, как стать более продуктивным (как, например, Awesome Course от Productive), вам стоит заглянуть на Skillshare. SkillShare — это платформа онлайн-обучения с учебниками практически по всем вопросам, которые вы хотите изучить. Чтобы узнать больше о SkillShare и его огромной библиотеке курсов и получить скидку 30%, перейдите по ссылке ниже:
А теперь приступим к учебнику!
А теперь давайте начнем!
Приступайте к изучению того, как начать работу с jotform
Регистрация в Jotform очень проста. Зайдите на сайт JotForm, и вы увидите экран, подобный тому, что показан выше. Есть три варианта регистрации в jotform:
- Зарегистрироваться через Google
- Зарегистрироваться с помощью Facebook.
- Зарегистрируйтесь с помощью Facebook.
Я использовал свою учетную запись Google, и приведенные ниже инструкции помогут вам пройти этот процесс. Сначала нажмите на кнопку «Зарегистрироваться с помощью Google». Вход в Google для настройки аккаунта jotform
Во всплывающем окне вы должны увидеть всплывающее окно Google (если только вы уже не вошли в Google). Введите адрес электронной почты или номер телефона, связанный с вашим аккаунтом Google, и нажмите «Далее». Окно двухфакторной аутентификации Google
Если вы включили двухфакторную аутентификацию для своего аккаунта Google (что я настоятельно рекомендую), вам будет предложено пройти аутентификацию, как показано выше. Экран приветствия в Jotform
После аутентификации вы увидите следующее окно приветствия. Теперь мы готовы к созданию нашей первой формы в Jotform!
Создание первой формы в jotform
Создание кнопки формы в jotform
Чтобы создать свою первую форму в JotForm, нажмите кнопку «Создать форму», как показано на скриншоте выше.
Создание формы с нуля
Варианты создания формы в jotform
- Начать с самого начала
- Использовать шаблон
- Форма ввода
START from Scratch предоставляет вам пустую форму для начала популярного поста с элементами. Библиотека шаблонов в jotform
Опция использовать шаблон позволяет выбрать готовый шаблон из огромной библиотеки шаблонов, предоставляемых JotForm (показана выше). Вы можете выбрать один из этих готовых шаблонов и настроить его под свои нужды.
Выбор формы ввода в jotform
- С веб-страницы
- Клонирование существующей формы jotform
- Импортировать форму PDF
Сделайте выбор, как вы хотите создать свою форму. В этом учебнике мы выберем вариант «Начать с нуля».
Выбор макета формы в jotform
Классическая форма или формат карточки для формы в jotform
- Классическая форма
- Форма карточки
Классический формат — это когда все поля вашей формы отображаются на одной странице. Карточная форма создает карточку для каждого поля вашей формы. Каждая карточка представляется человеку, заполняющему форму, по одной карточке за раз. В этом учебнике мы выберем вариант «Классическая форма», поскольку, вероятно, именно его вы будете чаще всего использовать в своих ежедневных формах.
Использование конструктора форм в jotform
Страница конструктора форм в jotform
Одна из лучших особенностей JOTFORM — это простота создания формы. Конструктор форм в Jotform просто великолепен и позволяет быстро создавать формы. Добавление кнопки элемента формы в jotform
Чтобы начать добавлять элементы в свою форму, нажмите кнопку «Добавить элемент формы», чтобы вызвать панель элементов формы. Элементы формы в jotform
- Основные
- Платежи
- Виджеты
В большинстве случаев вы будете использовать базовые элементы для большинства своих форм.
Полный элемент формы, переносимый в форму в Jotform
Чтобы добавить определенный элемент формы в вашу форму, просто нажмите на элемент, который вы хотите перетащить в вашу форму, поместив его в нужное место формы. В примере, показанном выше, я перетащил элемент «Полное имя» в форму.
Элемент формы «Полное имя» в jotform
Теперь ваш элемент формы должен находиться в форме. Давайте добавим еще один элемент. В нашем учебнике мы рассмотрим возможность сбора адреса электронной почты пользователя. Перетащите элемент формы электронной почты в форму в jotform
Чтобы добавить поле для сбора email в форму, просто прокрутите вниз до панели элементов формы на вкладке «BASIC». Нажмите и перетащите элемент формы «Email» в свою форму, разместив его там, где вы хотите, чтобы он появился на вашей форме.
Добавление заголовка к форме в jotform
Редактирование заголовка формы в jotform
Добавить/изменить название вашей формы в Jotform очень просто. Просто выделите заголовок формы по умолчанию/текущий, как показано на скриншоте выше, введите новый заголовок и нажмите «Enter».
Добавление подзаголовка к форме в Jotform
Добавление подзаголовка к форме в jotform
Чтобы добавить подзаголовок к форме в JotForm, просто нажмите на текст под заголовком формы, выделите его и введите новый подзаголовок. Выбор опции таблицы в jotform
Одна из замечательных вещей, которую Jotform делает для каждой созданной вами формы, — это создание таблицы для каждой формы. Когда пользователь заполняет вашу форму, запись автоматически добавляется в соответствующую таблицу в JotForm. Чтобы получить доступ к вашим таблицам в JotForm, нажмите кнопку КАРАТ (^), как показано на скриншоте выше, и выберите «Таблицы» в меню. Пустая таблица формы в jotform
После нажатия на кнопку «Таблицы» перед вами откроется вид всех таблиц, имеющихся в jotform. Нажмите на таблицу, которую вы хотите просмотреть. Ваша таблица будет содержать все поля вашей формы, установленные в качестве столбцов вашей таблицы. Когда пользователь заполнит и отправит вашу форму, данные формы будут автоматически добавлены в таблицу.
Интеграция jotforms с google sheets
Автоматически заполняемые данные формы в таблице jotform — это здорово, но что если вы хотите использовать другой сервис, например Google Sheets, для хранения данных формы? Нет проблем! Jotform очень гибок в вопросах интеграции со сторонними сервисами, такими как Google Sheets. Чтобы включить интеграцию с Google Sheets, откройте свою форму, перейдите на вкладку «Настройки», а затем нажмите «Интегрировать» на левой панели, как показано на скриншоте выше. Вы увидите список вариантов интеграции с различными сторонними сервисами. Выберите «Google Sheets» из доступных вариантов.
Сертификация интеграции Google Sheets в jotform
Теперь вы должны увидеть экран Google Sheets, подобный тому, на котором описана интеграция между JotForm и Google Sheets. Нажмите кнопку «Аутентификация», чтобы продолжить настройку.
Если у вас несколько учетных записей Google, появится меню с вопросом, какую учетную запись Google вы хотите использовать для интеграции. Выберите учетную запись Google, которую вы хотите использовать для интеграции с jotform.
Разрешения аккаунта Google для интеграции с jotform
Появится окно с описанием того, какой уровень доступа Jotform будет иметь к вашему аккаунту Google. Проверьте их и, если вас все устраивает, нажмите кнопку «Разрешить», чтобы дать JotForm разрешение на доступ к вашему аккаунту Google. Параметры настройки интеграции Google Sheets для jotform
На следующем экране вы узнаете, как можно настроить интеграцию между Google Sheets и JotForm. Основное решение, которое вам нужно принять, это добавить ли данные jotform в новый лист Google или в существующий лист Google. Я обычно использую новый лист Google, поэтому для этого руководства я решил создать новый лист Google для данных формы. Нажмите кнопку «Сохранить», чтобы сохранить настройки. Экран подтверждения интеграции Google Sheets в jotform
Теперь у вас должно появиться окно подтверждения интеграции. Нажмите кнопку «Готово», чтобы завершить настройку интеграции.
Заполнение формы в jotform
Чтобы проверить интеграцию Google Sheets, откройте форму в браузере, заполните ее и нажмите кнопку «Отправить».
Теперь вернитесь в Google Sheets и подтвердите, что данные вашей формы успешно заполнили Google Sheet.
Надеюсь, этот учебник был полезен для вас. Загляните в мой блог, чтобы найти еще больше уроков. Удачи!
Проект 24 из школы доходов — это программа, которую я использую. Я являюсь участником проекта уже более года и только что продлил свое членство. Я не могу рекомендовать проект 24! Для получения дополнительной информации о школе доходов перейдите по ссылке ниже: