Elementor Dynamic Conditions – Inhalte mit Bedingungen

Inhalt

Mithilfe der Elementor Dynamic Conditions können Sie Inhalte dynamisch ein- und ausblenden lassen. Wie das funktioniert, erklären wir Ihnen.

Wenn Sie Inhalte dynamisch einblenden oder ausblenden wollen, ist dies in Elementor seit der Version 3.19 ohne weitere Umstände oder zusätzliche Plugins möglich. Hierdurch können Sie wesentlich dynamischeren Inhalt erstellen, der an bestimmte Bedingungen geknüpft ist.

Welche Vorteile das haben kann und wie Sie das realisieren können, erklären wir Ihnen in diesem Artikel. Und eins vorweg: Das ist leichter, als Sie vielleicht denken würden.

Was bringen die Dynamic Conditions in Elementor?

Mithilfe dieser Funktion können Sie Elementor Widgets unter von Ihnen festgelegten Bedingungen einblenden lassen. Dies können Sie nutzen, um bestimmte Widgets oder sogar ganze Container nur unter bestimmten Bedingungen einblenden zu lassen.

Dies können beispielsweise die Rolle der Benutzer:innen, Tags oder Kategorien von Beiträgen oder sogar der aktuelle Wochentag sein.

Sie könnten also beispielsweise bestimmte Inhalte nur für Benutzer:innen anzeigen, die auf der Seite eingeloggt sind oder eine bestimmte Rolle haben. Außerdem könnten Sie bestimmte Container oder Widgets nur an bestimmten Wochentagen oder zu gewissen Uhrzeiten anzeigen lassen.

Die Dynamic Conditions bringen einige Bedingungen mit und geben Ihnen dadurch eine ordentliche Portion an Dynamik, um Ihre Inhalte anzeigen zu lassen.

Wie benutze ich in Elementor Dynamic Conditions?

Welche Version von Elementor benötige ich für diese Funktion? Um das Feature Dynamic Conditions in Elementor zu benutzen, benötigen Sie die Pro-Version von Elementor. Mit der kostenfreien Variante des Plugins steht diese Funktion nicht zur Verfügung.

Wie erstelle ich eine Dynamic Condition? Um ein Widget in Elementor mit einer Dynamic Condition zu benutzen, wählen Sie zunächst das entsprechende Widget aus. Navigieren Sie dann auf der linken Seite zum Tab „Erweitert“. Hier finden Sie unter dem Punkt „Layout“ die Einstellung „Bedingungen anzeigen“.

Elementor Dynamic Conditions in Widget-Einstellungen
Hier finden Sie in Elementor die Dynamic Conditions

Anschließend öffnet sich das Fenster für Dynamic Conditions und Sie können diese einstellen, wie Sie es benötigen. Hierbei gibt es die folgenden Einstellungen:

  • Im ersten Dropdown wählen Sie die Eigenschaft, von der die Anzeige abhängig gemacht werden soll (beispielsweise „Rolle der Besuchenden der Webseite“)
  • Im zweiten (und je nach gewählter Eigenschaft, auch dritten) Dropdown wählen Sie aus, ob die Eigenschaft zutreffen soll oder nicht (beispielsweise „entspricht der Eigenschaft“)
  • Im letzten Dropdown wählen Sie einen Wert für die Eigenschaft aus (beispielsweise die Rolle „Editor“)

Außerdem können Sie noch zusätzliche Bedingungen hinzufügen, indem Sie auf den Button „+ Add condition group“ betätigen. Obendrein können Sie am Ende der ersten Eigenschaft zwischen „AND“ und „OR“ auswählen. Wählen Sie hier „AND“ aus, dann müssen beide Bedingungen erfüllt sein, damit das Widget angezeigt wird.

Wählen Sie „OR“ aus, dann muss entsprechend nur eine der beiden Bedingungen erfüllt sein, damit das Widget angezeigt wird.

Elementor Dynamic Conditions Beispiel 1
Beispiel 1 für Dynamic Conditions in Elementor

Die Dynamic Condition von dem oberen Bild sagt Folgendes aus: Wenn Besuchende die Webseite öffnen und sie die Benutzerrolle „Editor“ besitzen, dann zeige das Widget an.

Elementor Dynamic Conditions mit WooCommerce nutzen

Wie kann ich die Dynamic Conditions mit WooCommerce nutzen? Leider ist es aktuell nicht möglich, die Dynamic Conditions von Elementor mit Produkten aus WooCommerce zu benutzen. Hierfür werden die entsprechenden Eigenschaften schlicht nicht angezeigt und können somit nicht ausgewählt werden.

Wenn Ihre Produkte einem festen Muster folgen (beispielsweise besitzen alle T-Shirts das Wort „shirt“ im Namen), dann können Sie einen kleinen Trick anwenden. Wählen Sie als Eigenschaft „Dynamic Tags“ und im nächsten Dropdown „Titel“ aus. Als Wert wählen Sie anschließend „Contains“ und „shirt“ aus. Nun wirkt diese Dynamic Condition für alle Produkte (aber auch für Seiten!), die im Namen des Titels den Begriff „shirt“ stehen haben.

Elementor Dynamic Conditions Beispiel 2
Beispiel 2 für Dynamic Conditions in Elementor

Neben der Möglichkeit, Inhalte in Elementor dynamisch anzeigen zu lassen, bietet das Plugin noch viele weitere tolle Möglichkeiten, um Ihre Webseite und die Inhalte ansprechend und dynamisch anzeigen zu lassen. Ein weitere Funktion, die Sie kennen sollten, ist das Loop Grid in Elementor.

Info

Oktober 13, 2024

weitere Artikel
Brauchst du Hilfe?

Benötigst du Hilfe bei der Umsetzung, der Korrektur oder Optimierung deiner WordPress Seite?

Nimm gerne mit uns Kontakt auf und wir schauen, wie wir dir behilflich sein können!

Teile deinen Fund!

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert