Block - Media Einbettung

Mit diesem Block können Sie eigene iFrames, lokale Videos, YouTube- und Vimeo-Videos einbetten.
Zusätzlich haben Sie die Möglichkeit eigene HTML-Codes zu platzieren.

ACHTUNG: Bitte seien Sie sich sicher welcher HTML-Code hier eingepflegt wird.
Hierfür wird keine Haftung übernommen!

Ansicht im Frontend

iFrame Einbettung

YouTube Einbettung mit Überschrift

Eingabemaske & Einstellungen

Dieser Block hat folgende Einstellungen:

1. Abstände
2. Hintergrund- und Textfarben
   
3. Hintergrund- und Textfarben für das Overlay
4. Anzahl der Spalten (Wenn Sie mehrere iFrames nebeneinander einbinden möchten)
   
5. Höhe der Einbettung (Leider übermitteln nicht alle iFrame-Quellen eine Höhe mit. Somit kann keine "automatische" Höhe definiert werden. Sollte die gewünschte Quelle höher sein wird automatisch ein Scrollbalken einblendet. Sollte dies nicht gewünscht sein, nutzen Sie bitte die HTML Fläche zur Einbindung des iFrames)
   
6. Lokales Video: Autoplay aktivieren & Kontrollleiste aktivieren

Sollte das Autoplay deaktiviert werden, bitte die Kontrollleiste aktivieren! Sonst kann das Video nicht gestartet werden!

Durch den aktiven Autoplay & deaktivierter Kontrollleiste lassen sich hierdurch Videos in Dauerschleife eingebinden (bspw. Werbebanner mit Animationen)

Mögliche Inhalte:

1. YouTube
   
2. Vimeo
   
3. iFrame
4. HTML
   
5. Lokales Video (Bitte die Dateigröße des Videos beachten! Diese können die Ladezeit der Webseite beeinträchtigen)

YouTube

Hierfür müssen Sie bei Anzeigetyp => YouTube auswählen. Anschließend die 11-stellige YouTube-ID einsetzen.

YouTube-ID finden Sie in der Video-URL hinter dem Begriff/Attribut "https://www.youtube.com/watch?v=XXXXXXXXXXX" oder "https://youtu.be/XXXXXXXXXXX"

Vimeo

Hierfür müssen Sie bei Anzeigetyp => Vimeo auswählen. Anschließend die 9-stellige Vimeo Video-ID einsetzen.

Vimeo Video-ID finden Sie in der Video-URL  "https://vimeo.com/XXXXXXXX"

iFrame

Hierfür müssen Sie bei Anzeigetyp => iFrame auswählen. Anschließend die gewünschte URL einsetzen.

Die gewünschte URL mit "https://" einbinden und mit Enter bestätigen

HTML

Hierfür müssen Sie bei Anzeigetyp => HTML auswählen. Anschließend den gewünschte HTML-Code einsetzen.

In diesem Bereich könnten Sie beispielsweise HTML-Code Snippets von Bewertungsplattformen platzieren.

Sollten Sie ein iFrame ohne Scrollbalken einbinden möchten, können Sie die HTML-Einbindung nutzen. Hierfür müssen die den gesamten iFrame-Code mit den entsprechenden Attribute/Einstellungen (bspw. Höhenwert) einsetzen.

ACHTUNG: Bitte seien Sie sich sicher welcher HTML-Code hier eingepflegt wird.
Hierfür wird keine Haftung übernommen!

Ausrichtungen

einzelne Einbettungen können nun Positioniert werden.

Links

Mittig

Rechts

Darstellungsarten

Untereinander

Nebeneinander - Text links

Nebeneinander - Text rechts

Darstellungsbeispiele

Version 1

Hierfür wurden folgende Informationen eingestellt/hinterlegt:

1. Breite auf Maximum
   
2. ein Bild
   
3. iFrame-Link
   
4. Anzahl der Spalten: 1

Version 2

Hierfür wurden folgende Informationen eingestellt/hinterlegt:

1. Breite auf 700
   
2. ein Bild
   
3. Headline & Text
4. YouTube-ID
   
5. Anzahl der Spalten: 1
   
6. Darstellungsart: Nebeneinander - Text links
   
7. Ausrichtung: Media links | Text oben

Version 3

Hierfür wurden folgende Informationen eingestellt/hinterlegt:

1. Breite auf 1280
   
2. ein Bild
   
3. Headline & Text
4. YouTube-ID
   
5. Anzahl der Spalten: 1
   
6. Darstellungsart: Untereinander
   
7. Ausrichtung: Media links | Text oben

Version 4

Hierfür wurden folgende Informationen eingestellt/hinterlegt - zwei Elemente mit:

1. Breite auf 700
   
2. ein Bild
   
3. Headline & Text
4. YouTube-ID
   
5. Anzahl der Spalten: 2
   
6. Darstellungsart: Untereinander
   
7. Ausrichtung: Media links | Text oben

Darstellungsarten Overlay

Ganze Fläche mit Transparenz

Text hinterlegt mit Transparenz

Text hinterlegt ohne Transparenz

• Related Articles

• Block - Counter / Zähler

  Ansicht im Frontend Vorschau im Backend INFO: In der Vorschau im Backend können kleine Abweichungen der Blockdarstellung aufkommen. Eingabemaske & Einstellungen Für den Zähler können bis zu 5 Zählerelemente erstellt werden. Diese werden im Frontend ...

• Block - Text Icon CTA

  Dieser Block ermöglicht es Ihnen mehrere Textboxen mit oder ohne Icon zu erstellen. Wenn Icons im Dateiformat .svg ausgewählt werden, können diese Mithilfe der Einstellung in der Sidebar umgefärbt werden. (Dateien mit .jpg oder .png sind aufgrund ...

• Social Media

  Sie können unter dem Menüpunkt: Design > Social Ihre sozialen Netzwerke verlinken Die gewünschten Kanäle können im ersten Bereich durch eine Checkbox aktiviert und darunter der entsprechende Link hinterlegt werden.

• Datenschutzerklärung aktualisieren

  Wir als umsetzende Agentur, dürfen und können wir Ihre Angaben auf den rechtlichen Seiten nicht auf juristische Richtigkeit überprüfen und auf aktuellen Stand halten. Bitte achten Sie selbstständig darauf, dass Ihre Rechtsangaben stets aktuell sind ...

• Block - Textbox Spaltenraster

  Einfacher Textblock mit einstellbarer Spaltenanzahl / -abstand Ansicht im Frontend zweispaltig einspaltig Vorschau im Backend INFO: In der Vorschau im Backend können kleine Abweichungen der Blockdarstellung aufkommen. Eingabemaske & Einstellungen ...