Wie du Kunden-Feedback auf einer Staging-Website in WordPress, Webflow oder Framer einholst.

Eine Staging-Website ist eine Kopie der Website, die nur du und dein Kunde sehen: eine Subdomain wie staging.deinkunde.de, eine Vorschau-Adresse deines Builders oder eine passwortgeschützte Version der echten Domain. Wenn du dort Feedback einholst statt auf statischen Entwürfen, findest du die Probleme, die erst auf einer funktionierenden Website auftauchen: lange Wörter, die das Layout sprengen, Fotos, die auf dem Handy schlecht beschnitten werden, Formulare, die an die falsche Adresse schicken.

Stell zuerst sicher, dass der Kunde sie überhaupt öffnen kann

Klingt selbstverständlich, aber erstaunlich viele Reviews bleiben am Login-Bildschirm hängen. Bevor du einen Link verschickst, prüf ihn in einem privaten Browserfenster, auf deinem Handy, überall abgemeldet. Frag dich:

• Funktioniert die Adresse ohne Konto beim Builder?
• Lässt sich das Passwort leicht weitergeben und auf dem Handy eintippen?
• Verdeckt irgendetwas (ein Cookie-Banner, eine Wartungsseite, ein Coming-soon-Plugin) den Inhalt?
• Bleiben Suchmaschinen draußen? Eine Staging-Website sollte nicht indexiert werden. Die meisten Builder und WordPress haben eine Einstellung, die Suchmaschinen abhält, oder du schützt die ganze Staging-Website mit einem Passwort.

WordPress und Elementor

WordPress-Staging liegt meist auf einer Subdomain oder einer separaten Installation, die dein Hoster oder ein Staging-Plugin anlegt. Kunden brauchen keinen WordPress-Login, um sie zu sehen. Wenn du sie schützt, nimm lieber ein einfaches Passwort für die ganze Website statt WordPress-Benutzerkonten, die einen Anmeldeschritt hinzufügen, den der Kunde nicht braucht.

Um Feedback zu sammeln, hast du ein paar Möglichkeiten: Screenshots schicken, den Kunden zu einem Call einladen oder ein Feedback-Tool installieren. Tweakpin hat ein kostenloses WordPress-Plugin: Installier es über Plugins → Add New (Suche nach „Tweakpin") und füg deine Zeile unter Settings → Tweakpin ein. Du kannst die Zeile auch in ein Header-und-Footer-Code-Plugin, in den Custom Code von Elementor Pro oder in den Header deines Themes einfügen. Auf WordPress.com brauchen Plugins einen kostenpflichtigen Tarif.

Webflow

Webflow gibt jeder Website eine kostenlose Staging-Adresse auf webflow.io, ein naheliegender Ort für Kunden-Reviews, bevor die eigene Domain live geht. Denk daran: Der Webflow Designer ist dein Arbeitsplatz, nicht der deines Kunden. Schick ihm stattdessen die veröffentlichte Staging-Adresse.

Um ein Feedback-Tool hinzuzufügen, das über ein Script läuft, öffne Site settings → Custom code → Footer code, füg die Zeile ein, speichere und veröffentliche. Custom Code braucht einen kostenpflichtigen Site-Plan. Veröffentliche zuerst auf der Staging-Adresse, prüf, ob das Feedback-Tool dort erscheint, und teil dann den Link.

Framer

Framer-Websites lassen sich auf einer kostenlosen framer.app-Adresse oder auf einer eigenen Domain veröffentlichen. Es gilt dieselbe Regel: Teil die veröffentlichte Website, nicht den Editor. Für Tools mit Script öffne Site Settings → General → Custom Code, füg die Zeile am Ende des Body ein und veröffentliche.

Framer-Websites verhalten sich oft wie Single-Page-Apps, mit Screens und Abschnitten, die sich ohne komplettes Neuladen ändern. Wenn du ein Feedback-Tool nutzt, prüf, ob Kommentare am richtigen Element hängen bleiben, wenn der Kunde zwischen Screens wechselt.

Shopify, Wix und Squarespace

Dieselbe Idee funktioniert auch bei anderen Buildern, nur mit anderen Menüs:

• Shopify: Online Store → Themes → Edit code → theme.liquid, direkt vor dem schließenden Body-Tag. Es erscheint auf den Seiten deines Shops, nicht im Shopify-Checkout. Viele Agenturen machen das Review auf einer unveröffentlichten Theme-Vorschau, bevor sie es live schalten.
• Wix: Settings → Custom Code → Add Custom Code, platziert bei Body - end auf allen Seiten. Dafür brauchst du einen Premium-Tarif mit verbundener Domain.
• Squarespace: Website → Website Tools → Code Injection → Footer. Code Injection braucht den Core-Tarif oder höher.

Was du dem Kunden vorher sagen solltest

Eine Staging-Website sieht fertig aus, und das kann verwirren. Sag klar:

• Das ist eine private Vorschau, Änderungen hier betreffen die aktuelle Website nicht.
• Manches kann noch Platzhalter sein (und was genau).
• Formulare verschicken vielleicht noch keine echten E-Mails oder schicken sie an dich.
• Worum es in dieser Runde geht und bis wann du das Feedback brauchst (siehe wie du Freigaberunden durchziehst).

Halte Feedback an der Seite fest

Auf Staging ändert sich die Website weiter, während der Kunde sie prüft. Screenshots sind schnell veraltet, und ein Kommentar wie „das zweite Foto" zeigt morgen vielleicht nicht mehr auf dasselbe Foto. Kommentare, die am Element auf der Seite selbst hängen, mit festgehaltener Seitenadresse und Bildschirmgröße, bleiben verständlich, auch wenn du Dinge verschoben hast.

Von Staging zu live

Wenn die Staging-Website freigegeben ist, kopierst du sie auf die Live-Adresse, und unterwegs kann sich einiges ändern: domainspezifische Einstellungen, Formulare, Analytics, Weiterleitungen. Mach mit dem Kunden einen kurzen letzten Check auf der Live-Website, bevor du sie für fertig erklärst. Die Checkliste zur Abnahme vor dem Launch zeigt, worauf du achten solltest.

Wo Tweakpin ins Spiel kommt

Tweakpin läuft auf der Adresse, die du hinzufügst. Du kannst also für das Review die Staging-Adresse hinzufügen (zum Beispiel staging.deinkunde.de) und danach die Live-Adresse. Du fügst eine Zeile Code oder das WordPress-Plugin ein und schickst deinem Kunden einen Review-Link. Er gibt seinen Namen und seine E-Mail-Adresse ein (und ein Passwort, falls du eins festgelegt hast) und kann sofort Notizen auf die Seite pinnen, ohne etwas zu installieren. Notizen bleiben an dem Element, um das es geht, auch auf Single-Page-Websites, deren Screens sich ohne Neuladen ändern.