Produktvideo erstellen: von der Produktseite zur Video-Anzeige
Am schnellsten kannst du ein Produktvideo erstellen, wenn du von der Produktseite ausgehst, die du schon hast: Preis, Rabatt, Lagerhinweis und Aktionsende sind bereits das Skript einer Anzeige. Dieser Leitfaden ist für Shopbetreiber und kleine Performance-Teams, die diese Woche Video-Anzeigen für Onlineshops brauchen, für Meta, TikTok und die Produktseite selbst, ohne Dreh.
Wir bauen PageToVid: Das Tool filmt eine Live-Seite in einem echten Browser und vertont sie. Alles hier stammt aus echten Shop-Filmen aus unserer Pipeline, auch aus den schwachen.
Die fünf Elemente einer Produktseite, aus denen eine Video-Anzeige wird
Wenn unser System eine Shopseite liest, um das Storyboard zu schreiben, sucht es fünf Dinge. Jedes wird zu einer Szene. Fehlen drei davon, wird die Anzeige schwach, egal wie geschnitten.
- Ein Preis oder ein Angebot. Eine Zahl, auf die man reagieren kann: „15 % auf alle Smartphones“, „ab 499“, „versandkostenfrei ab 50“.
- Lagerbestand oder Verfügbarkeit. „Auf Lager“, „heute versandt“, verbleibende Größen. Das beantwortet die stille Frage: „Bekomme ich das überhaupt?“
- Ein Beleg. Bewertungen, Sterne, ein zitierter Kunde, die Rückgaberegel.
- Das Produkt im Bild. Galerie, Variantenauswahl, Suchfeld.
- Eine Frist. Aktionsende oder Countdown. Sie gibt der letzten Szene ihren Grund.
Die Startseite der meisten Shops besteht aus Banner und Kategorieraster; gefilmt wird daraus ein Film über einen Slogan. Nimm stattdessen die URL der Produkt- oder Aktionsseite. Den Aufbau des Formats selbst erklärt was ist eine Video-Anzeige; hier geht es um die Seite, die sie füttert.
Was der Storeva-Film daraus macht
Der Film oben entstand aus storeva.co.in, einem Online-Handyshop aus Kotpad in Indien. Er läuft 46 Sekunden in 16:9, rund 95 Wörter in einem durchgehenden Sprecher-Take, über der echten Website, gefilmt in unserem Cloud-Browser.
Er beginnt mit einer Frage: „Still paying full price for your new smartphone?“ (Zahlst du für dein neues Smartphone noch den vollen Preis?). Danach kommen das Problem (Läden ohne aktuelle Ware, wochenlanges Warten), das Angebot (15 % auf alle Smartphones), der Bestand (iPhone und Samsung sofort verfügbar), die auf der Seite gefilmte Suche, der Festtagsrabatt („Only 27 days remain“) und der WhatsApp-Aufruf.
Alle fünf Elemente sind drin, deshalb funktioniert er als Video auf der Produktseite. Als Feed-Anzeige hat er drei Schwächen, die wir beheben würden:
- Das Angebot kommt erst im vierten Satz, nach etwa zwölf Sekunden. Auf der Produktseite wartet der Besucher; in Reels ist er weg.
- Kein Modell, kein Preis. 15 % worauf? Ein Modell mit reduziertem Preis im Bild schlägt „Top-Marken“.
- Die Frist ist im MP4 eingefroren. „27 Tage“ stimmte am Render-Tag. Rendere die letzte Szene jede Woche neu oder nenne ein Datum statt eines Countdowns.
Eine Produktseite, drei Anzeigenvarianten
Beim Hook-Test rechnet sich ein Website-zu-Video-Tool, weil der teure Teil (Seite lesen, filmen, Sprache aufnehmen) schon erledigt ist. So würden wir aus dem Storeva-Film drei Anzeigen machen.
Den Basisfilm einmal erstellen
Rendere die Produktseite in 9:16 für Feeds. Das Format filmt das mobile Layout des Shops in einem Smartphone-Viewport, die Bilder entsprechen also dem, was Kunden nach dem Tippen sehen. Kosten: ein Render, 40 Credits.
Drei gleich lange erste Szenen schreiben
Variante A, das Angebot: „15 % auf jedes Smartphone bei Storeva.“ Variante B, der Schmerz: „Wochenlang aufs bestellte Handy warten?“ Variante C, die Frist: „Festtagspreise, nicht mehr lange. Jedes Handy 15 % günstiger.“ Bleib auf ein, zwei Wörter beim Original: Die Sprache ist ein einziger Take, den sich alle Szenen teilen, jedes zusätzliche Wort verlängert also den ganzen Film.
Jede Variante neu rendern
Ändere im Editor den Text von Szene eins und rendere neu. Alle anderen Szenen bleiben unverändert, der einzige Unterschied zwischen den Anzeigen ist der Hook. Jeder Render kostet 40 Credits; Basisfilm plus drei Varianten sind vier Renders. Was ein Testmonat in welchem Tarif kostet, steht unter Preise.
Gegeneinander laufen lassen
Gleiche Zielgruppe, gleiches Budget, gleiche Platzierung. Bewerte nach dem Anteil der Zuschauer, die über die ersten drei Sekunden hinaus schauen, und nach Klicks, nicht nach Likes.
Unsere Regel: eine Änderung pro Variante. Ändern sich Szene eins und Musik gleichzeitig, weißt du nicht, was die Zahl bewegt hat. Wie du eine einzelne Szene änderst, ohne den Film neu zu machen, steht in ein Video korrigieren, ohne es neu zu erstellen. Mehr Shop-Beispiele zeigt die Seite Video-Anzeigen für Onlineshops.
Wo welche Version läuft
Eine Seite kann jede Platzierung bedienen, aber nicht mit einer Datei. Das Seitenverhältnis entscheidet, welches Layout wir filmen (mobil bei 9:16, Desktop bei 16:9 und 1:1): Eine 9:16-Anzeige und ein 16:9-Video für die Produktseite sind zwei Renders, kein Zuschnitt. Mehr dazu im Leitfaden zum Seitenverhältnis.
| Platzierung | Format | Länge, die wir wählen | Ton |
|---|---|---|---|
Produktseite | 16:9 oder 1:1 | 30–45 s | Aus: Autoplay ist nur stumm verlässlich erlaubt |
Facebook- und Instagram-Feed | 1:1 (Meta empfiehlt 4:5, per API verfügbar) | 15–20 s | Standardmäßig aus; Meta empfiehlt Untertitel |
Instagram- und Facebook-Reels | 9:16 | 15–25 s | Gemischt; nichts Wichtiges in die unteren 35 % und oberen 14 % |
TikTok In-Feed | 9:16 empfohlen (16:9 und 1:1 möglich) | 15–30 s | Oft an, trotzdem für stumm schreiben |
YouTube | 16:9 In-Stream, 9:16 für Shorts | 30–45 s; Shorts bis 3 Min. | Meist an |
Newsletter | Vorschaubild mit Link zum Film | Beliebig | Keiner: Das Bild trägt das Angebot |
TikTok erlaubt In-Feed-Anzeigen bis 10 Minuten, Meta Reels bis 15. Das sind Obergrenzen, keine Empfehlungen. Für ein Produkt mit einem Angebot bleiben wir zwischen 15 und 30 Sekunden, auf Deutsch also gut 50 Wörter Sprechtext als Obergrenze.
Checkliste vor dem Rendern
- Die URL ist die Produkt- oder Aktionsseite, nicht die Startseite.
- Angebot und echter Preis stehen im Feld
focus, in Anführungszeichen, wenn sie wörtlich gesprochen werden sollen. - Szene eins nennt Angebot oder Problem, nie den Shopnamen oder das Logo.
- Mindestens die Hälfte der Szenen zeigt die echte Seite, keine Grafiken.
- Die Frist ist ein Datum, oder du planst einen wöchentlichen Neu-Render.
- Die letzte Szene ist eine einzige Handlung („Schreib uns auf WhatsApp“, „Zum Sale“) und sonst nichts.
Geht es nicht um ein Produkt (eine Dienstleistung, eine App, ein Laden vor Ort), starte besser bei Video-Anzeigen.
Fehler, die wir in Shop-Renders sehen
- Die Startseite filmen. Banner und Kategorieraster mit Stimme darüber. Kein Preis, kein Produkt, nichts zu kaufen.
- Kein Preis. „Top-Angebote bei Markenhandys“ ist eine Behauptung; „iPhone 15, jetzt 15 % günstiger“ ist eine Anzeige.
- Von Ton ausgehen. Auf der Produktseite ist die Stimme der halbe Film, im stummen Feed fast nichts. Steht das Angebot nicht in den Untertiteln, steht es nicht in der Anzeige.
- 60-Sekunden-Anzeigen. Eine Minute für ein einziges Produkt im Feed ist ein Produktseiten-Video am falschen Ort. Ein Angebot, 30 Sekunden.
Wann du PageToVid für Produktvideos nicht nehmen solltest
PageToVid filmt deine Website. Muss die Anzeige das Produkt im Einsatz zeigen (eine Jacke, die sich am Körper bewegt, einen Mixer, der Eis zerkleinert, die Textur einer Creme auf der Haut), brauchst du eine Kamera. Das gilt auch für Unboxing und UGC, bei denen der Punkt ein echter Mensch mit dem Produkt in der Hand ist: Buche Creator über einen UGC-Marktplatz oder dreh selbst mit dem Smartphone. Unsere KI-Clips (311 Credits pro Clip, in bezahlten Tarifen) können eine Stimmungseinstellung liefern, zeigen dein echtes Produkt aber nicht zuverlässig. Willst du generatives Material und Stockfootage auf einer Timeline statt deiner echten Seite, passt InVideo ehrlicherweise besser; siehe unseren Vergleich mit InVideo. Nimm PageToVid für Angebot, Preis und Seite und ergänze Kameramaterial, wenn das Produkt angefasst werden muss.
Quellen
- Meta-Werbeanzeigen-Leitfaden: Videospezifikationen für Instagram Reels (9:16, bis 15 Minuten, Schutzzonen)
- Meta-Werbeanzeigen-Leitfaden: Video im Facebook-Feed (4:5 empfohlen, Untertitel und Ton empfohlen)
- TikTok Ads: Spezifikationen für In-Feed-Anzeigen (9:16 empfohlen, bis 10 Minuten)
- YouTube-Hilfe: Shorts quadratisch oder hochkant, bis 3 Minuten
- Autoplay-Richtlinie von Chrome: stummes Autoplay ist immer erlaubt
Verwandle deine Website in ein Video — kostenlos
Füge die Seite ein, die gefilmt werden soll. PageToVid schreibt das Skript, filmt die echte Website, vertont sie und liefert das MP4.
Häufige Fragen
Kann ich aus einer Shopify-Produktseite ein Produktvideo erstellen?
Ja, wenn die Seite öffentlich ist. Ein Shop hinter Passwortseite oder Bot-Prüfung wird abgelehnt, ohne dass es dich etwas kostet.
Wie lang sollte eine Video-Anzeige für einen Onlineshop sein?
Für ein Produkt im Feed 15 bis 30 Sekunden. Auf der Produktseite selbst sind 30 bis 45 Sekunden in Ordnung, weil der Besucher schon interessiert ist. Die Länge folgt dem Text: Deutsch braucht für dieselbe Zeit etwa zehn Prozent weniger Wörter als Englisch.
Was kostet es, mehrere Hooks zu testen?
Jeder neue Render kostet 40 Credits, genau wie der erste. Basisfilm plus drei Hook-Varianten sind vier Renders. Der erste Film für jede Website ist kostenlos; Gratisfilme tragen ein kleines PageToVid-Badge.
Sollten Produktseiten-Video und Anzeige dieselbe Datei sein?
Nein. Die Anzeige sollte 9:16 sein, das filmt dein mobiles Layout, und mit dem Angebot beginnen. Das Video für die Produktseite kann 16:9 oder 1:1 sein, länger laufen und mehr erklären. Es sind zwei Renders derselben Seite.