Bildlaufleiste (Scrollleiste) für Ihre Website gestalten

Halten Sie lange Inhalte mit einem scrollbaren Bereich im Design Ihrer Marke übersichtlich. Passen Sie Position, Breite und Eckenradius der Bildlaufleiste, sanftes Scrollen, die Farben von Leiste und Schieber, Containergröße, Rahmen und Hintergrundfarben ohne Code an.

Custom Scrollbar Widget for your website Hero Background image

So erstellen Sie das Widget Eigene Scrollleiste

Add scrollable content

Scrollbare Inhalte hinzufügen

Fügen Sie lange Texte, Release Notes, Richtlinien, Hilfetexte, AGB oder Produktdetails in einen kompakten, scrollbaren Inhaltsbereich ein.

Customize scrollbar style

Stil der Scrollleiste anpassen

Legen Sie Seite, Breite und Eckenradius der Bildlaufleiste, die Farben von Leiste, Schieber und Hover-Zustand sowie Hintergrund, Rahmen und Schatten des Containers fest.

Embed it on your website

Betten Sie es auf Ihrer Website ein

Prüfen Sie den Scrollbereich in der Vorschau, kopieren Sie den Einbettungscode und platzieren Sie ihn überall dort, wo lange Inhalte übersichtlich bleiben sollen.

Scrollbereiche mit eigener Bildlaufleiste gestalten, die lange Inhalte übersichtlich halten

Lange Inhalte in einem kompakten Bereich halten

Platzieren Sie Ankündigungen, Richtlinien, Changelogs, FAQ oder Produktdetails in einem scrollbaren Container, statt die ganze Seite in die Länge zu ziehen.

Keep long content inside a compact section

Seite, Breite und Eckenradius der Bildlaufleiste festlegen

Nutzen Sie das native Scrollen des Browsers mit optional sanftem Scrollverhalten, platzieren Sie die Bildlaufleiste links oder rechts und legen Sie ihre Stärke und abgerundeten Ecken fest.

Control scroll side, width, and radius

Die Bildlaufleiste an Ihre Marke anpassen

Passen Sie die Farben von Schieber, Hover-Zustand, Leiste, Hintergrund, Text und Rahmen an, damit sich der Inhaltsbereich nahtlos in Ihr Website-Design einfügt.

Match the scrollbar to your brand

Größe, Rahmen und Schatten des Containers festlegen

Legen Sie Breite und Höhe des Scrollbereichs fest und passen Sie dann Eckenradius, Rahmenbreite, Rahmenfarbe und Schlagschatten des Containers an.

Set container size, border, and shadow

Eigene Scrollleiste in WordPress einbetten – so geht’s

1Einbettungscode abrufen

Klicken Sie nach dem Anpassen Ihres Jotform-Website-Widgets auf „Kostenlos auf Ihrer Website testen” und kopieren Sie den generierten Einbettungscode.

2Seiteneditor öffnen

Öffnen Sie in WordPress den Beitrag oder die Seite für das Widget und fügen Sie einen neuen Block hinzu.

3HTML-Block hinzufügen

Wählen Sie „Individuelles HTML” und fügen Sie den Einbettungscode Ihres Jotform-Website-Widgets in das HTML-Feld ein.

4Aktualisieren und ansehen

Klicken Sie auf „Aktualisieren” oder „Veröffentlichen” und öffnen Sie dann die Seite, um Ihr eingebettetes Widget zu prüfen.

Warum sich Jotform Website Widgets auszeichnen

Mit den Widgets von Jotform wird Ihre Website interaktiver und Sie steigern Ihre Conversion-Rate. Zur Auswahl stehen zahlreiche Tools wie Sternebewertungen, Slideshows mit Erfahrungsberichten, Pop-ups mit Social Proof und eingebettete Medien. Fügen Sie Widgets zu Ihren Formularen oder Landingpages hinzu, um Daten zu sammeln, Erfahrungsberichte anzuzeigen und Leads zu gewinnen – ganz ohne Programmierkenntnisse.

Widgets ohne Programmierung verwenden

Fügen Sie Jotform-Widgets mithilfe eines Einbettungscodes in Ihre Website ein. Passen Sie das Widget an, sehen Sie sich die Vorschau an und fügen Sie den Code in jede Seite ein, die benutzerdefiniertes HTML oder Einbettungsblöcke unterstützt – ganz ohne Entwicklerinnen oder Entwickler.

Bauen Sie interaktivere Seiten

Mit Jotform Website Widgets sammeln Sie Leads, zeigen Kundenfeedback, präsentieren Social Proof, binden Medien ein oder fügen nützliche Webseiten-Tools hinzu. Über jedes Widget können Besucher direkt auf Ihrer Website mit Ihrem Unternehmen interagieren.

Holen Sie sich jederzeit Hilfe

Wenn Sie Unterstützung bei der Einrichtung, Anpassung, Einbettung oder Fehlerbehebung Ihres Widgets benötigen, steht Ihnen das Kundensupport-Team von Jotform rund um die Uhr zur Verfügung. So können Sie beruhigt weiterarbeiten, denn Sie wissen: Hilfe ist da, wenn Sie sie brauchen.

Wo Sie das Bildlaufleisten-Widget einsetzen

Setzen Sie eine eigene Bildlaufleiste (Scrollleiste) überall dort ein, wo lange Inhalte gut lesbar bleiben sollen, ohne die Seite zu überladen.

Hilfe-Center und Dokumentationen, um lange Anleitungen, Einrichtungshilfen und technische Hinweise übersichtlich zu halten.

Produktseiten, um technische Daten, Beschreibungen, Versandinformationen oder Größentabellen in kompakten Bereichen zu zeigen.

Abschnitte mit AGB, Datenschutz- und Richtlinientexten, um wichtige Texte anzuzeigen, ohne übergroße Seitenbereiche zu erzeugen.

Changelog- und Release-Notes-Seiten, um lange Update-Listen in einem Bereich mit eigener Bildlaufleiste im Design Ihrer Marke zu ordnen.

Seitenleisten und Dashboards, um Hinweise, Notizen, Aktivitäten oder Filter auch auf wenig Platz nutzbar zu halten.

Landingpages, um unter einem Kampagnenangebot zusätzliche Details zu zeigen, ohne vom wichtigsten Call-to-Action abzulenken.

Gewinnen Sie Leads als zahlende Kunden mit dem Jotform Formulargenerator

Machen Sie mit Jotform aus Interesse Taten. Erstellen Sie leistungsstarke Formulare, die Leads gewinnen, Zahlungen entgegennehmen und Antworten automatisieren – alles an einem Ort. Jede Antwort landet in Ihrem Jotform Posteingang, wo Sie nachfassen oder sie mit Ihren Lieblings-Apps verbinden können.

Jetzt starten – Kostenlos!
Convert leads into customers

FAQ

  • Was ist ein Bildlaufleisten-Widget?

    Ein Bildlaufleisten-Widget erstellt einen scrollbaren Inhaltsbereich mit einer Bildlaufleiste im Design Ihrer Marke und einstellbarer Größe, Farben, Rahmen und Scrollverhalten.

  • Kann ich die Position der Bildlaufleiste ändern?

  • Kann ich sanftes Scrollen aktivieren?

  • Kann ich die Farben der Bildlaufleiste ändern?

  • Kann ich die Größe des Inhaltsbereichs anpassen?

  • Funktioniert das Widget auf Mobilgeräten?

  • Muss ich Code schreiben?