---
url: 'https://dxpr.com/pt-pt/hc/documentation/learn-dxpr-builder/tutorials/add-forms'
title: 'Adicione formulários às páginas | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T09:05:25+00:00'
updated: '2026-10-24T09:09:48+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  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.
tags:
  - 'Volg een tutorial'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T09:09:48+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Adicione formulários às páginas'
      description: |-
        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.
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T09:05:25+0000'
      dateModified: '2026-10-24T09:09:48+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/pt-pt/hc/documentation/learn-dxpr-builder/tutorials/add-forms'
      articleSection: 'Volg een tutorial'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/pt-pt/hc/documentation/learn-dxpr-builder/tutorials/add-forms'
      description: |-
        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.
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Início
            item: 'https://dxpr.com/pt-pt'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: pt-pt
---
[Help Center](/pt-pt/node/75)/[Documentation](/pt-pt/hc/documentation) /[Learn DXPR Builder](/hc/documentation/learn-dxpr-builder) /[Build pages](/hc/documentation/learn-dxpr-builder/build) /[Volg een tutorial](/hc/documentation/learn-dxpr-builder/tutorials/overview) # Adicione formulários às páginas.

 Learn DXPR BuilderBuild pagesVolg een tutorial

   ## In this guide

 Related guides

- [Crie uma página de contacto](/pt-pt/hc/documentation/learn-dxpr-builder/tutorials/contact-page)
- [Drupal Blocks](/hc/documentation/learn-dxpr-builder/integrations/drupal-blocks)

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](/pt-pt/hc/documentation/learn-dxpr-builder/tutorials/contact-page).

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](/pt-pt/hc/documentation/learn-dxpr-builder/troubleshooting/saving-fails).

## E a seguir?

- [Crie uma página de contacto](/pt-pt/hc/documentation/learn-dxpr-builder/tutorials/contact-page) para uma página completa com formulário, mapa e horário
- [Blocos Drupal](/hc/documentation/learn-dxpr-builder/integrations/drupal-blocks) para todos os blocos que pode colocar numa página