Anzeigeart eines Feedback-Formulars festlegen

Mit der Anzeigeart bestimmst du, wie dein Feedback-Formular auf deiner WordPress-Website dargestellt wird. OuterWhisper bietet dafür vier verschiedene Varianten: direkt im Inhalt, als Overlay, als Slide-in oder über einen schwebenden Feedback-Button.

Die Anzeigeart wird für jedes Formular separat festgelegt.

Anzeigeeinstellungen öffnen

Öffne das gewünschte Formular im OuterWhisper Formular-Builder und wechsle oben zum Tab „Anzeige“.

Im Bereich „Hauptanzeigetyp wählen“ stehen dir vier Anzeigearten zur Verfügung:

Anzeigeart	Beschreibung
In-Content (Shortcode)	Das Formular wird direkt in einen Seiten- oder Beitragsinhalt eingebettet.
Overlay Modal (Pop-up)	Das Formular erscheint als Dialogfenster über dem Seiteninhalt.
Slide-In Widget	Das Formular wird als Widget am Rand des Browserfensters eingeblendet.
Schwebender Feedback-Button	Ein dauerhaft erreichbarer Button öffnet das Feedback-Formular.

Klicke auf die gewünschte Anzeigeart. Die darunter verfügbaren Einstellungen passen sich automatisch an deine Auswahl an. In der Vorschau auf der rechten Seite siehst du direkt, wie die gewählte Variante aussehen kann.

In-Content: Formular direkt im Inhalt anzeigen

Mit „In-Content (Shortcode)“ wird dein Feedback-Formular direkt innerhalb des Seiten- oder Beitragsinhalts dargestellt.

Du kannst das Formular per Shortcode an einer gewünschten Stelle einfügen oder die automatische Einfügung aktivieren.

Aktivierst du „Automatisches Einfügen ohne Shortcode“, kannst du anschließend über „Einfüge-Position im Beitrag“ festlegen, an welcher Stelle OuterWhisper das Formular automatisch in den Inhalt einfügt.

Diese Anzeigeart eignet sich besonders für Feedback, das sich direkt auf einen bestimmten Inhalt bezieht – beispielsweise eine Bewertung am Ende eines Artikels.

Größe und Abstände anpassen

Unter „Globale Einstellungen → Abstände & Maße“ kannst du die Darstellung weiter anpassen.

Dort stehen Einstellungen für Innenabstand (Padding), Außenabstand (Margin) sowie maximale Breite und Höhe zur Verfügung.

Damit kannst du das Formular beispielsweise auf eine bestimmte Maximalbreite begrenzen oder die Abstände zum umgebenden Inhalt verändern.

Eigene Farben verwenden

Unter „Design & Farben“ kannst du die standardmäßigen Theme-Farben überschreiben.

Aktiviere dazu „Individuelle Farbanpassung aktivieren“. Anschließend kannst du unter anderem Hintergrundfarbe, Rahmenfarbe, Rahmenstil, Rahmenbreite und Rahmenradius festlegen.

Overlay Modal und Slide-in verwenden

Mit „Overlay Modal (Pop-up)“ erscheint das Feedback-Formular über dem eigentlichen Seiteninhalt.

Das „Slide-In Widget“ verwendet dieselben grundlegenden Einstellungen. Der wesentliche Unterschied liegt in der Darstellung beziehungsweise Positionierung des Formulars.

Für beide Anzeigearten stehen zusätzlich Auslöser & Timing (Triggers) zur Verfügung. Damit bestimmst du, wann das Formular eingeblendet werden soll.

Zur Auswahl stehen:

• Klick-Event
• Exit-Intent
• Zeitverzögerung
• Scrolltiefe

Bei einem Klick-Event kannst du beispielsweise einen CSS-Selektor angeben. Das Formular öffnet sich dann, sobald ein Besucher auf ein Element klickt, das diesem Selektor entspricht.

Die Trigger behandeln wir ausführlich in einem separaten Hilfeartikel.

Verhalten und Wiederanzeige festlegen

Unter „Globale Einstellungen → Verhalten & Frequenz“ steuerst du, wie häufig das Formular einem Besucher erneut angezeigt werden soll.

Mit „Nach Schließen ausblenden“ kannst du eine Anzahl von Tagen festlegen, für die das Formular nach dem Schließen verborgen bleibt. Der Wert 0 bedeutet, dass es bei jedem Aufruf wieder angezeigt werden kann.

Mit „Nach Absenden ausblenden“ bestimmst du entsprechend, wie lange das Formular nach erfolgreichem Feedback verborgen bleibt.

Über den Cookie-Geltungsbereich legst du fest, für welchen Bereich diese Einstellung gelten soll.

Je nach Anzeigeart stehen außerdem Optionen zum Schließverhalten zur Verfügung. Bei Overlay und Slide-in kannst du beispielsweise festlegen, ob Scrollen im Hintergrund erlaubt ist, ob der Hintergrund abgedunkelt wird und ob sich das Fenster durch einen Klick auf den Hintergrund oder über die ESC-Taste schließen lässt.

Position und Größe von Overlay und Slide-in ändern

Unter „Ausrichtung & Maße“ bestimmst du die Position des Formulars auf dem Bildschirm und seine maximale Breite.

Bei einem Overlay kannst du das Formular beispielsweise zentriert in der Bildschirmmitte darstellen.

Beim Slide-in kannst du eine Position am Bildschirmrand verwenden, beispielsweise unten rechts.

Da Overlay und Slide-in dieselben Einstellmöglichkeiten verwenden, kannst du durch einen Wechsel der Anzeigeart unterschiedliche Darstellungen mit einer weitgehend identischen Konfiguration umsetzen.

Kopfzeilen-Indikator und Footer anpassen

Unter „Design & Farben“ stehen für Overlay und Slide-in weitere Optionen für den Kopfbereich zur Verfügung.

Als Indikator-Typ kannst du beispielsweise einen Fortschrittsbalken, den Formulartitel, eine Schritt-Anzeige oder keinen Indikator verwenden.

Bei mehrstufigen Formularen kann die Schritt-Anzeige beispielsweise verdeutlichen, an welcher Stelle des Formulars sich ein Besucher gerade befindet.

Zusätzlich kannst du einen Footer-Text im Overlay aktivieren und einen eigenen Text hinterlegen.

Schwebenden Feedback-Button verwenden

Mit „Schwebender Feedback-Button“ wird ein fester Feedback Button für WordPress am Seitenrand angezeigt. Klickt ein Besucher darauf, öffnet sich das zugehörige Feedback-Formular.

Unter „Feedback-Button Einstellungen“ kannst du die Beschriftung und Position des Buttons festlegen.

Zusätzlich lässt sich ein eigenes Design aktivieren. Anschließend kannst du die Schriftgröße sowie Hintergrund-, Text- und Rahmenfarben einschließlich der jeweiligen Hover-Farben konfigurieren.

Eine zusätzliche Option ermöglicht es, den Feedback-Button vorübergehend auszublenden, wenn der Footer-Text aktiviert ist.

Auch für den schwebenden Feedback-Button stehen die globalen Einstellungen für Verhalten & Frequenz, Ausrichtung & Maße sowie Design & Farben zur Verfügung.

Anzeige in der Vorschau kontrollieren

Die Vorschau auf der rechten Seite zeigt den aktuell ausgewählten Anzeigemodus.

Bei Overlay, Slide-in und Feedback-Button kannst du die Darstellung über „Trigger simulieren“ direkt im Builder testen. Dadurch musst du das Formular nicht erst auf einer echten Seite auslösen, um die grundsätzliche Darstellung zu kontrollieren.

Formular speichern und veröffentlichen

Wenn du die gewünschte Anzeigeart und die dazugehörigen Einstellungen vorgenommen hast, speichere deine Änderungen über „Speichern“.

Damit das Formular auf deiner Website eingesetzt werden kann, muss es anschließend entsprechend veröffentlicht beziehungsweise aktiviert sein.