1. Home
  2. Design Manager
  3. Mit dem Design Manager den Buchungsprozess gestalten

Mit dem Design Manager den Buchungsprozess gestalten

Mit dem Design Manager können die einzelnen Anmelde-/Buchungsschritte im iFrame weitgehend selber 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.

Zu beachten

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.

Design Manager starten

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).

Design Manager Ansicht

Das edoobox Start Design kann nicht verändert werden, es ist geeignet für alle Buchungen mit normalen Anforderungen.

Tipp

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

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

Design Eigenschaften

Setzten Sie beim häufigsten verwendeten Design die Option Standard.

Design einer Kategorie zuordnen

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!)

siehe auch

Bootstrap (weitergehenden Support erhalten Sie auf der Bootstrap-Website)

Auswahl eines Styles, Bootstrap Styles

Bei Bedarf offerieren wir Ihnen gerne einen Style nach Ihrer Vorlage / Ihren Wünschen.

Zu beachten

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

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.

Tipp

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 Anordnung

Widget Einstellungen

Zeigt ein Widget mehrere Daten an, können Felder hinzugefügt oder entfernt werden. Mit Drag & Drop ändern Sie die Reihenfolge.

Widget Einstellungen

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.

Anzeige für welche Teilnehmer

Anmelde-Schritte, Buchungs-Schritte

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.

Übersicht über die Buchungsschritte

Kachelansicht erstellen

Mit dem Designmanager können Sie auch die Angebots-Kategorien mit Bildern designen. Zur Anleitung Kachelansicht im Designmanager einrichten

Updated on 8. August 2019

Was this article helpful?

Related Articles

Need Support?
Can’t find the answer you’re looking for? Don’t worry we’re here to help!
Contact Support