> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Sticky Bars für Aktionen und CTAs nutzen

> Fügen Sie Sticky Bars hinzu, um Aktionen, Ankündigungen oder CTAs anzuzeigen, die beim Scrollen Ihrer Landingpage sichtbar bleiben.

Die Sticky Bar ist ein fixiertes Element, das beim Scrollen der Seite sichtbar bleibt.

Sie wird häufig eingesetzt für:

* Aktionen und Angebote
* Ankündigungen
* Call-to-Action-Botschaften

## So fügen Sie eine Sticky Bar hinzu

* Öffnen Sie die linke Seitenleiste
* Ziehen Sie **Sticky Bar** auf die Arbeitsfläche

***

## Einstellungen der Sticky Bar

Sobald das Element ausgewählt ist, finden Sie alle Steuerelemente im rechten Panel.

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/q3U3xTtyC-7MtM61/images/stickybar.png?fit=max&auto=format&n=q3U3xTtyC-7MtM61&q=85&s=b4c58bc9f1453dfb0344a5f51319a478" alt="Stickybar" width="1920" height="991" data-path="images/stickybar.png" />
</Frame>

## Position

Legt fest, wo die Sticky Bar auf dem Bildschirm erscheint:

* **Top** → Haftet am oberen Seitenrand
* **Bottom** → Haftet am unteren Seitenrand

## Closable

Steuert, ob Nutzer die Sticky Bar schließen können:

* **Yes** → Fügt eine Schließen-Schaltfläche (X) hinzu
* **No** → Die Sticky Bar bleibt dauerhaft sichtbar

## Animation

Steuert, wie die Sticky Bar erscheint:

* **Slide** → Schiebt sich ins Bild
* **Fade** → Blendet sanft ein
* **None** → Erscheint sofort

## Trigger

Legt fest, wann die Sticky Bar erscheint:

* **Load** → Wird sofort beim Laden der Seite angezeigt
* **Scroll (px)** → Erscheint nach einer bestimmten Scroll-Distanz in Pixeln
* **Scroll (%)** → Erscheint nach einem prozentualen Anteil der gescrollten Seite
* **Delay (s)** → Erscheint nach einer festgelegten Anzahl Sekunden

## Wait

* Wird zusammen mit dem **Delay-Trigger** verwendet
* Legt fest, wie viele Sekunden bis zur Anzeige der Sticky Bar gewartet wird

***

## Hinweis zur responsiven Vorschau

Sie sehen einen Hinweis, der Sie an die Vorschau auf Mobilgeräten erinnert.

👉 Sticky Bars beanspruchen Bildschirmfläche – prüfen Sie daher immer, wie sie auf kleineren Geräten wirken.

***

## Gestaltungsoptionen

Wie bei anderen Elementen können Sie anpassen:

* Hintergrund (Farbe, Verlauf usw.)
* Abstände (Padding und Margin)
* Rahmen und Eckenradius
* Typografie
* Sichtbarkeit je Gerät

***

## Wichtige Hinweise

* Sticky Bars bleiben beim Scrollen fixiert
* Sie erscheinen abhängig vom gewählten Trigger
* Zu häufiger Einsatz kann die Nutzererfahrung beeinträchtigen