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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

С плагином есть и другие придирки. Например, стиль блока «Встроенный», доступный для некоторых блоков, нельзя сбросить до значения по умолчанию. Буква «C» в имени блока флажка – это строчные буквы, в то время как имена всех остальных блоков начинаются с заглавной буквы. Эти мелочи делают плагин менее отточенным, чем он есть на самом деле.

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

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