Website-Widgets

Custom Bildlaufleiste Widget für Ihre Website

Halten Sie lange Inhalte mit einem gebrandeten scrollbaren Bereich ordentlich. Passen Sie Position der Bildlaufleiste, Breite, Radius, sanftes Scrollen, Track- und Thumb-Farben, Containergröße, Rahmen und Hintergrundfarben ohne Code an.

So erstellen Sie ein Custom Scrollbar-Widget

Add scrollable content

Scrollbaren Inhalt 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 Bildlaufleiste anpassen

Legen Sie Seite, Breite und Radius der Bildlaufleiste sowie Trackfarbe, Thumb-Farbe, Hover-Farbe, Container-Hintergrund, Rahmen und Schatten fest.

Embed it on your website

Betten Sie es auf Ihrer Website ein

Sehen Sie sich den Scroll-Bereich in der Vorschau an, kopieren Sie den Einbettungscode und platzieren Sie ihn überall dort, wo lange Inhalte leicht zu überfliegen bleiben sollen.

Erstellen Sie gebrandete Scroll-Bereiche, die lange Inhalte im Griff behalten

Lange Inhalte in einem kompakten Abschnitt halten

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

Keep long content inside a compact section

Scroll-Seite, Breite und Radius steuern

Nutzen Sie natives Scrollen mit optionalem sanften Verhalten, linker oder rechter Platzierung der Bildlaufleiste, einstellbarer Dicke und abgerundeten Ecken.

Control scroll side, width, and radius

Passen Sie die Bildlaufleiste an Ihr Branding an

Passen Sie Thumb-, Hover-, Track-, Hintergrund-, Text- und Rahmenfarben an, damit sich der Inhaltsbereich natürlich in Ihr Website-Design einfügt.

Match the scrollbar to your brand

Containergröße, Rahmen und Schatten festlegen

Wählen Sie Breite und Höhe des Scroll-Bereichs und passen Sie dann Container-Radius, Rahmenbreite, Rahmenfarbe und Schlagschatten an.

Set container size, border, and shadow

So betten Sie Ihr Custom Scrollbar in WordPress ein

1Einbettungscode abrufen

Nachdem Sie Ihr Jotform Website-Widget angepasst haben, klicken Sie auf Kostenlos auf Ihrer Website testen und kopieren Sie den generierten Einbettungscode.

2Seiteneditor öffnen

Gehen Sie zum WordPress-Beitrag oder zur Seite, auf der Sie das Widget anzeigen möchten, und fügen Sie einen neuen Block hinzu.

3Custom HTML Block hinzufügen

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

4Ändern und anzeigen

Klicken Sie auf Ändern oder Veröffentlichen und öffnen Sie dann die Seite, um Ihr eingebettetes Widget zu überprü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 Ihr Custom Scrollbar Widget einsetzen können

Verwenden Sie eine benutzerdefinierte Bildlaufleiste überall dort, wo lange Inhalte lesbar bleiben sollen, ohne die Seite zu überladen.

Hilfecenter und Dokumentationen, damit lange Anleitungen, Einrichtungshandbücher und technische Hinweise leicht zu überfliegen bleiben.

Produktseiten, um technische Daten, Beschreibungen, Versandinformationen oder Größentabellen in kompakten Abschnitten anzuzeigen.

AGB-, Datenschutz- und Richtlinienblöcke, um wichtige Texte anzuzeigen, ohne überdimensionierte Seitenabschnitte zu erzeugen.

Changelog- und Release-Notes-Seiten, um lange Änderungslisten in einem gebrandeten Scroll-Panel zu organisieren.

Seitenleisten und Dashboards, damit Benachrichtigungen, Notizen, Aktivitäten oder Filter auch bei begrenztem Platz nutzbar bleiben.

Landingpages, um zusätzliche Details unterhalb eines Kampagnenangebots anzuzeigen, ohne vom Haupt-CTA abzulenken.

Gewinnen Sie Leads als zahlende Kunden mit dem Jotform Formulargenerator

Nutzen Sie Jotform, um aus jedem Kontakt eine konkrete Maßnahme zu machen. Erstellen Sie leistungsstarke Formulare, mit denen Sie Leads erfassen, Zahlungen abwickeln und Antworten automatisieren – und das alles an einem Ort. Jede Antwort landet in Ihrem Jotform Posteingang, von wo aus Sie nachfassen oder Ihre bevorzugten Apps verbinden können.

Jetzt starten – Kostenlos!
Convert leads into customers

FAQ

  • Was ist ein Custom Scrollbar Widget?

    Ein Custom Scrollbar Widget erstellt einen scrollbaren Inhaltsbereich mit gebrandetem Bildlaufleisten-Styling, Containergröße, Farben, Rahmen und Scroll-Verhalten.

  • Kann ich die Position der Bildlaufleiste ändern?

  • Kann ich sanftes Scrollen aktivieren?

  • Kann ich die Farben der Bildlaufleiste ändern?

  • Kann ich die Größe der Inhaltsbox anpassen?

  • Funktioniert es auf Mobilgeräten?

  • Muss ich Code schreiben?