Adicione formulários às páginas.

Aprender DXPR BuilderCriar páginasSeguir um tutorial

Aqui põe-se um formulário de registo junto à sua mensagem numa secção. O formulário é um bloco Drupal, por isso pode colocar desta forma qualquer webform aberto. Use esta página para um formulário dentro de uma página existente. Para uma página completa com morada, mapa e horário, siga Crie uma página de contacto.

O vídeo constrói um registo de newsletter para uma clínica.

Antes de começar

  • A sua função tem a permissão Edit with DXPR Builder.
  • O formulário existe, por exemplo como um webform feito com o módulo Webform.
  • A página está aberta no construtor. Para uma nova, vá a Content > Add content > Landing Page (/node/add/landing_page) e clique em Save.

Passo 1: adicione uma secção com cor

  1. Clique em Add Elements na página vazia e escolha Section no separador Layout.
  2. Paire o cursor sobre a secção e abra More > Settings. Abra o painel Style, escolha um Background cinzento claro e clique em Save.

Passo 2: adicione duas colunas

  1. Clique em + na secção e escolha Row. Uma fila nova vem com duas colunas iguais, a divisão que quer aqui.

Passo 3: escreva a mensagem de registo

  1. Clique em + na coluna da esquerda e escolha Text no separador Content.
  2. Escreva "Get health tips by email" e defina-o como Heading 2 na barra de ferramentas.
  3. Adicione uma linha sobre o que os subscritores recebem e com que frequência e clique em Save.

Passo 4: insira o formulário

  1. Clique em + na coluna da direita.
  2. Abra o separador Drupal Blocks.
  3. Escolha o bloco do seu formulário e clique em Save na sua caixa de diálogo de definições. O formulário apresenta-se na coluna.

Passo 5: guarde e pré-visualize

  1. Clique em Save na barra de ferramentas do construtor.
  2. Abra o menu de vista (o ícone de olho) e escolha Preview para ver a mensagem ao lado do formulário.

De onde vêm os formulários

Não mostrado no vídeo:

  • Webform module: todos os webforms abertos estão listados no separador Drupal Blocks como "Block: DXPR builder: Webform:" seguido do seu nome. Escreva o nome em Search ou escolha DXPR builder em Filter by category.
  • Core Contact module: os seus formulários em Structure > Contact forms não têm bloco próprio. O módulo contribuído Contact Block adiciona um Contact block ao mesmo separador.

Estilizar formulários

Não mostrado no vídeo. Os formulários usam os estilos do seu tema. Para os mudar:

  • Adicione classes em HTML classes no painel General do bloco e aplique estilo a essas classes no seu tema.
  • Defina margem e preenchimento à volta do formulário no painel Style do bloco.

O que vê

A faixa cinzenta tem o seu cabeçalho e uma linha de texto à esquerda e o formulário à direita. Na pré-visualização, o formulário funciona como funcionará para os visitantes e as submissões vão para os próprios processadores do formulário. Escolha Edit no menu de olho para continuar a trabalhar.

Se não vir o formulário

  • O seu webform não está no separador Drupal Blocks. O construtor só lista webforms abertos. Vá a Structure > Webforms (/admin/structure/webform) e defina o estado do formulário como Open.
  • O separador Drupal Blocks falta ou está vazio. O construtor só lista blocos quando o módulo Block Content do núcleo está ligado. Ligue-o em Extend (/admin/modules).
  • Os visitantes veem uma coluna vazia onde o formulário devia estar. O bloco esconde um webform de quem não pode submetê-lo. Permita à função deles criar submissões nas definições Access do webform.
  • As suas mudanças desapareceram depois de recarregar. Saiu da página antes de clicar em Save na barra de ferramentas do construtor. Se Save mostra um erro, veja As mudanças não guardam.

E a seguir?