--- title: "Schwebenden Feedback-Button einrichten und gestalten" description: "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…" url: "https://outerwhisper.de/docs/schwebenden-feedback-button-einrichten-und-gestalten/" updated: "2026-11-05" category: "Platzierung & Darstellung" tags: - Anzeige - CSS --- # 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](https://outerwhisper.de/docs/der-outerwhisper-formular-builder-im-ueberblick/) 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](https://outerwhisper.de/docs/anzeigeart-eines-feedback-formulars-festlegen/) 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](https://outerwhisper.de/docs/haeufigkeit-und-wiederanzeige-von-feedback-formularen-steuern/) 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. **Noch Fragen?** Wenn du zu diesem Thema noch Hilfe benötigst, kannst du deine Frage gerne in unserem Support-Forum stellen. [Zum Support-Forum →](https://outerwhisper.de/support-forum/)