Der Video-Block ermöglicht es Ihnen, Videoinhalte direkt auf jeder SeedProd-Seite einzubetten. Sie können ein YouTube-Video anhand seiner URL einbetten oder einen benutzerdefinierten Einbettungscode von jeder Plattform – einschließlich Vimeo, Wistia und anderen – einfügen, was Ihnen die Flexibilität gibt, welchen Videohoster auch immer Ihre Inhalte nutzen.
Video ist eines der effektivsten Werkzeuge zur Steigerung von Engagement und Conversions auf Landing Pages. Nutzen Sie diesen Block, um Produktdemos, Testimonials, Erklärvideos oder multimediale Inhalte zu präsentieren, die Ihre Geschichte erzählen und Besucher länger auf Ihrer Seite halten.
Hinzufügen des Video-Blocks zu Ihren Seiten
Befolgen Sie diese Schritte, um einen Video-Block zu Ihrer SeedProd-Seite hinzuzufügen:
Schritt 1: Block hinzufügen
Ziehen Sie unter Design > Blöcke den Video-Block in den gewünschten Bereich Ihrer Seite.
Schritt 2: Inhaltseinstellungen konfigurieren
Sobald er hinzugefügt wurde, klicken Sie auf den Video-Block, um seine Einstellungen zu öffnen. Im Tab Inhalt finden Sie im Abschnitt Video die folgenden Optionen:
- Typ: Wählen Sie zwischen YouTube, um ein Video per URL einzubetten, oder Benutzerdefiniert, um einen Einbettungscode von jeder Videoplattform wie Vimeo, Wistia oder anderen einzufügen.
- YouTube-URL (nur YouTube-Typ): Geben Sie die vollständige URL des YouTube-Videos ein, das Sie einbetten möchten (z. B.
https://www.youtube.com/watch?v=MUXoqm3VpRo). - Benutzerdefinierter Videocode (nur benutzerdefinierter Typ): Fügen Sie den vollständigen iframe-Einbettungscode ein, der von Ihrer Videohosting-Plattform bereitgestellt wird.
- Breite: Legen Sie die Breite des Videoplayers als Prozentsatz seines Containers mit einem Schieberegler fest (Standard: 100%).
- Ausrichtung: Legen Sie die horizontale Ausrichtung des Videoplayers fest – Links, Mitte oder Rechts – mit gerätespezifischen Steuerelementen für Desktop, Tablet und Mobilgeräte.
Schritt 3: Design anpassen
Im Tab Erweitert können Sie das visuelle Erscheinungsbild Ihres Video-Blocks anpassen.
Stile:
- Schatten: Wenden Sie einen Box-Schatten auf den Videoplayer an, indem Sie voreingestellte Größen verwenden – Keine, Haarlin, Klein, Mittel, Groß, X-Groß oder 2X-Groß.
Abstand:
- Abstand: Legen Sie den äußeren Abstand um den Block auf allen vier Seiten fest, mit unabhängigen Steuerelementen für Desktop, Tablet und Mobilgerät.
- Innenabstand: Legen Sie den inneren Abstand innerhalb des Block-Wrappers auf allen vier Seiten fest, mit geräteabhängigen Steuerelementen.
Attribute:
- Benutzerdefinierte Klasse: Fügen Sie dem Block-Wrapper eine oder mehrere benutzerdefinierte CSS-Klassen für gezieltes Styling hinzu.
- CSS-ID: SeedProd generiert automatisch eine eindeutige CSS-ID für diesen Block. Sie können diese verwenden, um den Block in benutzerdefiniertem CSS oder JavaScript zu referenzieren.
- Benutzerdefinierte Attribute: Fügen Sie dem Block-Wrapper-Element benutzerdefinierte HTML-Attribute hinzu. Geben Sie jedes Attribut in einer neuen Zeile im Schlüssel|Wert-Format ein.
Gerätesichtbarkeit:
- Auf Desktop ausblenden: Umschalten, um den Block auf Desktop-Bildschirmen auszublenden.
- Auf Tablet ausblenden: Umschalten, um den Block auf Tablet-Bildschirmen auszublenden.
- Auf Mobilgeräten ausblenden: Umschalten, um den Block auf Mobilgeräten auszublenden.
Animationseffekte:
- Scrolleffekt: Wenden Sie eine scrollgesteuerte Animation auf den Block an, einschließlich Optionen für vertikales und horizontales Scrollen mit Steuerelementen für Richtung, Geschwindigkeit und Ansichtsfensterversatz.
- Mauseffekt: Wenden Sie einen Parallax-Effekt auf den Block an, der durch Mausbewegungen gesteuert wird.
Schritt 4: Speichern Sie Ihre Änderungen
Sobald Sie die Konfiguration des Video-Blocks abgeschlossen und sein Erscheinungsbild angepasst haben, stellen Sie sicher, dass Sie Ihre Arbeit speichern.
Sie haben erfolgreich einen Video-Block zu Ihrer Seite hinzugefügt! Ob Sie ein YouTube-Video oder einen benutzerdefinierten Player von einer anderen Plattform einbetten, Videoinhalte sind eine wirkungsvolle Methode, um Ihre Botschaft zu vermitteln und die Verweildauer auf der Seite zu erhöhen. Nutzen Sie die Einstellungen für Breite, Ausrichtung und Schatten, um Ihr Video nahtlos in jedes Seitenlayout zu integrieren.