Zum Hauptinhalt springen
Mit dem Kameleoon Widget Studio können Sie Ihr Widget an die Geräte Ihrer Besucher anpassen. Ihr Widget ist automatisch responsiv, aber Sie können Änderungen vornehmen, um die Benutzererfahrung zu optimieren. Standardmäßig verwenden Elemente Prozentwerte anstelle von Pixeln (px) für flexiblere Layouts. Dezimalwerte werden für die Prozentgrößenangabe unterstützt, und Standardvorlagen wenden automatisch Prozentwerte für die Elementdimensionierung an. Darüber hinaus unterstützen Pop-up- und Banner-Elemente die Einheiten viewport width (vw) und viewport height (vw) für echte Responsivität.

​
Zwischen Geräten wechseln

Oben im Widget Studio können Sie Ihr Widget auf verschiedenen Geräten (Mobil, Tablet, Desktop) anzeigen, um sicherzustellen, dass es korrekt angezeigt wird.
Sie können Änderungen an jeder dieser Ansichten vornehmen.

​
Die Ansicht auf einem Gerät bearbeiten

Sie können die Elemente Ihres Widgets basierend auf dem Gerät anpassen, auf dem es angezeigt wird. Passen Sie Ihr Widget pro Gerät an, um das Anzeigeerlebnis der Besucher zu optimieren.

​
Desktop-Priorität

Fügen Sie alle Elemente zur Desktop-Ansicht hinzu, die die Standardkonfiguration ist.
Sie können Ihr Design bei Bedarf an ein anderes Gerät anpassen (Mobil/Tablet). Auf einem anderen Gerät vorgenommene Änderungen bleiben spezifisch für dieses Gerät und haben keine Auswirkungen auf die anderen.

​
Ein Element auf einem bestimmten Gerät bearbeiten

Um ein Element auf einem bestimmten Gerät zu bearbeiten, klicken Sie oben auf der Seite auf eines der Gerätesymbole und bearbeiten Sie dann das Element.

​
Ein Element auf einem bestimmten Gerät ausblenden

So blenden Sie ein Element auf einem bestimmten Gerät aus:
  1. Wählen Sie das Element aus, das Sie ausblenden möchten.
  2. Klicken Sie auf das Drei-Punkte-Menü.
  3. Klicken Sie auf ein Gerätesymbol, um das Element auszublenden.

​
Gerätesynchronisation

Mit der Gerätesynchronisation können Sie ein Leader-Gerät für jedes Element festlegen und bestimmen, wie die Einstellungen des Elements zwischen dem Leader-Gerät und den anderen Geräten synchronisiert werden sollen. Sie müssen eine Synchronisationsregel für alle Follower-Geräte wählen. In der Registerkarte Allgemein jedes Elements finden Sie einen Abschnitt namens Gerätesynchronisation.
Wenn Sie diesen Abschnitt öffnen, gibt es eine Bezeichnung Leader-Gerät mit drei klickbaren Symbolen: Mobil, Tablet und Desktop. Standardmäßig ist das ausgewählte Leader-Gerät Desktop, aber Sie können ein anderes Leader-Gerät auswählen. Die auf einem Leader-Gerät angewendeten Einstellungen werden auf allen anderen Geräten repliziert, die vollständig oder teilweise damit synchronisiert sind. Sie können die Synchronisationsoption über das Dropdown-Menü auswählen. Standardmäßig ist die Synchronisationsregel, die Sie auf jedes Gerät anwenden, Teilweise synchronisiert. Der Status eines Geräts kann sein:
  • Vollständig synchronisiert: Eigenschaften, Position, Größe und Zustände des Elements werden mit dem Leader-Gerät synchronisiert.
  • Teilweise synchronisiert: Alle Stile werden vom Leader-Gerät geerbt, bis sich einer der Stile auf einem Gerät ändert.
  • Keine Synchronisation: Keine der Einstellungen des Elements wird mit dem Leader-Gerät synchronisiert.
  • Ausblenden: Das Element ist auf dem Gerät nicht sichtbar.

​
Ein Ereignis vom Typ “Gerät” einrichten

Sie können auch ein Ereignis konfigurieren, um die Anzeige der Elemente Ihres Widgets je nach Gerät anzupassen. So fügen Sie ein Ereignis vom Typ Gerät hinzu:
  1. Klicken Sie auf + Ereignis hinzufügen > Gerät.
  2. Wählen Sie Ihre Bedingungen aus.
  3. Klicken Sie auf Aktion hinzufügen > Elemente.
Sie können nun wählen, ob ein bestimmtes Element angezeigt oder ausgeblendet werden soll.
Wenn Sie ein Element zuvor auf einem bestimmten Gerät ausgeblendet haben (im Drei-Punkte-Menü), wird dies durch Symbole im Pop-in angezeigt.