Eventseite mit Bildern und Videos anreichern

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.

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

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

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.

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

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" />