Animationen hinzufügen

Mit Startanimationen können Sie Widgets und Seiten-Widgets beim erstmaligen Laden auf der Website animieren. Mit Bewegung und Interaktivität gestalten Sie Ihre Website individueller und können Kunden auf bestimmte Bereiche wie z. B. Telefonnummern oder Kontakt-Button aufmerksam machen.

Zusätzlich können Sie mit den Scroll-Einstellungen steuern, wo die Animation auf dem Bildschirm beginnt und endet.

Beachten Sie beim Hinzufügen von Animationen Folgendes:

  • Zu viele Animationen können Benutzer verwirren oder ablenken, daher sollten sie sparsam eingesetzt werden.
  • Beachten Sie beim Entfernen einer Animation, dass Animationen auf Zeilen ebenso angewendet werden können wie auf Widgets. Die zu entfernende Animation befindet sich daher möglicherweise an einer unerwarteten Stelle.

So fügen Sie Animationen hinzu:

  1. Klicken Sie mit der rechten Maustaste auf eine Zeile, Spalte oder ein Widget, um das Kontextmenü zu öffnen. Wenn Sie sich im Flex-Modus befinden, können Sie alternativ mit der rechten Maustaste auf das Element klicken und Design bearbeiten wählen.
  2. Zeigen Sie mit der Maus auf Animation. Wenn Sie sich im Flex-Modus befinden, sollte das Bedienfeld Design des Flex-Abschnitts geöffnet werden, und klicken Sie dann auf den Abschnitt Animation. Wählen Sie eine der folgenden Optionen aus:
    • Start. Wählen Sie eine Startanimation aus der Liste aus, die Widgets animiert, wenn sie zum ersten Mal auf der Website geladen werden.
    • Scrollen. Wählen Sie eine Animation aus der Liste aus, um Widgets zu animieren, wenn der Benutzer zum Widget scrollt.
    • Anpassen. Wählen Sie den Auslöser für die Animation (entweder Start oder Scroll) und wählen Sie eine Animation aus der Liste. Anpassen ist im Flexmodus keine Option.
      • Wählen Sie für Startanimationen anschließend die Dauer, Verzögerung und Intensität für die Animation.
      • Für Scroll-Animationen wählen Sie dann Herein oder Heraus, Richtung und Intensität.

Um die Animation zurückzusetzen, klicken Sie auf Standardeinstellungen.

Wenn Sie eine Bildlaufanimation verwenden, können Sie im Seitenbereich auf Animation anhalten klicken, um alle Animationen anzuhalten, während Sie sich im Bearbeitungsmodus befinden. Die Animationen sind im Vorschaumodus und auf der Live-Website weiterhin aktiv.

Hinweis

Die für Desktop und Tablet festgelegten Animationen sind verknüpft und identisch. Bei Mobilgeräten ist dies jedoch anders, und für Desktop/Tablet konfigurierte Animationen gelten dort nicht.

Animationen entfernen

So entfernen Sie Startanimationen:

  1. Klicken Sie mit der rechten Maustaste auf eine Zeile oder ein Widget, um das Kontextmenü zu öffnen.
  2. Bewegen Sie den Mauszeiger über Animation und dann über Start oder Scroll, und wählen Sie Keine.