Formulare zu Seiten hinzufügen.

DXPR Builder lernenSeiten erstellenTutorial folgen

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.

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

Klicken Sie auf der leeren Seite auf Add Elements und wählen Sie Section aus dem Tab Layout.
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

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.

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

Schritt 4: Das Formular einfügen

Klicken Sie in der rechten Spalte auf +.
Öffnen Sie den Tab Drupal Blocks.
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

Klicken Sie in der Builder-Symbolleiste auf Save.
Ö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.

Wie geht es weiter?

Kontaktseite für eine ganze Seite mit Formular, Karte und Öffnungszeiten
Drupal-Blöcke für jeden Block, den Sie auf einer Seite platzieren können