Elementorinhalt-Toggle-Widget zum Umschalten von Abschnitten (Pro)
Toggle Content ist ein Master Addons Pro Widget, das einen Schalter über (oder unter) einen Block von Inhalten setzt Besucher klicken auf ein Label und der Inhalt darunter ändert sich, die Art und Weise, wie ein Schalter für Abgerechnet Monatlich und Abgerechnet Jährlich einen Satz von Preiskarten ändert Jede Option kann Text halten, den Sie eingeben oder einen gespeicherten Elementor-Abschnitt, eine Seite oder eine Widget-Vorlage, und Sie können so viele Optionen hinzufügen, wie Sie möchten Ein farbiger Indikator gleitet hinter dem aktiven Label Es ist ein Schalter zwischen Inhaltssätzen und nicht eine Erweiterungs - und Einklappliste, also für zusammenklappbare FAQs verwenden Erweiterte Akkordeon Stattdessen.
So fügen Sie einen Inhaltsumschalter in Elementor hinzu
Toggle Content benötigt Elementor und einen aktiven Master Addons Pro Lizenz. Wenn eine Option ein vollständiges Layout anzeigen soll, speichern Sie dieses Layout zuerst als Vorlage.
- Speichern Sie die Abschnitte, zwischen denen Sie wechseln möchten (z. B. Monatspreise und Jahrespreise), als Elementorvorlagen.
- Bearbeiten Sie Ihre Seite mit Elementor, durchsuchen Sie das Widgets-Panel nach Inhalte umschalten Und ziehen Sie es an Ort und Stelle.
- In ElementeBenennen Sie Label One und Label Two um und fügen Sie weitere Elemente hinzu, wenn Sie sie benötigen.
- Setzen Sie für jedes Element Typ auf Inhalt und schreiben Sie den Text oder setzen Sie ihn auf Vorlage und wählen Sie den gespeicherten Abschnitt, die Seite oder das Widget.
- In Einstellungen umschaltenWählen Sie den aktiven Index, stellen Sie den Schalter vor oder nach dem Inhalt ein und stellen Sie die Anzeigegeschwindigkeit ein.
- Gestalten Sie den Toggler, die Anzeige und die Etiketten, legen Sie Stack On für Mobilgeräte fest, geben Sie dann eine Vorschau an und klicken Sie auf jedes Etikett.
Jede Einstellung wird in der Einstellungen für das Inhalts-Widget umschalten Führung.
Text oder eine gespeicherte Vorlage in jeder Option
Jeder Artikel in der Elemente Repeater ist eine Möglichkeit am Schalter Gib ihm eine Etikett und ein optionales Symbol (vor oder nach dem Etikett, mit Symbolabstand).Dann einstellen Typ Inhalte für einen Texteditor mit Medien und dynamischen Tags oder zur Vorlage und wählen Sie einen gespeicherten Abschnitt, eine Seite oder ein Widget aus Ihrer Elementor-Bibliothek aus.
- Erstellen Sie die monatlichen und jährlichen Preistabellen in zwei gespeicherten Abschnitten und zeigen Sie dann jeweils eine Option an.
- Ein Formular, eine Galerie oder jedes andere Widget kann in einer Option gespeichert werden, sobald es als Vorlage gespeichert ist.
- Jede Option hat ihre eigene Etikettenfarbe, aktive Etikettenfarbe und Anzeigefarbe in ihrer Untertablette Stil.
Stylen Sie den Schalter, die Anzeige und die Etiketten
Die Schalter Abschnitt gestaltet die Weichenspur: Stil (rund oder quadratisch), Hintergrundfarbe, Randradius, Ausrichten, Zoomen, um sie zu skalieren, Breite (%), Rand, Kastenschatten, Polsterung und Rand. Indikator Stile das Schiebe-Highlight mit eigenem Hintergrund, Höhe, Breite, Randradius, Kastenschatten und Polsterung. Etiketten Setzt Typografie, einen Übergang, Leerzeichen dazwischen und Farben für den Standard-, Hover- und Aktivzustand.
- A Inhalt Abschnitt gestaltet das folgende Feld mit Typografie, Polsterung, Rand, Rand, Farbe und Hintergrund.
- Die Anzeigegeschwindigkeit legt fest, wie lange die Folie dauert, standardmäßig 0,3 Sekunden.
- Das Content Panel selbst tauscht gleich ausNur der Indikator rutscht.
Standardoption, Position und mobiles Layout
Aktiver Index Wählt die Option aus, die anzeigt, wann die Seite geladen wird, 1 für die erste. Position Stellt den Schalter Vor oder Nach dem Inhalt Auf kleinen Bildschirmen, Stapel auf (All, Tablet & Mobile oder Mobile) verwandelt die Etikettenreihe in eine vertikale Liste mit separaten Inline-Align- und Stacked-Align-Steuerelementen.
- Bei zwei Optionen wird das aktive Label durch Klicken auf das andere verschoben, sodass es wie ein Ein- und Ausschalter funktioniert.
- Bei drei oder mehr geht das Klicken auf die aktive Bezeichnung zur nächsten Option über.
- Die Seite merkt sich die Wahl nicht, daher beginnt jeder Besuch mit der Option Aktiver Index.
Inhaltsumschaltung vs. Akkordeon vs. Tabs in Elementor
Alle drei sparen Platz, lösen aber unterschiedliche Probleme Das alte Toggle-Widget von Elementor ist eine zusammenklappbare Liste, und Elementor verbirgt sie nun zugunsten von Accordion aus dem Panel Weder Elementor noch Elementor Pro haben einen Switch, der einen Inhaltssatz gegen einen anderen vertauscht, was die Aufgabe von Toggle Content macht.
| Widget | Was Besucher sehen | Am besten für | Wo man es bekommt |
|---|---|---|---|
| Inhalte umschalten | Ein Schalter mit Beschriftungen Ein Inhaltssatz zeigt jeweils. | Monatliche und jährliche Preise, persönliche und Geschäftspläne, zwei Versionen eines Abschnitts | Master Addons Pro |
| Akkordeon | Ein Stapel Titel, die sich erweitern und zusammenbrechen | FAQs und lange Listen mit kurzen Antworten | Elementor Accordion (kostenlos) oder Erweiterte Akkordeon (kostenlos) bezeichnet |
| Tabs | Eine Reihe von Tab-Titeln über einem Inhaltsbereich | Mehrere Abschnitte mit ähnlichem Gewicht, wie Funktionen, Spezifikationen und Bewertungen | Elementor Tabs (kostenlos) oder Erweiterte Tabs (kostenlos) bezeichnet |
Wenn Besucher mehrere Antworten auf einmal sehen müssen, verwenden Sie ein Akkordeon, wenn es viele Abschnitte gibt, sind die Registerkarten klarer Wenn die Wahl zwischen zwei oder drei Versionen derselben Sache liegt, hält ein Content-Toggle das Layout stabil und macht die Wahl offensichtlich Es passt auch gut zu den Preistabelle Widget.
Häufig gestellte Fragen zum Umschalten von Inhalten
Ist Toggle Content kostenlos?
Nr. Toggle Content ist ein Pro Widget und benötigt ein Master Addons Pro Lizenz. Das kostenlose Plugin hat Erweiterte Akkordeon und Erweiterte Tabs, die zusammenklappbare Listen und Abschnitte mit Registerkarten abdecken.
Kann ich meine gespeicherten Elementor-Vorlagen in einem Umschalter verwenden?
Ja. In einem Element, Typ auf Vorlage setzen, wählen Sie Abschnitt, Seite oder Widget in Vorlagentyp, dann wählen Sie die gespeicherte Vorlage aus Diese Option zeigt die ganze Vorlage an, wenn ihre Beschriftung aktiv ist.
Wie unterscheidet sich ein Content-Toggle von einem Akkordeon oder Tabs?
Ein Akkordeon erweitert und kollabiert Elemente in einer Liste, und Tabs zeigen eine Reihe von Titeln über einem Inhaltsbereich an. Ein Content-Toggle ist ein Switch, der einen ganzen Inhaltssatz gegen einen anderen austauscht, was zu Auswahlmöglichkeiten wie monatlichen oder jährlichen Preisen passt. Elementors eigenes Toggle-Widget ist wirklich eine zusammenklappbare Liste und wird jetzt zugunsten von Accordion ausgeblendet.
Wie verhält es sich mobil?
Die Beschriftungen sitzen standardmäßig in einer Reihe Stack On auf Mobile, Tablet & Mobile, oder All setzen, um sie vertikal zu stapeln, und verwenden Stacked Align, um sie auszurichten Vorlageninhalte folgen eigenen Responsive-Einstellungen.
Kann ich mehr als zwei Umschaltmöglichkeiten haben?
Ja. Klicken Sie auf Element hinzufügen im Elements Repeater, um mehr hinzuzufügen Mit drei oder mehr Optionen, klicken Sie auf die aktive Beschriftung bewegt sich zur nächsten, und klicken Sie auf jede andere Beschriftung springt direkt darauf Für viele Abschnitte sind Tabs normalerweise einfacher zu scannen.
Trendige Elementor-Widgets und -Erweiterungen
Erstellen Sie anspruchsvolle Websites in kürzerer Zeit.
Glasmorphie
Container-extras
Muster
![Master Addons Post/Page Duplicator-Erweiterung für Elementor: MA Duplicator Zeilenlink in der WordPress Pages-Liste, der eine Landing Page erstellt - [Duplicated #128] Entwurf](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Post-/Seitenduplikator
