Website-Widgets

Accordion Slider Widget für Ihre Website

Verwandeln Sie Galerien, Produktgeschichten, Feature-Touren und Portfolio-Highlights in erweiterbare Akkordeon-Panels. Fügen Sie Bild- oder Videomedien, optionale Badges, Titel, Beschreibungen und CTA-Buttons hinzu und steuern Sie dann Interaktion, Übergänge, Ausrichtung, responsive Sichtbarkeit und Styling ganz ohne Code.

So erstellen Sie ein Accordion Slider-Widget

Build your panels

Erstellen Sie Ihre Panels

Laden Sie Bilder hoch oder fügen Sie Videos hinzu und schalten Sie anschließend jedes Badge, jeden Titel, jede Beschreibung und jeden CTA-Button unabhängig voneinander ein oder aus. Ordnen Sie Panels neu an oder duplizieren Sie sie, ohne dass die Medien verloren gehen.

Choose interaction and layout

Interaktion und Layout wählen

Legen Sie das zuerst geöffnete Panel, die Aktivierung per Hover oder Klick, die Übergangsvoreinstellung, das Autoplay-Timing, die Ausrichtung, die Textausrichtung, die Breite und die Gerätesichtbarkeit fest.

Style and publish

Gestalten und veröffentlichen

Wählen Sie den voreingestellten Stil oder eigene Farben, wenden Sie einen einheitlichen Eckenradius und eine einheitliche Schriftart an, steuern Sie das Branding und fügen Sie vor der Veröffentlichung bereichsbezogenes Custom CSS hinzu.

Zeigen Sie mehr visuelle Inhalte auf kompaktem, interaktivem Raum

Platz sparen

Zeigen Sie mehrere Bilder und Content-Slider in einem kompakten Layout an, ohne Ihre Seite zu überladen. Besucher können sich mühelos auf einen Slider nach dem anderen konzentrieren und behalten gleichzeitig einen klaren Überblick über alles, was Sie präsentieren möchten – für ein aufgeräumtes und übersichtliches Browsing-Erlebnis.

Save Space

Inhalte hervorheben

Lenken Sie die Aufmerksamkeit auf hervorgehobene Bilder, Produkte, Dienstleistungen oder Ankündigungen, indem Sie einzelne Slider per Hover oder Klick erweitern. Das interaktive Layout führt Besucher ganz natürlich durch Ihre Inhalte und lässt wichtige Informationen hervorstechen.

Highlight Content

Leicht anpassbar

Passen Sie Overlays, Text, Badges, Buttons, Typografie, Eckenradius, Ausrichtung und Übergangsverhalten an. Verwenden Sie bereichsbezogenes Custom CSS, wenn Sie mehr Kontrolle benötigen.

Easy to Customize

Responsives Design

Horizontale Desktop-Akkordeons passen sich auf kleineren Bildschirmen in gut lesbare gestapelte Panels an. Wählen Sie, ob das Widget auf dem Desktop, auf Mobilgeräten oder auf beiden angezeigt wird.

Responsive Design

So betten Sie Ihr Accordion Slider 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 Accordion Slider Widget einsetzen können

Fügen Sie das Widget überall dort ein, wo Besucher visuelle Optionen vergleichen, mehrere Highlights durchsehen oder auswählen möchten, was sie als Nächstes erkunden.

Portfolio- und Fallstudienseiten, um mehrere Projekte in einem kompakten visuellen Bereich zu zeigen.

Produkt- und Kollektionsseiten, um Funktionen, Anwendungsfälle, Bundles oder Kategorie-Highlights zu präsentieren.

Homepage-Abschnitte, um Hero-Alternativen, Dienstleistungen oder Kampagnen in ein interaktives Schaufenster zu verwandeln.

Reise-, Veranstaltungs- und Restaurantseiten, um Reiseziele, Zimmer, Menüabschnitte oder Erlebnisse zu präsentieren.

Agentur- und Serviceseiten, um Leistungen zu erläutern und dabei die Bilder sichtbar zu halten.

Interne Portale und Wissens-Hubs, um wiederkehrende visuelle Änderungen ohne ein komplettes Karussell zu organisieren.

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 Accordion Slider Widget?

    Ein Accordion Slider Widget zeigt mehrere Medien-Panels in einem Rahmen an. Besucher erweitern ein Panel, um dessen Bild oder Video, Text und Aktion anzuzeigen.

  • Kann ich Bilder und Videos verwenden?

  • Können Besucher Panels durch Hovern öffnen?

  • Kann das Akkordeon automatisch abgespielt werden?

  • Kann ich zwischen horizontalem und vertikalem Layout wählen?

  • Kann ich festlegen, welches Panel zuerst geöffnet ist?

  • Kann ich ein Panel mit seinen Medien duplizieren?

  • Muss ich Code schreiben?