Overlays sind das Herzstück des Promotekk Video Studios.
Sie machen dein Video dynamisch, interaktiv und personalisierbar.
In diesem Artikel lernst du alle Overlay-Typen kennen, erfährst, wie sie funktionieren, und wofür du sie einsetzen kannst.

1. Was ist ein Overlay?

Ein Overlay ist ein Element, das über deinem Video liegt.
Durch Overlays kannst du:

• Texte einblenden

• Bilder platzieren

• Variablen anzeigen

• Audio erzeugen (TTS)

• Interaktionen ermöglichen (Formular)

• Zusätzliche Videos einblenden

• Dynamische Effekte erzeugen (Keyframes, Animationen, Motion Tracking – zukünftige Features)

Jedes Overlay besitzt:

• Position (x/y)

• Größe

• Zeitbereich (Start & Ende)

• Überblendungen

• Eigenschaften (z. B. Text, Schrift, Inhalt, Bildquelle, Variable…)

2. Text-Overlay

Das Text-Overlay ist der am häufigsten verwendete Overlay-Typ.

Typische Einsatzmöglichkeiten:

• Titel & Headlines

• Untertitel

• Produktnamen

• Preise & Angebotsinformationen

• CTA-Texte („Jetzt Kontakt aufnehmen“)

• Personalisierte Texte mit Variablen

Wichtige Eigenschaften:

• Schriftart

• Schriftgröße

• Farbe

• Zeilenumbruch

• Hintergrundfarbe / Transparenz

• Textausrichtung

• Outline / Schatten (je nach Version)

Variablen im Text

Du kannst Variablen direkt einfügen:

Hallo {{NAME}}, willkommen bei Promotekk!

Diese Variablen werden später über URL-Parameter, APIs oder Lead-Formulare gefüllt.

3. Bild-Overlay

Mit Bild-Overlays kannst du grafische Elemente hinzufügen:

Beispiele:

• Logo

• Icons

• Produktbilder

• Hintergrundelemente

• Siegel / Zertifikate

• Pfeile, Marker, Sticker

Eigenschaften:

• Skalierung (Größe)

• Position

• Transparenz

• Bildquelle (Upload / URL)

• Zeitbereich in der Timeline

Tipps:

• Verwende transparente PNG-Dateien für saubere Grafiken

• Logos am besten im SVG-Format, wenn unterstützt

• Große Bilder vorher komprimieren (Performance!)

4. Variablen-Text-Overlay

Das Variable Text Overlay ist eine Variante des Text-Overlays, die speziell für dynamische Inhalte vorgesehen ist.

Einsatz:

• Persönliche Anrede

• Kundendaten

• Fahrzeugmodell / Produktname

• Preise, Laufzeiten, Rabatte

• Daten aus CRM oder Formularen

Beispiel:

Ihr persönliches Angebot für den {{FAHRZEUGNAME}}:
nur {{PREIS}} € monatlich.

Viele Nutzer verwenden dieses Overlay, wenn der Text komplett variabel sein soll, ohne statischen Teil.

5. TTS-Overlay (Text-to-Speech)

Das TTS-Overlay erzeugt Sprachausgabe direkt im Video.

Anwendungsbeispiele:

• Personalisierte Begrüßung

• Erklärtexte

• Angebotszusammenfassungen

• Dynamische Daten aus Variablen („Hallo {{NAME}}, dein persönliches Angebot ist bereit…“)

Eigenschaften:

• Stimme (männlich/weiblich, Akzent – abhängig vom System)

• Sprache (z. B. de-DE)

• Lautstärke

• Start & Ende (Synchronisation mit Video)

• Text + Variablen

Hinweis:
Die Qualität der Stimme hängt vom verwendeten TTS-System ab. PVS kann später weitere Stimmen oder KI-TTS integrieren.

6. Video-Overlay

Ein Video-Overlay erlaubt, ein zweites Video über dem Hauptvideo abzuspielen.

Beispiele:

• Reaktionen / GIFs / kurze Clips

• Produktdetails als Mini-Video

• Bauchbinden / animierte Elemente

• Influencer-/Moderator-Videos über dem Hauptvideo

Eigenschaften:

• Start- & Endzeit

• Skalierung

• Lautstärke (falls Ton enthalten)

• Loop / nicht Loop (je nach Version)

7. Lead-Form-Overlay (Interaktives Formular)

Das Lead-Form-Overlay macht dein Video interaktiv.

Einsatz:

• Kontaktformular

• Termin-Anfrage

• Fahrzeuganfragen

• Newsletter-Anmeldung

• Rückrufbitte

Formularfelder ermöglichen:

• Textfeld

• E-Mail

• Telefonnummer

• Auswahlfelder

• Checkboxen

• Hidden Fields (z. B. Kampagnen-ID)

Datenweitergabe:

Der Benutzer entscheidet im Editor:

• Übergabe per Webhook

• Übergabe an Google Sheets

• Direkt an CRM

• Oder in Zukunft über eigene API-Integrationen (Supabase etc.)

Das Overlay pausiert das Video, bis das Formular abgeschickt wird (optional).

8. Zukünftige Overlay-Funktionen (Roadmap)

Diese Features sind geplant bzw. teilweise bereits in Entwicklung:

🟦 Motion Tracking Overlay

Ein Overlay, das sich an ein Objekt im Video „anheftet“.
→ Ideal für Markierungen, Preisschilder, Effekte.

🟦 AI Cutout Overlay

Automatische Freistellung von Personen/Objekten im Video → ohne Greenscreen.

🟦 Keyframe Overlay

Animationen wie:

• Einfliegen

• Zoomen

• Rotieren

• Farbe/Größe ändern über die Zeit

🟦 Dynamic Data Overlay

Daten live aus einer API abrufen und ins Overlay einblenden.

9. Gemeinsamkeiten & Unterschiede aller Overlays

Overlay-Typ Position Zeit Variablen Interaktiv Multimedia Text ✔ ✔ ✔ ✖ ✖ Variablen-Text ✔ ✔ ✔✔✔ ✖ ✖ Bild ✔ ✔ ✖ ✖ ✖ Video ✔ ✔ ✖ ✖ ✔ (Video) TTS ✖ ✔ ✔ ✖ ✔ (Audio) Lead-Form ✔ ✔ ✔ ✔✔✔ ✖

10. Wann nutze ich welchen Overlay-Typ?

Text

Für alles, was sichtbar & schnell zu bearbeiten ist: Titel, Beschreibungen, visuelle Hinweise.

Variablen-Text

Wenn der Inhalt stark personalisiert ist und komplett dynamisch kommt.

Bild

Für visuelle Marken-Elemente oder Produktbilder.

TTS

Wenn du personalisierte Audio-Ausgaben brauchst.

Video

Wenn du zusätzliche Animationen oder Clips einspielen möchtest.

Lead-Form

Wenn du Interaktionen oder Leadgenerierung direkt im Video möchtest.

Zusammenfassung

Du kennst jetzt:

• alle Overlay-Typen

• deren Einsatzmöglichkeiten

• wie sie im Editor funktionieren

• wie Variablen eingebunden werden

• zukünftige Möglichkeiten (Keyframes, Motion Tracking, AI)

Damit hast du die Grundlage, um Videos inhaltlich und technisch flexibel zu gestalten.