14. Geburtstagssale 33 % Rabatt + 1 GRATIS MONAT LIMITIERTES ANGEBOT Jetzt Angebot sichern
33 % Rabatt + 1 GRATIS MONAT Jetzt Angebot sichern

Webflow-Video-Gallery-Widget

Integrieren Sie Videos von YouTube, Instagram, TikTok, Vimeo, Twitch und mehr in Ihre Webflow-Website, um ein fesselndes visuelles Erlebnis zu schaffen, das zu Ihrem Design passt.
4,8 Sterne
Über 10.000 Bewertungen
Kostenloser Plan verfügbar
Widget kostenlos erstellen
Keine Kreditkarte erforderlich
Webflow Video Gallery widget

Erstellen Sie Ihr Video-Galerie-Widget

Konfigurieren Sie Ihr Video-Widget und fügen Sie es kostenlos zu Ihrer Webflow-Website hinzu!

Warum Nutzer Elfsight lieben.

Webflow gibt Ihnen die Freiheit, wie Ihre Website aussieht, und Ihr Videoinhalt sollte genauso durchdacht gestaltet sein. Mit Elfsight Video Gallery können Sie Tutorials, Produkt-Demos, Kundengeschichten, Social-Clips, Portfolio-Videos und weitere Inhalte in einer eleganten Galerie bündeln – ganz ohne die Erfahrung von Grund auf neu zu erstellen.

Fügen Sie einfach Videos per Link hinzu – von YouTube, Instagram, TikTok, Vimeo, Twitch oder einer benutzerdefinierten Quelle – und gestalten Sie anschließend die Galerie passend zu Ihrer Website. Organisieren Sie größere Sammlungen mit Filtern und Sortierfunktionen, heften Sie priorisierte Videos an und aktivieren Sie den Mini-Player, damit Besucher weiterschauen können, während sie die Seite erkunden. Sie können außerdem festlegen, was nach jedem Video folgt – vom erneuten Abspielen bis zur Endkarte mit dem passenden nächsten Schritt.

Wusstest du schon?

Die Video-Marketing-Studie von Wyzowl aus dem Jahr 2026 ergab, dass 84 % der Verbraucher mehr Videos von Marken sehen möchten.

Bringen Sie Ihre Videos in einen eleganten Webflow-Videoplayer – erstellen Sie ihn kostenlos mit Elfsight.

Schlüsselfunktionen des Webflow-Video-Galerie-Widgets

So wird das Elfsight Video-Widget zu einer flexiblen Wahl für Webflow-Websites:

  • Mehrere Inhaltsquellen: Kombinieren Sie Videos aus YouTube, Instagram, TikTok, Vimeo, Twitch und einer benutzerdefinierten Quelle in einer einzigen Galerie.
  • Designfreundliche Layouts: Erstellen Sie eine klare Videopräsentation, die sich nahtlos in Landing Pages, Portfolios, Produktseiten und andere Webflow-Designs einfügt.
  • Ausgewählte Videos: Pinnen Sie ausgewählte Inhalte, damit Ihre wichtigsten Tutorials, Projekte, Kampagnen oder Produktvideos zuerst erscheinen.
  • <strong>Filter und Sortierung:</strong> Besuchern eine leichtere Navigation durch größere Video-Sammlungen ermöglichen und relevante Inhalte schneller finden.
  • Mini-Player: Halten Sie das aktuelle Video sichtbar, während Besucher weiter auf der Seite stöbern.
  • Flexibles Video-Verhalten: Video erneut abspielen, das nächste starten, eine Abschlusskarte anzeigen oder die Abschlusskarte mit dem nächsten Video kombinieren.
  • Responsives Design: Ihre Galerie bleibt übersichtlich und bequem durchsuchbar sowie ansehbar – auf Desktop-, Tablet- und Mobilgeräten.

Alle Funktionen im kostenlosen Editor testen – keine Registrierung nötig.

So fügen Sie ein Video zu Webflow hinzu.

Sie können Ihr Video-Galerie-Widget in Webflow in wenigen Schritten erstellen und einbetten:

  1. Wählen Sie eine Vorlage: Öffnen Sie den Elfsight-Editor und wählen Sie eine Vorlage, die zu Ihrer Website und Ihrem visuellen Stil passt.
  2. Videos hinzufügen: Fügen Sie Links von YouTube, Instagram, TikTok, Vimeo, Twitch ein oder verwenden Sie eine benutzerdefinierte Quelle, um Ihre Sammlung zu erstellen.
  3. Das Erlebnis anpassen: Wähle ein Layout, passe das Erscheinungsbild an, konfiguriere Filter und Sortierung, aktiviere bei Bedarf den Mini-Player und lege fest, was nach der Wiedergabe passiert.
  4. Installationscode kopieren: Klicken Sie auf „Kostenlos zur Website hinzufügen“ und kopieren Sie den generierten Elfsight-Code.
  5. In Webflow einbetten: Öffnen Sie Ihr Projekt in Webflow, fügen Sie an der gewünschten Stelle ein Code-Embed-Element hinzu, fügen Sie den Elfsight-Code ein, speichern Sie ihn und veröffentlichen Sie Ihre Website.

Mit dieser Webflow-Video-Einbettungsmethode können Sie Galerieninhalt und Design in Elfsight verwalten, ohne den Abschnitt neu erstellen zu müssen, wenn Sie Ihre Videos aktualisieren möchten.

Need some help along the way? Visit the Elfsight Help Center for Webflow installation guidance, explore our tutorials, share feature requests in the Wishlist, or follow Video Gallery updates in the Changelog.

Brauche ich einen kostenpflichtigen Webflow-Plan, um eine Video-Galerie hinzuzufügen?

Ja, die Installation der Elfsight Video Gallery erfordert Webflow-Funktionalität, die benutzerdefinierten JavaScript-Code unterstützt. Die kostenlosen Starter-Pläne von Webflow bieten diese Option nicht, daher benötigst du einen passenden kostenpflichtigen Site- oder Workspace-Plan.

Kann ich dieselbe Galerie auf Webflow-Seiten wiederverwenden?

Wenn Sie denselben eingebetteten Videoinhalt an mehreren Stellen verwenden möchten, erlaubt Webflow ein Code-Embed-Element in einer wiederverwendbaren Komponente. Das ist praktisch, um eine konsistente Video-Galerie über mehrere zusammengehörige Seiten hinweg anzuzeigen, ohne den Abschnitt jedes Mal neu aufzubauen.

Welche Videoquellen unterstützt die Video-Galerie?

Elfsight Video-Player unterstützt YouTube, Instagram, TikTok, Vimeo, Twitch und Custom Source. Sie können Inhalte von unterstützten Plattformen in einer Galerie kombinieren und sie als konsistenten Bestandteil Ihres Webflow-Designs präsentieren.

“Kann

Ja, Sie können Videos von YouTube, Instagram, TikTok, Vimeo, Twitch und eigenen Quellen in derselben Galerie bündeln. Wenn Ihre Tutorials, Projektvideos, Kundengeschichten, Produktinhalte oder Social-Clips über verschiedene Kanäle verteilt sind, können Besucher sie dennoch an einem Ort entdecken.

“Kann

Nein, Video Gallery verwendet Video-Links statt direkter Dateiuploads. Veröffentlichen oder hosten Sie Ihr Video zunächst über eine unterstützte Quelle, und fügen Sie anschließend die URL in den Elfsight-Editor ein, um es Ihrer Galerie hinzuzufügen.

“Was

Benutzerdefinierte Quelle bietet eine weitere Möglichkeit, unterstützte Videoinhalte hinzuzufügen, wenn sie nicht von einer der aufgeführten Plattformen stammen. Wählen Sie im Editor ‘Benutzerdefinierte Quelle’, geben Sie den erforderlichen Video-Link ein und fügen Sie ihn zusammen mit dem restlichen Galerieinhalt hinzu.

“Kann

Ja, Sie können Prioritätsvideos anpinnen, damit sie am Anfang Ihrer Galerie erscheinen. Wählen Sie die Videos aus Ihrer Inhaltsliste aus, die Sie hervorheben möchten, und pinnen Sie sie im Editor an. Das ist eine praktische Möglichkeit, Aufmerksamkeit auf vorgestellte Projekte, neue Veröffentlichungen, wichtige Tutorials, Kampagnen oder andere zentrale Inhalte zu lenken.

“Kann

Filter und Sortierung helfen Besuchern, sich durch größere Video-Sammlungen zu navigieren und schneller den Inhalt zu finden, der sie interessiert. Sie können besonders nützlich sein für Portfolios, Ressourcenbibliotheken, Tutorial-Sammlungen, Fallstudien oder Websites, die mehrere Themen abdecken.

“Kann

Ja, aktivieren Sie den Mini-Player, damit das aktive Video sichtbar bleibt, während Besucher weitere Inhalte auf der Seite ansehen. Das sorgt für ein nahtloses Seherlebnis, ohne dass der Haupt-Video-Player Ihr Webflow-Layout dominiert.

“Was

Verwenden Sie die Video-Verhalten-Einstellungen, um festzulegen, was nach der Wiedergabe passiert. Sie können das aktuelle Video erneut abspielen, das nächste Video abspielen, eine Endcard anzeigen oder eine Endcard anzeigen und anschließend zum nächsten Video fortsetzen. Die Endcard kann auch ein Werbebanner enthalten, das Besucher zu einer anderen Seite, einem Projekt, Produkt, Angebot, Service oder einer anderen relevanten Aktion führt.

Kann ich die Video-Galerie an mein Webflow-Design anpassen?

Ja, Sie können das Galerie-Layout, Farben, Abmessungen, Abstände und weitere Darstellungseinstellungen im Elfsight-Editor anpassen. Das gibt Ihnen die Flexibilität, das Widget nahtlos in das visuelle System zu integrieren, das Sie in Webflow erstellt haben – statt wie ein eigenständiges Drittanbieter-Embed auszusehen.

Preise

14-tägige Geld-zurück-Garantie. Risikofrei – Sie können jederzeit kündigen.
Elfsight Apps
Multiplattform-Software
ab 0 $/Monat
Jetzt mit dem kostenlosen Plan starten
Unbegrenzte Webseiten
Premium-Kundensupport
Kostenlose Installationshilfe
Sonderangebot für mehrere Apps
Flexibles Design