---
url: 'https://dxpr.com/de/hc/dokumentation/dxpr-builder-lernen/tutorials/formulare-hinzufuegen'
title: 'Formulare zu Seiten hinzufügen | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T08:45:44+00:00'
updated: '2026-10-24T20:03:43+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: |-
  Hier setzen Sie ein Anmeldeformular neben Ihre Nachricht in einen Abschnitt. Das Formular ist ein Drupal-Block, sodass Sie jedes offene Webform so platzieren können. Nutzen Sie diese Seite für ein Formular in einer bestehenden Seite. Für eine ganze Seite mit Adresse, Karte und Öffnungszeiten folgen Sie Eine Kontaktseite erstellen.
  Das Video baut eine Newsletter-Anmeldung für eine Arztpraxis.
tags:
  - 'Follow a tutorial'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T20:03:43+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'Formulare zu Seiten hinzufügen'
      description: |-
        Hier setzen Sie ein Anmeldeformular neben Ihre Nachricht in einen Abschnitt. Das Formular ist ein Drupal-Block, sodass Sie jedes offene Webform so platzieren können. Nutzen Sie diese Seite für ein Formular in einer bestehenden Seite. Für eine ganze Seite mit Adresse, Karte und Öffnungszeiten folgen Sie Eine Kontaktseite erstellen.
        Das Video baut eine Newsletter-Anmeldung für eine Arztpraxis.
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T08:45:44+0000'
      dateModified: '2026-10-24T20:03:43+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/de/hc/dokumentation/dxpr-builder-lernen/tutorials/formulare-hinzufuegen'
      articleSection: 'Tutorial folgen'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/de/hc/dokumentation/dxpr-builder-lernen/tutorials/formulare-hinzufuegen'
      description: |-
        Hier setzen Sie ein Anmeldeformular neben Ihre Nachricht in einen Abschnitt. Das Formular ist ein Drupal-Block, sodass Sie jedes offene Webform so platzieren können. Nutzen Sie diese Seite für ein Formular in einer bestehenden Seite. Für eine ganze Seite mit Adresse, Karte und Öffnungszeiten folgen Sie Eine Kontaktseite erstellen.
        Das Video baut eine Newsletter-Anmeldung für eine Arztpraxis.
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: Startseite
            item: 'https://dxpr.com/de'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: de
---
[Hilfe-Center](/de/hc)/[Dokumentation](/de/hc/dokumentation) /[DXPR Builder lernen](/de/hc/documentation/learn-dxpr-builder) /[Seiten erstellen](/de/hc/documentation/learn-dxpr-builder/build) /[Tutorial folgen](/de/hc/documentation/learn-dxpr-builder/tutorials/overview) # Formulare zu Seiten hinzufügen.

 DXPR Builder lernenSeiten erstellenTutorial folgen

   ## In diesem Leitfaden

 Verwandte Leitfäden

- [Eine Kontaktseite erstellen](/de/hc/dokumentation/dxpr-builder-lernen/tutorials/kontaktseite)
- [Einen Drupal-Block zu Ihrer Seite hinzufügen](/de/hc/dokumentation/dxpr-builder-lernen/integrationen/drupal-bloecke)

Hier setzen Sie ein Anmeldeformular neben Ihre Nachricht in einen Abschnitt. Das Formular ist ein Drupal-Block, sodass Sie jedes offene Webform so platzieren können. Nutzen Sie diese Seite für ein Formular in einer bestehenden Seite. Für eine ganze Seite mit Adresse, Karte und Öffnungszeiten folgen Sie [Eine Kontaktseite erstellen](/de/hc/documentation/learn-dxpr-builder/tutorials/contact-page).

Das Video baut eine Newsletter-Anmeldung für eine Arztpraxis.

  ## Bevor Sie beginnen

- Ihre Rolle hat die Berechtigung **Edit with DXPR Builder**.
- Das Formular existiert, etwa als Webform, das mit dem Webform-Modul erstellt wurde.
- Die Seite ist im Builder geöffnet. Für eine neue gehen Sie zu **Content** > **Add content** > **Landing Page** (`/node/add/landing_page`) und klicken Sie auf **Save**.

## Schritt 1: Einen getönten Abschnitt hinzufügen

1. Klicken Sie auf der leeren Seite auf **Add Elements** und wählen Sie **Section** aus dem Tab **Layout**.
2. Fahren Sie über den Abschnitt und öffnen Sie **More** > **Settings**. Öffnen Sie das Panel **Style**, wählen Sie ein hellgraues **Background** und klicken Sie auf **Save**.

## Schritt 2: Zwei Spalten hinzufügen

1. Klicken Sie auf **+** auf dem Abschnitt und wählen Sie **Row**. Eine neue Zeile kommt mit zwei gleichen Spalten, die Aufteilung, die Sie hier wollen.

## Schritt 3: Die Anmeldenachricht schreiben

1. Klicken Sie in der linken Spalte auf **+** und wählen Sie **Text** aus dem Tab **Content**.
2. Geben Sie „Gesundheitstipps per E-Mail“ ein und setzen Sie es in der Symbolleiste auf **Heading 2**.
3. Fügen Sie eine Zeile hinzu, was Abonnenten erhalten und wie oft, und klicken Sie dann auf **Save**.

## Schritt 4: Das Formular einfügen

1. Klicken Sie in der rechten Spalte auf **+**.
2. Öffnen Sie den Tab **Drupal Blocks**.
3. Wählen Sie den Block Ihres Formulars und klicken Sie in seinem Einstellungsdialog auf **Save**. Das Formular rendert in der Spalte.

## Schritt 5: Speichern und Vorschau

1. Klicken Sie in der Builder-Symbolleiste auf **Save**.
2. Öffnen Sie das Ansichtsmenü (das **Augen-Icon**) und wählen Sie **Preview**, um die Nachricht neben dem Formular zu sehen.

## Woher Formulare kommen

Nicht im Video gezeigt:

- **Webform-Modul**: Jedes offene Webform ist im Tab **Drupal Blocks** als „Block: DXPR builder: Webform:“ gefolgt von seinem Namen gelistet. Geben Sie den Namen in **Search** ein oder wählen Sie **DXPR builder** unter **Filter by category**.
- **Core-Modul Contact**: Seine Formulare unter **Structure** > **Contact forms** haben keinen eigenen Block. Das Contrib-Modul Contact Block fügt demselben Tab einen **Contact block** hinzu.

## Formulare stylen

Nicht im Video gezeigt. Formulare übernehmen die Stile Ihres Themes. Um sie zu ändern:

- Fügen Sie Klassen unter **HTML classes** im Panel **General** des Blocks hinzu und stylen Sie diese Klassen in Ihrem Theme.
- Setzen Sie Margin und Padding um das Formular im Panel **Style** des Blocks.

## Was Sie sehen

Das graue Band hält Ihre Überschrift und eine Textzeile links und das Formular rechts. In der Vorschau funktioniert das Formular wie für Besucher, und Einsendungen gehen an die eigenen Handler des Formulars. Wählen Sie **Edit** im Augen-Menü, um weiterzuarbeiten.

## Wenn Sie das Formular nicht sehen

- **Ihr Webform ist nicht im Tab Drupal Blocks.** Der Builder listet nur offene Webforms. Gehen Sie zu **Structure** > **Webforms** (`/admin/structure/webform`) und setzen Sie den Status des Formulars auf **Open**.
- **Der Tab Drupal Blocks fehlt oder ist leer.** Der Builder listet Blöcke nur, wenn das Core-Modul **Block Content** an ist. Schalten Sie es unter **Extend** (`/admin/modules`) ein.
- **Besucher sehen eine leere Spalte, wo das Formular sein sollte.** Der Block verbirgt ein Webform vor Personen, die es nicht einsenden dürfen. Erlauben Sie ihrer Rolle, Einsendungen zu erstellen, in den **Access**-Einstellungen des Webforms.
- **Ihre Änderungen sind nach einem Neuladen weg.** Sie haben die Seite verlassen, bevor Sie auf **Save** in der Builder-Symbolleiste geklickt haben. Wenn Save einen Fehler zeigt, siehe [Änderungen werden nicht gespeichert](/de/hc/dokumentation/dxpr-builder-lernen/fehlerbehebung/speichern-schlaegt-fehl).

## Wie geht es weiter?

- [Kontaktseite](/de/hc/documentation/learn-dxpr-builder/tutorials/contact-page) für eine ganze Seite mit Formular, Karte und Öffnungszeiten
- [Drupal-Blöcke](/de/hc/documentation/learn-dxpr-builder/integrations/drupal-blocks) für jeden Block, den Sie auf einer Seite platzieren können