Создавайте формы с помощью редактора блоков с формами Гутенберга

Поиски идеального плагина формы почти так же стары, как WordPress. Проекты приходили и уходили. Есть несколько отличных плагинов для форм, но слишком часто приходится выбирать между массивными конструкторами, которые делают что-то по-своему, и решениями настолько простыми, что они не совсем оправдывают ожидания. Мунир Камаль сделал ставку на этот насыщенный рынок с помощью Gutenberg Forms, плагина, предназначенного исключительно для создания форм в редакторе блоков.

Плагин далеко не идеален. Он имеет множество особенностей. Многое делает правильно. Время от времени он терпит неудачу с функциями, которые могут изменить правила игры. Он может стать одним из лучших плагинов для создания форм для WordPress.

Начиная с версии 1.4.0, последнего обновления, Gutenberg Forms представляет собой смесь успеха и разочарования. Я в восторге от этого.

Я взволнован, потому что мы все еще находимся на ранней стадии жизненного цикла этого плагина. Я взволнован тем, что Камаль за короткое время создал несколько успешных проектов, связанных с Гутенбергом, в том числе Гутенберг Хаб и Блоки ACF. Я взволнован, потому что верю, что со временем он улучшится.

Плагины форм не просты. Несмотря на текущие проблемы, к которым мы еще вернемся, Gutenberg Forms — полезный плагин, который отвечает многим требованиям, которые я хочу видеть в конструкторе форм в будущем. Идеи, необходимые для блочных форм, готовы. Исполнение просто нуждается в некоторой доработке.

Gutenberg Forms был воссоздан в феврале этого года. Камаль первоначально выпустил плагин в 2018 году, но полтора года он находился в подвешенном состоянии, прежде чем он обновил его с помощью последних API. С тех пор он был в слезах, выпуская частые обновления и улучшая работу плагина. Я впервые протестировал его несколько месяцев назад и не был доволен результатом. Однако последняя итерация обещает гораздо больше.

Имея всего 200+ текущих пользователей, самое главное, что нужно плагину, — это больше отзывов от большего количества пользователей.

Строительные формы

Gutenberg Forms упрощает создание форм. В плагине есть два способа создания форм. Первый способ — это настраиваемый экран «Формы» в админке. Это настраиваемый тип записи, который работает так же, как запись или страница. Разница в том, что пользователи могут добавлять поля форм, предоставляемые плагином. Использование этого метода построения форм идеально, поскольку форма сохраняется в одном месте и может использоваться в любом месте сайта.

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

После создания формы с помощью экрана «Формы» пользователи могут позже использовать блок «Формы Гутенберга» для вставки сохраненной формы. Что на самом деле происходит при вставке этого блока, так это то, что при выборе сохраненной формы плагин вставляет шорткод в редактор. Это одна из тех причуд с плагином. Одна из идей строительных блоков заключается в том, чтобы разработчики отказались от использования системы шорткодов. Здесь нет необходимости смешивать шорткод с технической точки зрения. Это должен быть просто блок на стороне сервера. Я не думаю, что это имеет большое значение для конечных пользователей. Оно работает. Это просто странность, которая, я надеюсь, изменится в долгосрочной перспективе.

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

• Расчет
• Флажок
• Выбор даты
• Электронное письмо
• Файл
• Кнопка формы
• Сообщение
• Имя
• Число
• Телефон
• Радио
• Выбирать
• Текст
• Веб-сайт
• Да нет

Gutenberg Forms также включает в себя другие блоки, которые не предназначены для вывода полей. Блок «Столбцы формы» позволяет конечным пользователям создавать поля с столбцами. Это отлично подходит для полей, которые необходимо выровнять по горизонтали, таких как поля города, штата и почтового индекса. Блок Form Group позволяет пользователям группировать несколько блоков. Он также имеет несколько вариантов дизайна, включая пользовательские цвета и отступы. Блок Form Step полезен для добавления шагов в многошаговые формы.

Самая большая, но наименее совершенная функция — это предварительно разработанная библиотека шаблонов, которую предоставляет Gutenberg Forms. В настоящее время в плагине около трех десятков пользовательских шаблонов. Учитывая работу Камала с шаблонами в Gutenberg Hub, я предполагаю, что в будущем мы увидим еще больше шаблонов.

Проблема? Средство вставки шаблонов форм не всегда работает.

Тестируя плагин как с последним плагином WordPress, так и с плагином Gutenberg, я не смог вставить какой-либо шаблон формы через новый экран формы. Были ошибки JavaScript, которые не позволили его вставить. Одной из самых захватывающих особенностей плагина, который не работал, по крайней мере, в моей тестовой среде, было небольшое разочарование.

Вставка шаблона не работала на экране создания форм, но работала при создании одноразовых форм на экране редактирования страниц. Однако я получил ужасное сообщение «этот блок содержит неожиданное или недопустимое содержимое» для некоторых блоков после вставки.

Эта проблема не является непреодолимой. Проект Гутенберга находится в постоянном движении. Я прощаю такие проблемы прямо сейчас, потому что все так нерешено, и я также знаю, что они могут быть решены в обновлении. Тем не менее, я хочу указать на них для пользователей, которым может понадобиться что-то более совершенное в их производственных средах. Вы можете легко создавать формы без функции шаблона.

Последние мысли

Да, Gutenberg Forms немного грубоват по краям. Это не тот момент, когда он может конкурировать с некоторыми другими крупными игроками на рынке форм. Тем не менее, через шесть месяцев или год, при условии дальнейшего улучшения, он должен быть в состоянии начать отрезать свой кусок пирога.

Есть и другие придирки к плагину. Например, стиль блока «Встроенный», доступный для некоторых блоков, нельзя сбросить до значения по умолчанию. Буква «C» в имени блока Checkbox написана строчными буквами, а имена всех остальных блоков начинаются с прописной буквы. Из-за этих мелочей плагин кажется менее совершенным, чем он есть на самом деле.

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

Я твердо верю, что мы находимся в начале чего-то особенного. Просто пройдет немного времени, прежде чем мы туда доберемся. Даже если Gutenberg Forms не завоюет рынок конструкторов форм, другие разработчики плагинов должны начать понимать, что делает этот плагин.