Mit dem Design Manager können die einzelnen Buchungsschritte im iFrame weitgehend flexibel gestaltet werden. Sie bestimmen, welche Daten des Angebotes die buchende Person sehen soll.
Pro Hauptkategorie (für Profis auch pro Unterkategorie) kann ein Design zugewiesen werden, d.h. die Widgets und z.B. das Teilnehmer-Formular können auf ein bestimmtes Angebot abgestimmt werden.
Das Template Abschluss Seite bezieht die Einstellungen immer aus dem Standard Design.
Jedem Design können Sie einen der 25 vorgegebenen Styles zuordnen, um so das iFrame in Farbe und Aussehen weitgehend Ihrer Website anzugleichen (Corporate Design). Bei Bedarf erstellen Sie mithilfe von Bootstrap einen eigenen Style oder wir können Ihnen einen Style offerieren.
Der Design Manager befindet sich in der oberen Menüleiste.
Auswirkung von Änderungen sofort zu sehen
Um die Auswirkung von Änderungen sofort zu sehen, wählen Sie ein Angebot aus und öffnen unter Vorschau – Share die Standard Ansicht. Nun starten Sie den Design Manager. Im Browser-Register springen Sie nun bequem zwischen Vorschau und Design Manager hin und her. Um die neueste Darstellung im Vorschaufenster zu sehen, klicken Sie den Refresh-Button (oder Funktionstaste F5).
Das edoobox Start Design kann nicht verändert werden, es ist geeignet für alle Buchungen mit normalen Anforderungen.
Erstellen Sie eine Kopie vom edoobox Start Design mit Klick auf + Neues Design und verändern Sie dieses nach Ihren Wünschen. Das neue Design setzen Sie entweder auf Standard (für alle Angebote gültig) oder heften es einer Kategorie an.
Neues Design erstellen
Das edoobox Start Design kann nicht verändert werden. Erstellen Sie ein neues Design und ändern Sie es nach Ihren Wünschen.
Design Eigenschaften
Setzten Sie beim häufigsten verwendeten Design die Option Standard.
Design einer Kategorie zuordnen
Jedes Design kann verschiedenen Kategorien zugeordnet werden.
Design Style
Das iFrame können Sie mit Bootstrap individuell gestalten. Klicken Sie bei einem Design in der Design Auswahl auf das Zahnrad. In der Box Bootstrap Styles – edoobox Design können Sie aus 25 vorgegebenen Styles auswählen. Es ist kein passender dabei? Kein Problem! Ändern Sie einen naheliegenden Style indem Sie auf den Stift-Button klicken. (Nur für Profis mit Grundlagen in CSS und Bootstrap geeignet!)
Bootstrap (weitergehenden Support erhalten Sie auf der Bootstrap-Website)
Bei Bedarf offerieren wir Ihnen gerne einen Style nach Ihrer Vorlage / Ihren Wünschen.
Diese Styles sind von uns nicht vollumfänglich getestet worden, es kann zu unerwarteten Darstellungsergebnissen führen. Wählen Sie in diesem Fall wieder den edoobox Start Style oder versuchen Sie es mit einem anderen Style und ändern Sie diesen.
Design für unterschiedliche Ausgabegeräte
Für die Geräte Computer, Tablet und Smartphone können Sie die Einstellungen der Templates anpassen. Je nach Grösse des Bildschirmes, wählt das iFrame die entsprechende Darstellung. In der Smartphone Darstellung können weniger wichtige Widgets weggelassen werden.
Das iFrame ist vollkommen responsive und passt sich an die Breite des Ausgabegerätes an.
Der iFrame-Code wird von edoobox generiert. (siehe auch iFrame einbinden) Achten Sie darauf, dass Sie den ganzen Code unverändert in Ihre Website hineinkopieren.
Widget Anordnung
In der linken Spalte erscheinen Template-spezifische Widgets. Neue Widgets ziehen Sie in den schwarzen Rahmen (Arbeitsmaske) hinein. Je nach Widget können Sie Einstellungen (Zahnrad) vornehmen wie z.B. die Grösse, Position, den Inhalt usw. Mit Drag & Drop ändern Sie die Position der Widgets, mit x wird ein Widget entfernt.
Widget Einstellungen
Zeigt ein Widget mehrere Daten an, können Felder hinzugefügt oder entfernt werden. Mit Drag & Drop ändern Sie die Reihenfolge.
In allen Widget Einstellungen finden Sie in der linken Spalte ganz unten die Möglichkeit, ob das Widget für alle Besucher, nur für angemeldete Besucher oder für angemeldete Teilnehmer in diesem Angebot ersichtlich sein soll.
Buchungsschritte
Für jeden Schritt, von der Angebotsübersicht über die Anmeldung/Bezahlung bis hin zur Zusammenfassung, gibt es ein eigenes Template, welches individuell editierbar ist.
Mit dem Designmanager können Sie auch die Angebots-Kategorien mit Bildern designen. Zur Anleitung Kachelansicht im Designmanager einrichten
