WSP Editor für Agenturen
Der WSP Editor wurde speziell dafür entwickelt, Ihnen als Werbeagentur einen Eindruck zu verschaffen wie die Website Ihres Kunden letztendlich aussehen kann.
Alle Bereiche die bei der Erstellung Ihres WebStarter Premium farblich angepasst werden, können Sie auch über den Editor anpassen.*
Selbst das Logo Ihres Kunden können Sie schon in die Website einbauen und erhalten so noch eine bessere Vorstellung von der fertigen Website.
* Sollte sich über den Editor eine Farbkombination nicht so umsetzen lassen wie Sie sich das wünschen, melden Sie sich einfach bei uns und wir passen die Farben nach Ihren Wünschen an. Diese Anpassungen bedeuten für Sie keine Mehrkosten!
Wichtiger Hinweis!
Alle Anpassungen / Einstellungen die Sie über den WSP Editor machen, passieren lediglich bei Ihnen lokal auf Ihrem Computer.
Sobald Sie z.B. Ihren Cache leeren oder einen anderen Browser benutzen sind Ihre Anpassungen nicht mehr sichtbar.
Tipp:
Verwenden Sie die Funktion Sichern & Wiederherstellen um Ihr Design zu sichern.
Position & Funktionsweise
Sobald Sie den WSP Editor aktivieren positioniert er sich am oberen rechten Bildschirmrand. Durch klicken auf den Pfeil nach unten können Sie den Editor minimieren.
Sie können die Position aber jederzeit selbst bestimmen. Über die komplette obere Leiste lässt sich der Editor wie ein Fenster auf Ihrem Computer verschieben.

Auf manchen Monitorgrößen wie bspw. auf Laptops steht nicht genügend Platz für den gesamten Inhalt des Editors zur Verfügung. Aus diesem Grund können Sie selbst bestimmen welche Bereiche dauerhaft sichtbar sein sollen und welche nicht.
Durch das Plus-Icon neben jeder Überschrift können Sie den Bereich ausklappen und bei Bedarf acuh wieder schließen.
Im letzten Abschnitt des Editors finden Sie zwei Links:
- Über "Alles zurücksetzen" werden alle Standardfarben wiederhergestellt und auch das Logo zurückgesetzt.
- Mit einem Klick auf "Editor deaktivieren" wird der Editor komplett ausgeblendet, Ihre Anpassungen bleiben aber weiterhin erhalten.

Die Vorlagen
Der erste Abschnitt im WSP Editor enthält einige Farbkombinationen als Beispiele.
Mit nur einem Klick ändern Sie so das komplette Erscheinungsbild dieser Seite.

Farben anpassen
Über diesen Bereich haben Sie die Möglichkeit alle Farben von WebStarter Premium individuell anzupassen.
Verwenden Sie den integrierten Colorpicker indem Sie die Farbfelder anklicken oder kopieren Sie Ihre eigenen HEX-Werte in die Eingabefelder und bestätigen Sie die Eingabe mit der Enter-Taste.
Jede Farbe ändert diverse Elemente der Website. Klicken Sie sich nach Ihrer Anpassung durch die Unterseiten dieser Demoseite um die Auswirkungen Ihrer Änderungen direkt an allen Elementen zu überprüfen.
Hinweis:
Sollte sich über den Editor eine Farbkombination nicht so umsetzen lassen wie Sie sich das wünschen, melden Sie sich einfach bei uns und wir passen die Farben nach Ihren Wünschen an. Diese Anpassungen bedeuten für Sie keine Mehrkosten!

Das Logo ändern
Um einen noch besseren Eindruck davon zu bekommen wie die Website Ihres Kunden aussehen kann, haben Sie hier die Möglichkeit direkt das Logo zu ändern.
Die Größe der Anzeige ist dabei auf folgende Maximalwerte beschränkt:
Breite: | 393px |
Höhe: | 190px |
Um aber auch auf Retina-Displays eine perfekte Darstellung zu erreichen, darf die Datei auch gerne größer sein.
Sie sollten lediglich darauf achten das die Datei nicht größer als 1 Megabyte ist und im JPG oder PNG-Format verwendet wird.

Speichern Sie Ihre Konfiguration
Sie haben alle Anpassungen vorgenommen und sind mit dem Ergebnis zufrieden? Dann können Sie Ihre Konfiguration auch lokal abspeichern.
Alle Ihre Anpassungen inkl. des Logos werden in einer JSON-Datei gespeichert die Sie jederzeit wiederherstellen können.
Zur Angebotsanfrage oder Beauftragung können Sie und Ihre Konfiguration auch komplett übermitteln. Nutzen Sie dazu den Button ganz rechts in diesem Bereich.

Smartphone Vorschau
Der WSP Editor steht aus platzgründen nur auf dem Desktop zur Verfügung.
Damit Sie die Seite, inkl. all Ihrer Anpassungen, aber auch auf Smartphone-Größe sehen können, haben wir eine Vorschau für Mobilgeräte direkt im Editor integriert. Mit einem Klick öffnen Sie die Vorschau und können sich auch dort durch die komplette Website navigieren.

WSP Editor aktivieren
Nachdem Sie nun alles notwendige über den WSP Editor erfahren haben können Sie mit Ihren Anpassungen beginnen.
Klicken Sie dazu eifach auf den Button und aktivieren Sie damit den Editor.