Eventseite mit Bildern und Videos anreichern Mache Deine Eventseite noch individueller

Eventseite mit Bildern und Videos anreichern

Mache Deine Eventseite noch individueller

Bei guestoo kannst Du neben den Standard-Elementen, wie z. B. Eventbild, Logo, Hintergrundbild noch beliebige Bilder und Videos im erklärenden Text zum Event einbinden. Hier zeigen wir Dir wie.

Wichtiger Hinweis:
Die Informationen auf dieser Seite beziehen sich auf die veraltete Editor-Version von guestoo.
Um die hier erklärten Funktionen in vollem Umfang nutzen zu können, wähle unter Agentur > Design > Voreinstellungen den Text-Editor "(Alt) Editor Version 1" aus.


Alternativ dazu kannst Du aber auch mit Abschnitten arbeiten - weitere Informationen findest Du hier: Event > Infos > Abschnitte

Du kannst für das guestoo Back-End zwischen zwei Darstellungsoptionen wählen. Die Screenshots in der Doku basieren auf dem "Klassischen Design".
Hier siehst Du die Unterschiede, damit Du dich auch im "Modernen Design" zurecht findest: » guestoo Back-End-Design

Bild & animierte GIFs einbinden

So kannst Du Bilder einbinden

Bild & animierte GIFs einbinden - So kannst Du Bilder einbinden

Wichtiger Hinweis:
Die Informationen auf dieser Seite beziehen sich auf die veraltete Editor-Version von guestoo.

 

So kannst Du Bilder auf Deiner Eventseite einbinden:

  1. Gehe in das Event
  2. Gehe in den Reiter "Infos"
  3. Klicke auf "Event bearbeiten"
  4. Gehe zu Redaktionelle Texte > Eventbeschreibung an die Stelle, an der das Bild erscheinen soll
  5. Klicke auf das Bild, füge in dem Dialog die URL des Bilde ein und bestätige
  6. Speichern & Fertig

Tipp: Profis können in der HTML-Sicht dem Bild noch Styles hinzufügen.

YouTube-Videos einbinden

So kannst Du YouTube-Videos einbinden

YouTube-Videos einbinden - So kannst Du YouTube-Videos einbinden

Wichtiger Hinweis:
Die Informationen auf dieser Seite beziehen sich auf die veraltete Editor-Version von guestoo.

Wenn Du die neue Version des Editors benutzt, erstelle einen Abschnitt, um ein YouTube-Video einzubinden (Erklärung).

 

So kannst Du YouTube Videos auf Deiner Eventseite einbinden:

  1. Gehe in das Event
  2. Gehe in den Reiter "Infos"
  3. Klicke auf "Event bearbeiten"
  4. Gehe zu "Redaktionelle Texte > Eventbeschreibung" an die Stelle, an der das Video erscheinen soll
  5. Klicke auf das Video-Icon, füge in dem Dialog die URL des Videos ein und bestätige
  6. Speichern & Fertig

YouTube Videos: 100% Breite & ohne Cookies

YouTube Videos immer auf 100% Breite

YouTube Videos: 100% Breite & ohne Cookies - YouTube Videos immer auf 100% Breite

Wichtiger Hinweis:
Die Informationen auf dieser Seite beziehen sich auf die veraltete Editor-Version von guestoo.

Wenn Du die neue Version des Editors benutzt, erstelle einen Abschnitt, um ein YouTube-Video einzubinden (Erklärung).

 

So kannst Du YouTube-Videos ohne Cookie und mit 100% Breite einbauen:

  1. Gehe in das Event
  2. Gehe in den Reiter "Infos"
  3. Klicke auf "Event bearbeiten"
  4. Gehe zu "Redaktionelle Texte > Eventbeschreibung"
  5. Wechsle in die HTML-Sicht
  6. Suche die Stelle an die Du das Video setzen möchtest
  7. Nutze den untenstehenden Code, um das Video einzubinden
  8. Speichern & Fertig
Codebeispiel

<div class="video-container-wrapper"><div class="video-container"><iframe src="https://www.youtube-nocookie.com/embed/###VIDEOID###?rel=0" width="300" height="150" frameborder="0"></iframe></div></div>

###VIDEOID### ersetzen durch die ID des Videos (z.B. "K1HPYiKOMFI")

» Dokumentation Video-Tag

Eigenes HTML

Du kannst auch eigenes HTML nutzen, um die Eventseite individueller zu gestalten

Eigenes HTML - Du kannst auch eigenes HTML nutzen, um die Eventseite individueller zu gestalten

Wichtiger Hinweis:
Die Informationen auf dieser Seite beziehen sich auf die veraltete Editor-Version von guestoo.

 

Um eigenes HTML zu nutzen, schreibe es am besten in einem Editor Deiner Wahl. Anschließend gehe wie folgt vor:

  1. Gehe in das Event
  2. Gehe in den Reiter "Infos"
  3. Klicke auf "Event bearbeiten"
  4. Gehe zu "Redaktionelle Texte > Eventbeschreibung"
  5. Wechsle in die HTML-Sicht und kopiere Deinen Code hinein
  6. Speichern & Fertig

Info: Alle Bilder und Videos müssen auf Eurem eigenen Server liegen und können nur referenziert werden. Manche HTML oder Style-Elemente werden aus Sicherheitsgründen nicht gespeichert.

Eigene Videos einbinden

So kannst Du eigene Videos einbinden

Eigene Videos einbinden - So kannst Du eigene Videos einbinden

Wichtiger Hinweis:
Die Informationen auf dieser Seite beziehen sich auf die veraltete Editor-Version von guestoo.

Wenn Du die neue Version des Editors benutzt, erstelle einen Abschnitt, um ein YouTube-Video einzubinden (Erklärung).

 

So kannst Du eigene Videos auf Deiner Eventseite einbinden:

  1. Gehe in das Event
  2. Gehe in den Reiter "Infos"
  3. Klicke auf "Event Bearbeiten"
  4. Gehe zu "Redaktionelle Texte > Eventbeschreibung"
  5. Wechsle in die HTML-Sicht
  6. Suche Die Stelle, an die Du das Video setzen möchtes
  7. Nutze den HTML-Tag <video> um das Video einzubinden
  8. Speichern & Fertig
<video>

<video width="100%" controls=""><source src="https://www.url.de/zu_deinem_video.mp4" type="video/mp4"></video>

» Dokumentation Video-Tag

Image Styles

100% Breite (responsive), Multiplizieren, etc.

Image Styles - 100% Breite (responsive), Multiplizieren, etc.

Wichtiger Hinweis:
Die Informationen auf dieser Seite beziehen sich auf die veraltete Editor-Version von guestoo.

 

Hier ein paar Klassen, die Euren Bildern zugeordnet werden können um sie z. B. über 100% Breite laufen zu lassen oder zu multiplizieren.

So fügst Du Klassen zum Bild hinzu:

  1. Gehe in das Event
  2. Gehe in den Reiter "Infos"
  3. Klicke auf "Event Bearbeiten"
  4. Gehe zu "Redaktionelle Texte > Eventbeschreibung"
  5. Füge das Bild ein
  6. Wechsle in die HTML-Sicht
  7. Suche Die Stelle mit dem Bild
  8. Füge class="option1 option2"  hinzu (Optionen siehe unten)
  9. Speichern & Fertig
Optionen
  • width-100 / Das Bild hat immer 100% Breite, die Höhe wächst mit
  • multiply / Das Bild wird auf den Hintergrund multipliziert (z.B. um weiße Ränder unsichbar zu machen)
Codebeispiel

<img class="width-100 multiply" src="hierDasBild/bild.png" />