Schwebenden Feedback-Button einrichten und gestalten

Mit dem Anzeige-Typ Schwebender Feedback-Button kannst du einen dauerhaft erreichbaren Feedback-Button am Rand deiner Website platzieren. Besucher können darüber das Feedback-Formular bei Bedarf selbst öffnen, ohne dass es automatisch eingeblendet werden muss.

Beschriftung, Position und Gestaltung des Buttons konfigurierst du direkt im Formular-Builder unter Anzeige.

Schwebenden Feedback-Button als Anzeigeart wählen

Öffne dein Feedback-Formular und wechsle zum Tab Anzeige. Wähle unter Hauptanzeigetyp wählen die Option Schwebender Feedback-Button.

Anschließend erscheint der zusätzliche Bereich Feedback-Button Einstellungen. Dort kannst du festlegen, wie der Button auf deiner Website dargestellt werden soll.

In der Vorschau auf der rechten Seite siehst du direkt, wie sich der Button auf deiner WordPress-Webseite verhält.

Beschriftung des Buttons ändern

Unter Button-Beschriftung legst du fest, welcher Text auf dem schwebenden Button angezeigt wird.

Als Beschriftung kannst du beispielsweise FEEDBACK verwenden. Je nach Einsatzzweck sind aber auch konkretere Texte wie „Feedback geben“ oder „Seite bewerten“ möglich.

Eine kurze Beschriftung eignet sich besonders gut, da der Button am Seitenrand nur begrenzt Platz beanspruchen soll.

Position des Feedback-Buttons festlegen

Über Button-Position bestimmst du, an welcher Stelle des Bildschirmrands der Feedback-Button erscheint.

Die ausgewählte Position wird direkt in der Vorschau dargestellt. So kannst du prüfen, ob der Button gut erreichbar ist und gleichzeitig keine wichtigen Inhalte oder Bedienelemente deiner Website verdeckt.

Feedback-Button vorübergehend ausblenden

OuterWhisper bietet die Option „Feedback-Button vorübergehend ausblenden“ anzeigen, wenn Footer-Text deaktiviert.

Ist diese Funktion aktiviert, kann dem Besucher eine Möglichkeit angeboten werden, den Feedback-Button vorübergehend auszublenden, sofern der Footer-Text des geöffneten Feedback-Fensters deaktiviert ist.

Die Einstellung betrifft damit nicht die grundsätzliche Aktivierung des Feedback-Buttons, sondern eine zusätzliche Möglichkeit für Besucher, den Button vorübergehend auszublenden.

Eigenes Design für den Feedback-Button aktivieren

Standardmäßig musst du den Button nicht individuell gestalten. Möchtest du sein Erscheinungsbild gezielt an deine Website anpassen, aktiviere Eigenes Design & Farben für Feedback-Button.

Danach stehen zusätzliche Einstellungen für Schriftgröße und Farben zur Verfügung.

Schriftgröße einstellen

Über den Regler Schriftgröße passt du die Größe der Button-Beschriftung an.

Die Einstellung wirkt sich unmittelbar auf die Darstellung des Buttons aus. Achte insbesondere bei längeren Beschriftungen darauf, dass Text und Button weiterhin gut lesbar bleiben.

Farben des Buttons anpassen

Für den normalen Zustand kannst du drei Bereiche separat festlegen:

• Hintergrund
• Textfarbe
• Rahmen / Rand

Die Farben lassen sich damit beispielsweise an die Primärfarbe oder das übrige Erscheinungsbild deiner Website anpassen.

Zusätzlich besitzt jede dieser Einstellungen eine eigene Variante für den Hover-Zustand.

Hover-Farben konfigurieren

Der Hover-Zustand wird sichtbar, wenn ein Besucher mit dem Mauszeiger über den Feedback-Button fährt.

OuterWhisper stellt dafür die Einstellungen Hover Hintergrund, Hover Textfarbe und Hover Rahmen bereit.

Dadurch kannst du beispielsweise im normalen Zustand einen weißen Hintergrund mit farbigem Text verwenden und die Darstellung beim Darüberfahren umkehren. So erhält der Besucher eine unmittelbare visuelle Rückmeldung, dass der Button anklickbar ist.

Was passiert beim Klick auf den Button?

Der Schwebende Feedback-Button dient als dauerhaft sichtbarer Einstieg in dein Feedback-Formular. Klickt ein Besucher auf den Button, öffnet sich das zugehörige Formular.

Damit unterscheidet sich diese Anzeigeart beispielsweise vom Overlay Modal, das über einen separat konfigurierten Trigger wie Klick-Event, Exit-Intent, Zeitverzögerung oder Scrolltiefe ausgelöst werden kann.

Der schwebende Button eignet sich daher besonders, wenn Besucher selbst entscheiden sollen, wann sie Feedback geben möchten.

Wiederanzeige des Formulars festlegen

Auch beim schwebenden Feedback-Button findest du unter Globale Einstellungen → Verhalten & Frequenz die Einstellungen Nach Schließen ausblenden und Nach Absenden ausblenden.

Damit kannst du beispielsweise festlegen, dass das Formular nach dem Schließen sofort wieder verfügbar ist, nach einem erfolgreich abgegebenen Feedback aber für 30 Tage ausgeblendet bleibt.

Zusätzlich lässt sich über den Cookie-Geltungsbereich festlegen, in welchem Bereich deiner Website die Wiederanzeige berücksichtigt wird.

Die Frequency-Control-Einstellungen funktionieren damit unabhängig von der eigentlichen Gestaltung des Buttons.

Darstellung des geöffneten Formulars anpassen

Unter Globale Einstellungen stehen außerdem die Bereiche Ausrichtung & Maße sowie Design & Farben zur Verfügung.

Diese Einstellungen betreffen das geöffnete Feedback-Fenster und sind von der Gestaltung des eigentlichen Feedback-Buttons zu unterscheiden. Du kannst also den Button selbst individuell gestalten und gleichzeitig separat festlegen, wie das nach einem Klick geöffnete Formular dargestellt wird.

Änderungen in der Vorschau kontrollieren

Während der Konfiguration zeigt OuterWhisper rechts eine Vorschau der gewählten Anzeigeart. Beim schwebenden Feedback-Button kannst du dadurch insbesondere Position und Wirkung des Buttons überprüfen.

Nutze die Vorschau, bevor du das Formular veröffentlichst, um sicherzustellen, dass der Button gut sichtbar ist, aber keine wichtigen Inhalte deiner Website überdeckt.

Änderungen speichern und veröffentlichen

Wenn Beschriftung, Position und Design passen, speicherst du das Formular über Speichern. Anschließend kannst du die aktuelle Version über Veröffentlichen auf deiner Website bereitstellen.

Damit ist der schwebende Feedback-Button eingerichtet und Besucher können das Feedback-Formular direkt über den Button am Seitenrand öffnen.