Der kürzeste Weg, Steady auf deiner Website einzubinden: einmal verbinden, dann die gewünschten Features aktivieren. Zum Verbinden fügst du den Steady-Code in den <head> deiner Website ein – oder installierst das WordPress-Plugin. Alles Weitere (Layers, ein Newsletter-Formular, Checkout, Mitglieder-Login) baut auf dieser einen Verbindung auf.
Schritt 1: Steady mit deiner Website verbinden
Bevor Steady-Features auf deiner Website erscheinen können, musst du beides miteinander verbinden. Wähle den Weg, der zu deinem Setup passt:
Option 1: Steady-Code deiner Website hinzufügen
Kopiere den Steady-Code-Snippet aus deinem Backend und füge ihn in den <head> deiner Website ein. Das funktioniert mit jeder Website und jedem CMS. So fügst du den Steady-Code zu deiner Website hinzu →
Option 2: WordPress-Plugin verwenden
Wenn deine Website auf WordPress läuft, kannst du stattdessen das Steady WordPress-Plugin nutzen, anstatt den Code manuell einzufügen. Das Plugin unterstützt alle Steady-Integrationen – Layers, Paywall, Checkout und mehr – ohne dass du deine Theme-Dateien anpassen musst. So verwendest du das WordPress-Plugin →
Schritt 2: Layers einrichten
Layers sind die Pop-ups und Overlays, die auf deiner Website erscheinen. Jeder Layer-Typ hat eine eigene Einstellungsseite, auf der du Botschaft, Design und Verhalten anpassen kannst:
Newsletter Layer: lädt Besucher:innen ein, deinen Newsletter zu abonnieren
Paywall: schützt Inhalte für zahlende Mitglieder
Adblock Detection: zeigt Besucher:innen, die einen Adblocker nutzen, eine Botschaft an
Announcement Layer: teile eine Botschaft oder Aktion mit deinen Besucher:innen
Sobald du einen oder mehrere Layer eingerichtet hast und auf deiner Website nutzt, laufen Smart Layers. Das ist Steadys System, das automatisch zur richtigen Zeit die richtige Botschaft für den richtigen Besucher anzeigt.
Smart Layers analysiert das Verhalten der Besucher:innen und wählt für jeden Besuch den passendsten Layer aus.
Wenn du mehr Kontrolle darüber haben möchtest, welcher Layer auf einer bestimmten Seite deiner Website erscheint, kannst du Smart Layers überschreiben, indem du pro Layer festlegst, auf welcher Seite er angezeigt werden soll.
Wie viele Aufrufe jeder Layer in den letzten 7 Tagen erhalten hat, siehst du auf deiner Layers-Übersichtsseite.
Newsletter-Embed
Zusätzlich zum Newsletter Layer kannst du ein statisches Newsletter-Anmeldeformular fest in eine beliebige Seite deiner Website einbetten. Anders als der Layer, der als Overlay erscheint, ist das Newsletter-Embed direkt in deinen Inhalt eingebunden – praktisch für eine Fußzeile, eine eigene Abonnement-Seite oder überall, wo das Formular immer sichtbar sein soll.
Den Embed-Code findest du in deinen Newsletter-Einstellungen – kopiere einfach das HTML-Snippet und füge es an der gewünschten Stelle auf deiner Website ein. Wichtig: Das Embed wird vom Steady-Code gerendert – deine Website muss also über Schritt 1 (Steady-Code oder WordPress-Plugin) verbunden sein, sonst erscheint das Formular nicht.
Schritt 3: Steady Checkout hinzufügen (optional)
Mit Steady Checkout können Besucher:innen zahlungspflichtige Mitglieder werden, ohne deine Website zu verlassen. Richte Checkout zunächst in deinen Checkout-Einstellungen ein und füge den Checkout-Snippet dann auf jeder Seite ein, auf der er erscheinen soll.
Wenn du Checkout nutzt, kannst du auch in deinen Paywall-Einstellungen festlegen, ob die Pakete direkt in der Paywall angezeigt werden oder ob Besucher:innen erst zur Checkout-Seite weitergeleitet werden.
Hinweis: Checkout und die Paywall können nicht auf derselben Seite platziert werden.
Weitere Tools für Mitglieder
Sobald Besucher:innen Mitglieder werden, helfen dir diese Tools, ihnen die richtige Erfahrung auf deiner Website zu bieten:
Login with Steady – füge einen Login-Button hinzu, damit sich Mitglieder auf deiner Website identifizieren können
Steady-Paywall – zeige oder verberge Inhalte basierend auf dem Mitgliedschaftsstatus
Audio-RSS-Feed – biete Mitgliedern exklusive Podcast-Episoden an
Weiteres
Steady-Logos, Buttons und Links – offizielle Grafiken und Assets, um deine Mitgliedschaft auf deiner Website zu bewerben
Steady API – für individuelle Integrationen und fortgeschrittene Anwendungsfälle
Noch Fragen?
Neu beim Einrichten? Starte mit So baust du den Steady-Code in deine Website ein – das ist der eine Schritt, auf dem alles andere aufbaut.
Kommst du nicht weiter? Schreib uns an support@steadyhq.com, wir helfen dir, Steady auf deiner Website zum Laufen zu bringen.