Bilder und Videos einbinden

So bekommst du Bilder und Videos in einen Funnel. Hier steht auch, was der Videoplayer kann.

Medien wählen oder hochladen

Wähle den Block aus, dann steht rechts im Eigenschaften-Panel ein Knopf Bild wählen bzw. Video wählen. Er öffnet ein Fenster mit zwei Reitern:

• Bibliothek zeigt alles, was du schon hochgeladen hast, neueste zuerst, und oben deine Ordner. Such nach dem Namen, tipp auf eine Kachel, fertig. Die Suche findet Dateien in allen Ordnern. So nutzt du dasselbe Video in mehreren Funnels, ohne es erneut hochzuladen.
• Hochladen ist der Weg für eine neue Datei. Die Auswahl der Datei ist bereits der Upload, es gibt keinen zweiten Knopf. Die fertige Datei landet in deiner Bibliothek und wird sofort eingesetzt. Ist in der Bibliothek gerade ein Ordner offen, kommt sie in diesen Ordner.

Die Datei geht direkt in unseren Medienspeicher, der in der EU liegt. Unter dem Knopf steht der Aufklapper Stattdessen Adresse eintippen, falls die Datei schon woanders im Netz liegt.

Das Fenster merkt sich den zuletzt offenen Ordner, solange der Tab offen ist. Am Rechner kannst du Dateien auch aus dem Explorer (am Mac aus dem Finder) in das Fenster ziehen. Ziehst du mehrere auf einmal hinein, bleibt das Fenster offen, und die Dateien stehen danach in der Bibliothek zur Wahl.

Deine Medienbibliothek

Unter Medien liegen alle deine Bilder, Videos, Schriften und PDF-Dokumente an einer Stelle. Oben steht, wie viel Speicher belegt ist. Mit Hochladen kommen neue Dateien direkt hierher, auch mehrere auf einmal. Du kannst hier außerdem umbenennen, in Ordner sortieren und löschen.

Löschen prüft zuerst, wo die Datei steckt. Ist sie noch in einem Funnel eingebaut, zeigt das Fenster dir, in welchen, und erst ein bewusstes Trotzdem löschen entfernt sie. Danach fehlt sie an diesen Stellen und dort erscheint ein Platzhalter. Eine einzelne Datei, die in keinem Funnel steckt, verschwindet dagegen sofort. Löschst du mehrere Dateien auf einmal, fragt das Fenster immer vorher nach.

Die Bibliothek gehört dem Konto: Uploads aus jedem deiner Funnels und von dieser Seite sammeln sich hier, und ein anderes Konto sieht davon nichts. Jeder Kunden-Zugang bekommt darin einen eigenen Ordner und sieht nur diesen, nicht deine übrigen Dateien und nicht die anderer Kunden. Seine Uploads landen dort, und du erkennst den Ordner am Hinweis Kunde.

Die Grenzen sind fest:

• Bilder: 10 MB. Erlaubt sind PNG, JPG, WEBP, GIF und SVG.
• Videos: ab dem Pro-Plan, bis zur Grenze deines Tarifs. Erlaubt sind MP4 und MOV mit H.264-Video und AAC-Ton; HEVC geht mit einem Hinweis. Was in der Datei steckt, prüft der Builder vor dem Upload, siehe Video fürs Web vorbereiten. Im Starter-Plan lädst du kein eigenes Video hoch, YouTube und Vimeo gehen dort.

Eine zu große Datei wird abgewiesen, bevor etwas übertragen wird. Die Meldung nennt beide Zahlen.

Ordner

Mit Ordnern hältst du die Bibliothek sortiert, zum Beispiel einen je Kunde oder Projekt. Am Rechner steht links die Ordnerleiste: Alle zeigt alles, Ohne Ordner die Dateien, die noch nirgends einsortiert sind, darunter folgen deine Ordner alphabetisch, jeder mit der Zahl seiner Dateien. Am Handy stehen sie als Reihe oben, die du seitlich wischst.

Einen neuen Ordner legst du mit + Ordner an. Jeder Name kommt im Konto nur einmal vor, auch in anderer Groß- und Kleinschreibung. Am Ordner selbst kannst du ihn umbenennen oder löschen. Was du hochgeladen hast, bevor es Ordner gab, steht unter Ohne Ordner. Von selbst wird nichts einsortiert.

An jeder Datei steht In Ordner verschieben …. Mehrere Dateien sortierst du auf einmal ein, indem du sie markierst: Am Rechner erscheint das Häkchen, wenn du über eine Kachel fährst, am Handy steht es immer da. Für die markierten Dateien gibt es dann In Ordner verschieben …, Aus Ordner nehmen und Löschen.

Ist ein Ordner offen, landet alles, was du hochlädst, in diesem Ordner. Unter Alle und Ohne Ordner landet es ohne Ordner. Am Rechner kannst du Dateien auch aus dem Explorer (am Mac aus dem Finder) auf die Liste ziehen. Lässt du sie über einem Ordner in der Leiste los, kommen sie direkt dorthin. Jede Datei zeigt ihren eigenen Fortschritt. Passt eine nicht, etwa wegen Format oder Größe, steht der Grund an ihr, und die übrigen laden weiter. Einen ganzen Ordner aus dem Explorer nimmt die Seite nicht an, zieh die Dateien darin. Am Handy gibt es kein Ziehen, dort nimmst du Hochladen.

Beim Löschen eines Ordners entscheidest du, was mit den Dateien darin passiert:

• Nur den Ordner löschen lässt die Dateien stehen. Sie erscheinen danach unter Ohne Ordner.
• Der zweite Weg löscht den Ordner mit allen Dateien darin, sein Knopf nennt ihre Zahl. Vorher prüft das Fenster, ob Dateien davon noch in einem Funnel stecken, und nennt diese Funnels. Dort fehlen die Dateien danach. Erst der rote Knopf löscht endgültig, und das lässt sich nicht rückgängig machen. Klappt das Löschen bei einzelnen Dateien nicht, bleiben sie im Ordner, und der Ordner bleibt stehen.

Die Suche durchsucht immer alle Ordner, auch wenn gerade einer offen ist. Jeder Treffer zeigt, in welchem Ordner er liegt.

Ein Ordner ordnet nur. Verschiebst du eine Datei oder benennst einen Ordner um, behält die Datei ihre Adresse. Jeder Funnel, der sie zeigt, zeigt sie weiter, und kein Bild geht verloren.

Video: drei Quellen

Der Video-Block hat oben den Umschalter Quelle mit drei Stellungen.

Hochgeladen spielt die Datei in unserem eigenen Player ab. Das ist die Fassung mit allen Einstellungen unten. Den eigenen Player mit Upload gibt es ab dem Pro-Plan; im Starter-Plan steht die Stellung mit „ab Pro“ da.

YouTube und Vimeo binden ein fremdes Video ein, und zwar mit Zwei-Klick. Der Besucher sieht zuerst eine Fläche mit dem Namen des Anbieters und dem Hinweis, dass beim Laden Daten an ihn übertragen und Cookies gesetzt werden, dazu ein Link auf deine Datenschutzerklärung. Erst ein Klick auf Video laden lädt das Video. Vorher geht keine einzige Anfrage dorthin, auch kein Vorschaubild vom Anbieter. Ein eigenes Vorschaubild kannst du hinterlegen, es liegt dann unter dem Hinweis. Setzt der Besucher das Häkchen Für dieses Mal für alle Videos dieser Seite erlauben, laden die übrigen fremden Videos ohne weiteren Klick, bis er den Tab schließt. Die Einstellungen zu Ton, Tempo und Steuerleiste gelten für diese beiden Quellen nicht, dort bestimmt der Anbieter.

Der Player bei hochgeladenen Videos

Automatisch starten ist voreingestellt. Ein Autoplay läuft immer stumm. Das ist eine feste Regel und keine Einstellung: ein Video, das beim Öffnen der Seite laut losgeht, vertreibt Besucher. Über dem Bild liegt dafür ein Hinweis, mit dem der Zuschauer den Ton per Klick einschaltet. Hat er in dieser Sitzung selbst stummgeschaltet, erscheint der Hinweis nicht mehr.

Bei „Ton an" von vorn starten ist ebenfalls voreingestellt. Sonst hätte der Zuschauer den Anfang stumm verpasst.

Steuerleiste anzeigen blendet unten im Bild eine Leiste ein: Play und Pause, ein Sprung zurück, der Ton und ein Zahnrad mit dem Tempo. Sie verschwindet während der Wiedergabe und kommt bei Bewegung zurück.

• Zurückspringen um wählst du zwischen 5, 10 und 15 Sekunden. Das ist die einzige Sprungfunktion, und sie geht nur rückwärts.
• Geschwindigkeit wählbar zeigt im Zahnrad die Stufen 1x, 1,5x und 2x.
• Vorspulen erlauben ist aus. Erst damit lässt sich in der Fortschrittsleiste nach vorn springen.
• Weiterschauen anbieten merkt die Position und fragt beim nächsten Besuch, ob es dort weitergehen soll.

Eine Zeitanzeige gibt es nicht. Die Fortschrittsleiste läuft absichtlich nicht gleichmäßig, das stellst du über die Fortschritts-Kurve ein: ein kleiner Wert lässt sie anfangs schneller wandern, 1,00 ist exakt linear. Im Anlauf (Vorgabe 8 Sekunden) läuft sie gleichmäßig an, statt zu springen, und geht ohne Knick in die Kurve über.

Knopf im Video

Im Reiter Inhalt des Video-Blocks steht die Gruppe Knopf im Video. Trägst du eine Beschriftung ein, erscheint unter dem hochgeladenen Video ein Knopf, sobald der Zuschauer die Zeit bei Erscheint ab gesehen hat (Minuten:Sekunden). Leer gelassen gibt es keinen Knopf.

• Wirkung entscheidet, was der Klick tut: Weiter im Funnel führt in den nächsten Schritt oder, wenn du unter Weiter zu einen Schritt wählst, genau dorthin. Adresse öffnen öffnet den eingetragenen Link in einem neuen Tab.
• Die Farbe des Knopfs stellst du im Reiter Design unter Farbe ein, sobald der Knopf eine Beschriftung hat: Füllung als Farbe oder Verlauf und die Textfarbe, genau wie beim Button-Block.
• Variante, Effekt und Wie oft sind dieselben Einstellungen wie beim Button-Block. Der Knopf sieht also aus wie jeder andere Knopf im Funnel.
• Gibt es schon einen Zuschauer-Verlauf, schlägt der Hinweis über den Feldern eine Zeit vor der größten Absprung-Stelle vor. Ein Klick übernimmt sie.

Im Builder steht der Knopf von Anfang an unter dem Vorschaubild, damit du siehst, wie er aussieht. Klickbar ist er dort nicht.

Empfehlung für die Datei

Exportiere als MP4 mit H.264 und setze beim Export -movflags +faststart. Ohne das steht der Index am Dateiende, und der Browser muss die ganze Datei laden, bevor das erste Bild erscheint.

Ein Vorschaubild entsteht beim Hochladen automatisch aus Sekunde 1 des Videos und steht danach im Feld Vorschaubild, beim Video-Block, bei einer Kundenstimme und in einer Case-Study. Ersetzt du das Video, wandert das automatische Bild mit. Ein Bild, das du selbst gewählt hast, bleibt stehen. Im Builder wird nichts abgespielt, dort siehst du genau dieses Bild mit einem ruhenden Play-Zeichen.

Fehlt ein Vorschaubild ganz, zeigt der Player im Funnel das erste Bild des Videos statt einer schwarzen Fläche.

Video-Testimonials

Eine Kundenstimme darf statt eines Zitats ein Video sein. Das ist kein eigener Block: du wählst im Testimonial-Block je Stimme zwischen Zitat und Video.

Wähl Video, lad die Datei hoch und hinterleg ein Vorschaubild. Name, Rolle, Foto und Sterne bleiben gleich. Das Textfeld wird dabei zur Kurzzeile unter dem Video, ein Satz genügt, du kannst es auch leer lassen.

Unter Stimmen stellst du das Format der Videos ein, und zwar für den ganzen Block: Quer 16:9 oder Hochkant 9:16. Quer ist voreingestellt, wie beim gewöhnlichen Video-Block.

Halt die Videos unter 60 Sekunden. Eine Kundenstimme muss nichts erklären, sie muss glaubwürdig sein. Wer zwei Minuten redet, wird nicht zu Ende gesehen, und ein abgebrochenes Video überzeugt niemanden.

Zum Abspielen: Es lädt erst, wenn jemand auf Play drückt. Danach gibt es die gewohnte Bedienung mit freiem Spulen, anders als beim Verkaufsvideo. Startet ein zweites Testimonial-Video, pausiert das erste automatisch, es spricht also immer nur eine Person.

Im Builder wird nichts abgespielt. Dort siehst du das Vorschaubild mit einem ruhenden Play-Zeichen.