Bilder und Werbevideo hinzufügen

Bilder machen Ihre Angebote auf der Buchungsseite wiedererkennbar, und ein kurzer Werbeclip kann eine Session lebendig machen. Diese Seite nennt jede Stelle in go flow, an der Sie ein Bild oder ein Werbevideo festlegen können, wo Kunden es sehen, wie es zugeschnitten und angezeigt wird, wie Sie es ersetzen oder entfernen und welche Grenzen gelten. Sie erklärt auch, wie Bilder in Ihre E-Mails gelangen.

Die Beispiele verwenden ein erfundenes Töpferatelier, Atelier Tonwerk, mit einer Session namens Drehen an der Töpferscheibe für Anfänger.

Bevor Sie beginnen

• Sie brauchen das Recht, das Element zu bearbeiten, zu dem das Bild gehört — für Organisation, Behandlungen, Produkte, Aktionen, Vorlagen und Feedback-Formulare ist das Verwalten auf Konfiguration & Einstellungen.
• Wählen Sie Bilder ohne wichtigen Text darin: Die Buchungsseite schneidet Bilder passend zu jedem Rahmen zu, und Text gehört in die Texte des Elements, wo er übersetzt und auf jedem Bildschirm lesbar ist.
• Für ein Werbevideo halten Sie die öffentliche Webadresse einer MP4-Videodatei bereit (siehe Werbevideo).

Bild hinzufügen

Jeder Editor, der Bilder aufnimmt, hat dasselbe Feld Bilder. Es zeigt Keine Bilder, bis Sie eines hinzufügen.

1. Öffnen Sie den Editor des Elements und suchen Sie Bilder (bei den meisten Elementen auf der ersten Registerkarte, siehe Tabelle unten).
2. Klicken Sie auf die Plus-Schaltfläche (Hinzufügen) oben rechts im Feld und wählen Sie im Menü den Bildtyp.
3. Klicken Sie auf Bild auswählen oder ablegen und wählen Sie eine Bilddatei, oder ziehen Sie sie in den Dialog. Eine Datei, die kein Bild ist, zeigt „Bitte wählen Sie eine Bilddatei aus!".
4. Passen Sie den Zuschnitt an: Verschieben und vergrössern oder verkleinern Sie den Rahmen, oder verschieben und zoomen Sie das Bild dahinter. Der Rahmen behält die Form des gewählten Typs (bei Logo jede Form).
5. Klicken Sie im Zuschnitt-Dialog auf das Speichern-Symbol. Das zugeschnittene Bild wird sofort hochgeladen; schlägt das fehl, erscheint „Hochladen fehlgeschlagen -" und es wird nichts hinzugefügt.
6. Speichern Sie das Element. Kunden sehen die Änderung erst nach diesem Speichern; schliessen Sie den Editor ohne zu speichern, wird der Upload verworfen und die bisherigen Bilder bleiben.

Prüfen Sie das Ergebnis: Das kleine Bild am Anfang der Zeile des Elements in der Liste ist das Bild, das die Buchungsseite auf Karten verwendet (siehe Das erste Bild). Laden Sie dann die Buchungsseite neu. Direkt nach einem Upload kann die Kachel kurz ein durchgestrichenes Bildsymbol zeigen, bis die Datei verfügbar ist; öffnen Sie das Element etwas später erneut.

Bildtypen

Typ im Menü Hinzufügen	Zuschnittform	Gespeicherte Grösse (längste Seite, höchstens)	Anzahl
Profil	quadratisch	200 Pixel	eines; ein weiteres ersetzt es
Panorama	breites Panorama, 4:1	800 Pixel	eines; ein weiteres ersetzt es
Session	Querformat, 16:9	800 Pixel	mehrere
Logo	jede Form	400 Pixel	eines; ein weiteres ersetzt es
Feedback-Banner	Querformat, 16:9	800 Pixel	eines; ein weiteres ersetzt es
confirmation	Querformat, 4:3	800 Pixel	mehrere (die Buchungsseite verwendet das letzte)
Video	— (eine Webadresse)	—	eines; ein weiteres ersetzt es

Das gespeicherte Bild kann nie grösser sein als der Zuschnittrahmen, wie er auf Ihrem Bildschirm erscheint — höchstens etwa 440 Pixel breit und 360 Pixel hoch — und wird danach weiter auf die Grösse in der Tabelle verkleinert. Ziehen Sie den Rahmen für das schärfste Ergebnis auf die volle Breite des Zuschnittbereichs. Der Bildtyp der Buchungsvorlage erscheint im Menü Hinzufügen unter seinem unübersetzten Namen confirmation.

Wo jedes Bild erscheint

Element	Wo Sie es festlegen	Angebotene Typen	Wo Kunden es sehen
Organisation	Konfigurationen > Organisation, Registerkarte Profil	Logo, Profil, Panorama	Das Logo erscheint in E-Mails, deren Kopfzeile auf Logo steht (siehe Bilder in E-Mails). Profil und Panorama werden derzeit weder auf der Buchungsseite noch in E-Mails angezeigt.
Ressource oder Aggregator	Konfigurationen > Ressourcen, Registerkarte Ressourcen oder Aggregatoren, im Editor Registerkarte Profil	Profil, Panorama	Erstes Bild auf der Karte der Ressource in der Angebotsliste, als kleines rundes Bild über den freien Zeiten, wenn die gewählte Behandlung kein Bild hat, und als rundes Bild im Warteraum eines Videotermins.
Session	Konfigurationen > Ressourcen, Registerkarte Sessions, im Editor Registerkarte Profil	Profil, Panorama, Session, Video	Erstes Bild auf der Hover-Karte im Kalender (an Computern mit Maus), in der Tagesansicht, auf der Karte der Session in der Angebotsliste, als kleines rundes Bild auf der Seite der Session und als Vorschaubild im Warenkorb, in der Bestellübersicht, auf der Bestätigung und im Profil des Kunden. Das Detailblatt der Session zeigt das Video oder sonst alle ihre Bilder nacheinander.
Behandlung	Konfigurationen > Behandlungen, im Editor Registerkarte Behandlung	Profil, Panorama	Erstes Bild auf der Karte der Behandlung und als kleines rundes Bild über ihren freien Zeiten.
Produkt	Konfigurationen > Produkte, im Editor Registerkarte Produkt	Profil, Session	Erstes Bild als kleines Quadrat auf der Produktkarte im Checkout, in der Bestellübersicht und auf der Bestätigung. Weitere Bilder werden nicht angezeigt.
Ankündigung	Konfigurationen > Aktionen, Registerkarte Ankündigungen, Ankündigung hinzufügen	Profil	Füllt das ganze Ankündigungsbanner oben im Kalender und in der Angebotsliste, abgedunkelt, mit dem Text in Weiss. Verwendet wird nur das erste Bild einer Ankündigung.
Buchungsvorlage	Konfigurationen > Vorlagen, Registerkarte Buchungen, im Editor Registerkarte Profil	confirmation	Neben der Meldung „Buchung bestätigt" auf der Bestätigungsseite und auf der Seite, auf der ein Gruppenmitglied eine Einladung beantwortet.
Feedback-Formular	Konfigurationen > Feedback-Formulare, im Editor Registerkarte Einstellungen	Feedback-Banner	Über die ganze Breite oben auf der Feedback-Seite, die Kunden über einen Feedback-Link öffnen (180 Pixel hoch). Nicht in der kurzen Feedback-Frage auf der Bestätigungsseite.
E-Mail-Kopfzeile	Konfigurationen > Vorlagen, Registerkarte Branding, E-Mail-Kopfzeile	Logo oder Banner	Oben in jeder E-Mail, die diese Kopfzeile verwendet (siehe Bilder in E-Mails).

Wie jedes Element eingerichtet wird, steht auf seiner eigenen Seite: Ressourcendetails, Behandlungen, Produktdetails, Aktionen, Buchungsvorlage bearbeiten, Feedback-Formular bearbeiten und E-Mail-Kopfzeile.

Wie Bilder angezeigt werden

Das erste Bild

Wo die Buchungsseite für ein Element ein einzelnes Bild zeigt — eine Karte, ein rundes Bild, ein Vorschaubild —, verwendet sie das erste gespeicherte Bild dieses Elements, gleich welchen Typs. Bilder werden in der Reihenfolge aufbewahrt, in der Sie sie hinzugefügt haben; der Editor gruppiert sie nach Typ, deshalb ist die Reihenfolge dort nicht sichtbar. Das kleine Bild am Anfang der Zeile des Elements in der Liste im Dashboard ist genau dieses erste Bild.

Um zu steuern, welches Bild auf Karten erscheint, fügen Sie es zuerst hinzu. Ein Profil-Bild eignet sich am besten für Karten und runde Bilder. Ein Bild, das Sie entfernen und erneut hinzufügen, rückt ans Ende; das Ersetzen eines Bildes, das es nur einmal gibt (ein neues Profil über ein bestehendes), behält seinen Platz.

Zuschnitt auf der Buchungsseite

Rahmen auf der Buchungsseite haben ihre eigenen Formen, und jedes Bild wird so zugeschnitten, dass es seinen Rahmen füllt: Eine schmale Karte zeigt die Mitte eines breiten Bildes, ein rundes Bild die Mitte eines quadratischen. Halten Sie das Motiv in der Mitte des Zuschnitts. Das Detailblatt einer Session zeigt Bilder in einem breiten Bereich bis 350 Pixel Höhe (höchstens 30 % der Bildschirmhöhe); das Bestätigungsbild füllt die Hälfte der Bestätigungskarte.

Mehrere Bilder auf einer Session

Das Detailblatt der Session zeigt alle Bilder der Session — Profil, Panorama und jedes Session-Bild — eines nach dem anderen, alle 15 Sekunden überblendend, ohne Pfeile oder Punkte. Die Überschrift der Session dient Bildschirmlesern als Beschreibung jedes Bildes. Es gibt keine eigene Sortiermöglichkeit; verlassen Sie sich nicht darauf, dass ein bestimmtes Bild im Detailblatt zuerst erscheint.

Wenn kein Bild vorhanden ist

Karten, Vorschaubilder und runde Bilder entfallen einfach, und der Text nimmt den Platz ein. Das Detailblatt hat dann keinen Bildbereich. Die Bestätigungsseite verwendet das erste Bild der ersten gebuchten Session, wenn die Vorlage kein confirmation-Bild hat, und gar kein Bild, wenn beides fehlt. Eine Ankündigung ohne Bild verwendet stattdessen ihre Hintergrundfarbe und Rahmenfarbe; auf der Buchungsseite ist der Text dann schwarz oder weiss, je nachdem, was sich vom Hintergrund abhebt, und die Schriftfarbe gilt nur, wenn keine Hintergrundfarbe gesetzt ist — die Vorschau im Dashboard zeigt immer die Schriftfarbe, die Buchungsseite kann also davon abweichen. Sessions, die ein Kunde nicht buchen darf (als gesperrte Karten angezeigt), zeigen nie ihre Bilder.

Bild ersetzen oder entfernen

• Ersetzen Sie ein Profil, Panorama, Logo, Feedback-Banner oder Video, indem Sie unter Hinzufügen denselben Typ erneut wählen. Das neue nimmt den Platz des alten ein.
• Entfernen Sie ein Bild mit dem Löschen-Symbol (Löschen) auf seiner Kachel. Um eines von mehreren Session- oder confirmation-Bildern zu ändern, entfernen Sie es und fügen Sie das neue hinzu.
• Ersetzen und Entfernen werden wirksam, wenn Sie das Element Speichern; die ersetzte oder entfernte Datei wird dann aus dem Speicher gelöscht. Schliessen Sie den Editor ohne zu speichern, bleiben die bisherigen Bilder.
• Behandlungen, die mit Aus einer anderen Organisation importieren kopiert wurden, teilen ihre Bilddateien mit den Originalen; siehe Behandlungen.

Nach dem Ersetzen des Organisationslogos. Eine E-Mail-Kopfzeile, die auf Logo steht, verweist weiterhin auf die Logodatei, die beim Speichern der Kopfzeile aktuell war. Ersetzen oder entfernen Sie das Logo der Organisation, wird diese Datei gelöscht, und E-Mails zeigen an der Stelle des Logos ein defektes Bild. Öffnen Sie deshalb nach einer Logoänderung jede E-Mail-Kopfzeile, die Logo verwendet (Konfigurationen > Vorlagen, Registerkarte Branding), und klicken Sie auf Speichern; das Speichern übernimmt das aktuelle Logo, und Speichern ist dafür auch ohne weitere Änderung aktiv. Die Vorschau der Kopfzeile zeigt immer das aktuelle Logo und verrät daher nicht, welche Kopfzeilen noch gespeichert werden müssen.

Grenzen

• Dateitypen. Jede Bilddatei, die Ihr Browser öffnen kann, zum Beispiel JPG, PNG, WebP, GIF oder SVG. go flow speichert das zugeschnittene Ergebnis als PNG-Bild; ein animiertes GIF wird so zum Standbild und ein SVG zu einem gewöhnlichen Pixelbild.
• Dateigrösse. Das Dashboard verkleinert das Bild vor dem Hochladen; grosse Originale aus einer Kamera sind daher kein Problem.
• Anzahl. Bis zu 50 Bilder und Videos pro Element.
• Video. Nur Sessions nehmen ein Video auf, eines pro Session; die Adresse darf bis zu 500 Zeichen lang sein.
• Sichtbarkeit. Bilder werden im Dateispeicher von go flow unter öffentlichen Adressen abgelegt, die nicht ablaufen: Wer die Adresse eines Bildes kennt, kann es öffnen. Laden Sie keine Bilder hoch, die privat bleiben müssen.

Werbevideo

Ein Werbevideo ist ein kurzer Clip, der im Detailblatt einer Session auf der Buchungsseite läuft. go flow speichert das Video nicht selbst; Sie geben die Webadresse einer Videodatei ein, die anderswo liegt.

1. Öffnen Sie die Session (Konfigurationen > Ressourcen, Registerkarte Sessions) auf der Registerkarte Profil.
2. Klicken Sie unter Bilder auf Hinzufügen und wählen Sie Video.
3. Geben Sie die Adresse unter Video-URL ein (sie beginnt mit https://). Es muss die direkte Adresse einer MP4-Videodatei sein, die jeder ohne Anmeldung öffnen kann, zum Beispiel https://media.example.com/tonwerk/drehen-anfaenger.mp4. Die Adresse einer Ansichtsseite auf YouTube, Vimeo oder einem sozialen Netzwerk funktioniert nicht.
4. Klicken Sie auf das Wiedergabe-Symbol neben der Adresse, um den Clip im Dialog zu prüfen, klicken Sie dann auf das Speichern-Symbol und Speichern Sie die Session.

Auf der Buchungsseite spielt das Detailblatt das Video automatisch ab, ohne Ton, in einer Schleife und ohne Wiedergabesteuerung, zugeschnitten auf denselben breiten Bereich wie die Bilder. Das Video ersetzt die Bilder nur im Detailblatt; Karten und Vorschaubilder zeigen weiterhin das erste Bild, behalten Sie also auch ein Bild auf der Session. Kunden können den Ton nicht einschalten; schreiben Sie daher alles, was sie wissen müssen, in die Texte der Session.

Spielt der Clip nicht, zeigt das Detailblatt einen leeren Bereich — die Bilder werden nicht ersatzweise angezeigt. Prüfen Sie die Adresse mit dem Wiedergabe-Symbol im Dialog und in einem privaten Browserfenster; das Öffnen-Symbol der Kachel (Ansicht) öffnet die Adresse in einem neuen Tab. Um die Adresse zu ändern, wählen Sie erneut Hinzufügen > Video (die aktuelle Adresse ist bereits eingetragen); um das Video zu entfernen, klicken Sie auf das Löschen-Symbol seiner Kachel und speichern Sie die Session.

Werbevideo oder Videotermin?

Das sind zwei verschiedene Dinge, die das Wort „Video" teilen:

• Ein Werbevideo ist ein Clip auf einer Session, der auf der Buchungsseite läuft, wie oben beschrieben. Es ändert nichts daran, wie die Session stattfindet, der Kunde erhält dazu keine Nachricht, und die Buchungsseite bezeichnet eine solche Session nicht als Videotermin.
• Ein Videotermin ist ein Live-Gespräch zwischen einem Kunden und einer Ressource, gebucht für eine Behandlung mit der Terminart Video (oder Beide, wobei der Kunde Video wählt). Er braucht das Modul Video mit seinen Zugangsdaten, und beide Teilnehmenden treten über einen Link bei. Siehe Videotermine durchführen.

Bilder in E-Mails

Nur die E-Mail-Kopfzeile trägt Ihre Bilder. Sie wählen das pro Kopfzeile unter Konfigurationen > Vorlagen, Registerkarte Branding (siehe E-Mail-Kopfzeile):

• Logo zeigt das Logo der Organisation, 60 Pixel hoch, ausgerichtet Links, Zentriert oder Rechts.
• Banner zeigt ein Bild, das Sie im Kopfzeilen-Editor mit Bannerbild hochladen hochladen, zugeschnitten auf einen breiten 6:1-Streifen über die volle Breite der E-Mail und höchstens 100 Pixel hoch.

Fusszeilen und Signaturen enthalten nur Text, und die E-Mail-Texte selbst enthalten keine Session- oder Produktbilder. Quittungen, Gutschriften und Gutscheinkarten sind PDF-Dokumente aus den Word-Vorlagen, die Sie hochladen; damit Ihr Logo darauf erscheint, fügen Sie es in die Word-Datei ein.

go flow versendet Bilder in E-Mails als Links auf ihre öffentliche Adresse. Empfänger sehen sie, wenn ihr E-Mail-Programm externe Bilder lädt; manche Programme fragen zuerst nach. Weil die E-Mail auf die Datei verweist, ändert oder zerstört das spätere Ersetzen oder Entfernen eines Bildes es auch in bereits versendeten E-Mails. Diese Versandeinstellung gilt für die ganze go flow Plattform und lässt sich nicht pro Organisation ändern.