Construir formulários através do editor de blocos com formulários Gutenberg

A busca pelo plugin de formulário perfeito é quase tão antiga quanto o WordPress. Projetos vêm e vão. Existem alguns ótimos plugins de formulários por aí, mas muitas vezes as escolhas são entre grandes construtores que fazem as coisas do seu jeito e soluções tão simples que não atendem às expectativas. Munir Kamal colocou seu chapéu no ringue com sua opinião sobre esse mercado saturado com o Gutenberg Forms, um plug-in projetado exclusivamente para criar formulários no editor de blocos.

O plugin não é perfeito. Tem inúmeras peculiaridades. Faz muita coisa certa. Ele falha às vezes com recursos que podem mudar o jogo. Ele tem o potencial de ser um dos melhores plugins de criação de formulários para WordPress.

A partir da versão 1.4.0, a atualização mais recente, o Gutenberg Forms é uma mistura de sucesso e frustração. Estou animado sobre isso.

Estou animado porque ainda estamos no início da vida útil deste plugin. Estou empolgado porque Kamal construiu alguns projetos bem-sucedidos relacionados ao Gutenberg em um curto período de tempo, incluindo o Gutenberg Hub e o ACF Blocks. Estou animado porque acredito que vai melhorar com o tempo.

Plugins de formulário não são fáceis. Apesar de seus problemas atuais, que abordaremos, o Gutenberg Forms é um plugin útil que marca muitas das caixas que eu quero ver em um construtor de formulários daqui para frente. As ideias necessárias para formulários baseados em blocos estão em vigor. A execução só precisa de algum refinamento.

O Gutenberg Forms foi recriado em fevereiro deste ano. Kamal lançou originalmente o plugin em 2018, mas ficou no limbo por um ano e meio antes de atualizá-lo com as APIs mais recentes. Desde então, ele está em lágrimas, lançando atualizações frequentes e melhorando o funcionamento do plugin. Eu testei pela primeira vez meses atrás e não fiquei feliz com o resultado. No entanto, a iteração mais recente mostra muito mais promessa.

Com apenas mais de 200 usuários atuais, a maior coisa que o plugin precisa é de mais feedback de mais usuários.

Formulários de construção

O Gutenberg Forms simplifica a construção de formulários. Existem duas maneiras de construir formulários no plugin. O primeiro método é uma tela personalizada de “Formulários” no admin. É um tipo de postagem personalizado que funciona como uma postagem ou página. A diferença é que os usuários estão limitados a adicionar campos de formulário fornecidos pelo plugin. Usar este método de construção de formulários é ideal porque o formulário é salvo em um único local e pode ser usado em qualquer lugar do site.

O segundo método é construir um formulário diretamente do editor de postagem ou página. Todos os blocos personalizados do plugin estão disponíveis para a criação de um formulário personalizado. Para formulários únicos, esse pode ser o método a ser usado, mas recomendo criar a partir da tela Formulários.

Depois de construir um formulário através da tela Formulários, os usuários podem usar posteriormente o bloco Gutenberg Forms para inserir um formulário salvo. O que realmente acontece ao inserir este bloco é que, ao escolher um formulário salvo, o plugin insere um shortcode no editor. Esta é uma daquelas peculiaridades com o plugin. Uma das ideias dos blocos de construção é que os desenvolvedores se afastem da utilização do sistema de código de acesso. Não há necessidade de misturar um shortcode aqui de uma perspectiva técnica. Deve ser simplesmente um bloco do lado do servidor. Eu não imagino que isso importe muito para os usuários finais. Funciona. É simplesmente uma estranheza que espero que evolua a longo prazo.

O plug-in fornece a maioria dos campos de formulário comuns que os usuários finais esperariam ver em um plug-in de formulário. A seguir estão os blocos de campo de formulário atualmente disponíveis:

• Cálculo
• Caixa de seleção
• Seletor de data
• E-mail
• Arquivo
• Botão de formulário
• Mensagem
• Nome
• Número
• Telefone
• Rádio
• Selecionar
• Texto
• Local na rede Internet
• Sim não

O Gutenberg Forms também inclui outros blocos que não são para campos de saída. O bloco Form Columns permite que os usuários finais criem campos em colunas. Isso funciona muito bem para campos que precisam ser alinhados horizontalmente, como campos de cidade, estado e CEP. O bloco Form Group permite que os usuários agrupem vários blocos. Ele também tem várias opções de design, incluindo cores e preenchimento personalizados. O bloco Form Step é útil para adicionar etapas em formulários de várias etapas.

O maior recurso, mas menos polido, é a biblioteca de modelos pré-projetados que o Gutenberg Forms disponibiliza. Atualmente, o plugin tem cerca de três dúzias de modelos personalizados. Dado o trabalho de Kamal com modelos no Gutenberg Hub, acho que veremos ainda mais modelos no futuro.

O problema? O insersor de modelo de formulário nem sempre funciona.

Testando o plug-in com o plug-in mais recente do WordPress e do Gutenberg, não consegui inserir nenhum modelo de formulário na nova tela de formulário. Ocorreram erros de JavaScript que impediram sua inserção. Um dos recursos mais interessantes do plugin não funcionar, pelo menos no meu ambiente de teste, foi um pouco decepcionante.

Embora a inserção de um modelo não tenha funcionado na tela de criação de formulários, funcionou ao criar formulários únicos na tela de edição de página. No entanto, recebi a temida mensagem “este bloco contém conteúdo inesperado ou inválido” para alguns dos blocos após a inserção.

Esta questão não é insuperável. O projeto Gutenberg está em constante estado de fluxo. Estou perdoando esses tipos de problemas agora porque as coisas estão muito instáveis, e também sei que eles podem ser resolvidos em uma atualização. No entanto, quero apontá-los para usuários que precisam de algo um pouco mais polido em seus ambientes de produção. Você pode criar formulários facilmente sem o recurso de modelo.

Pensamentos finais

Sim, o Gutenberg Forms é um pouco áspero. Não está no ponto em que pode ser competitivo com alguns dos outros grandes players do mercado de formulários. No entanto, daqui a seis meses ou um ano, assumindo uma melhoria contínua, ele deve estar em condições de começar a cortar seu próprio pedaço do bolo.

Existem alguns outros detalhes com o plugin. Por exemplo, o estilo de bloco “Inline” disponível com alguns blocos não pode ser redefinido para o padrão. O “C” no nome do bloco Checkbox é minúsculo, enquanto todos os outros nomes de bloco começam com uma letra maiúscula. Essas pequenas coisas fazem o plugin parecer menos polido do que é.

Mesmo com os problemas que descrevi, eu recomendaria às pessoas no mercado um construtor de formulários baseado em blocos para testar este plugin. Sua simplicidade o tornará uma escolha fácil para muitos. Na maioria das vezes, funciona bem. No final das contas, ele permite que você crie formulários e armazene os envios para esses formulários diretamente no banco de dados, e isso é o que realmente importa.

Acredito firmemente que estamos no início de algo especial. Vai demorar um pouco antes de chegarmos lá. Mesmo que o Gutenberg Forms não domine o mercado de construtores de formulários, outros desenvolvedores de plug-ins devem começar a entender o que esse plug-in está fazendo.