Vorher & Nachher-Widget

Mit dem Widget „Vorher & Nachher“ können Sie zwei Bilder nebeneinander anzeigen, um einen auffälligen und ansprechenden visuellen Vergleich zu ermöglichen. Das Widget enthält einen anpassbaren Schieberegler, der sich zwischen den beiden Bildern hin- und herschieben lässt.

So fügen Sie das Widget hinzu:

  1. Klicken Sie in der linken Seitenleiste auf Widgets.
  2. Klicken Sie auf das Widget „Vorher & Nachher“ und ziehen Sie es auf Ihre Website.

Mehr zum Hinzufügen von Widgets zu Ihrer Website erfahren Sie unter Widgets hinzufügen.

Inhalts-Editor

So können Sie den Inhaltseditor aufrufen:

  1. Klicken Sie mit der rechten Maustaste auf das Widget und dann auf Inhalt bearbeiten.
  2. Klicken Sie auf + Bild, um die Vorher- und Nachher-Bilder hinzuzufügen.
  3. Geben Sie eine Beschriftung für die Bilder ein. Wenn Sie die Beschriftungen ausblenden möchten, klicken Sie auf das Augensymbol ().
  4. Geben Sie Alternativtext für die Bilder ein. Sie können entweder Ihren eigenen Alternativtext eingeben oder auf das Glitzer-Symbol () klicken, um den KI-Assistenten zum Generieren von Alternativtext zu verwenden. Wiederholen Sie den Vorgang sowohl für das Vorher- als auch für das Nachher-Bild. Das Glitzer-Symbol wird deaktiviert, wenn kein Bild ausgewählt ist.
Hinweis
  • Der KI-Assistent generiert den Alternativtext in der derselben Sprache wie die aktuelle Sprache der Seite.

Design-Editor

So rufen Sie den Designeditor auf:

  1. Klicken Sie mit der rechten Maustaste auf das Widget und dann auf Design bearbeiten.
  2. Wenn Sie die Bilder und den Schieberegler anpassen möchten, klicken Sie auf Bilder & Schieberegler.
  3. Wenn Sie den Stil und Text der Beschriftung anpassen möchten, klicken Sie auf Beschriftungen.
    Stellen Sie sicher, dass die von Ihnen definierten Design-Einstellungen für das jeweilige Gerät korrekt sind. Einstellungen wie Abstand, Bildgröße und mehr werden pro Gerät definiert. Weitere Informationen finden Sie unter Bearbeiten nach Gerät.

Informationen über Designoptionen, die nicht spezifisch für dieses Widget eingestellt werden (z. B. Layout, Stil oder Abstände), finden Sie unter Widget-Design.

Beispiele