Mit dem Block „Inhalt umschalten“ können Sie zwei verschiedene Textabschnitte mit einem interaktiven Umschalter anzeigen. Dieser Block bietet eine bequeme und effektive Möglichkeit, mehrere Informationssätze auf Ihrer Website zu präsentieren, sodass Benutzer einfach zwischen verschiedenen Textinhaltsbereichen wechseln können.

Mit dem Block „Inhalt umschalten“ können Sie Vergleichsanzeigen erstellen, alternative Preispläne anzeigen, Vorher-Nachher-Szenarien präsentieren oder jede Art von umschaltbarem Textinhalt bereitstellen. Dies sorgt für ein übersichtliches Browsing-Erlebnis und maximiert gleichzeitig den Wert Ihres Seitenplatzes.

Anforderungen:Der Block „Inhalt umschalten “ ist in allen unserenLizenzplänen verfügbar.

---

Hinzufügen des Inhaltsumschaltblocks zu Ihren Seiten

Befolgen Sie diese Schritte, um einen Content-Toggle-Block zu Ihrer SeedProd-Seite hinzuzufügen:

Schritt 1: Block hinzufügen

Ziehen Sie unter „Design“ > „Blöcke“ den Block „Inhalt umschalten“ per Drag & Drop in den gewünschten Abschnitt Ihrer Seite.

Suchen Sie den Block „Inhalt umschalten“ im Block-Panel und ziehen Sie ihn an die gewünschte Stelle auf der Seite.

Schritt 2: Inhaltseinstellungen konfigurieren

Klicken Sie nach dem Hinzufügen auf den Block „Inhalt umschalten“, um dessen Einstellungen zu öffnen. Auf der Registerkarte „Inhalt“ können Sie die beiden Textinhaltsbereiche konfigurieren, zwischen denen die Benutzer umschalten können.

Inhaltsbereich 1:

• Überschrift 1: Geben Sie den Text für die Überschrift ein, der über dem ersten Inhaltsbereich angezeigt wird. Diese Bezeichnung hilft Benutzern zu verstehen, welchen Inhalt sie gerade betrachten.
• Abschnittsinhalt: Wählen Sie aus, ob benutzerdefinierte Textinhalte, vorhandene Inhalte Ihrer Website oder Vorlagenteile im ersten Umschaltbereich angezeigt werden sollen.
• Inhalt 1: Fügen Sie Ihren Textinhalt hinzu, der angezeigt wird, wenn der Schalter auf die erste Position gestellt ist.

Inhaltsbereich 2:

• Überschrift 2: Geben Sie den Text für die Überschrift ein, der über dem zweiten Inhaltsbereich angezeigt wird. Diese Bezeichnung beschreibt die alternative Inhaltsoption.
• Abschnittsinhalt: Wählen Sie aus, ob benutzerdefinierte Textinhalte, vorhandene Inhalte Ihrer Website oder Vorlagenteile im zweiten Umschaltbereich angezeigt werden sollen.
• Inhalt 2: Fügen Sie Ihren Textinhalt hinzu, der angezeigt wird, wenn der Schalter in die zweite Position gebracht wird.

Konfigurieren Sie die Überschriften und Textinhalte für beide Umschaltbereiche auf der Registerkarte „Inhalt“.

Schritt 3: Design anpassen

Auf der Registerkarte „Erweitert“ können Sie das Erscheinungsbild Ihres Content-Toggle-Blocks anpassen:

Überschrift / Inhalt:

• Überschrift 1 Typografie: Passen Sie die Schriftart, Größe, Stärke, Zeilenhöhe und den Buchstabenabstand für die erste Überschrift an. Klicken Sie auf „Bearbeiten“, um detaillierte Typografie-Einstellungen aufzurufen.
• Überschrift 2 Typografie: Passen Sie die Schriftart, Größe, Stärke, Zeilenhöhe und den Buchstabenabstand für die zweite Überschrift an. Klicken Sie auf „Bearbeiten“, um auf detaillierte Typografie-Einstellungen zuzugreifen.
• Inhalt 1 Typografie: Passen Sie die Typografieeinstellungen für den ersten Textinhaltsbereich an. Klicken Sie auf „Bearbeiten“, um auf detaillierte Typografieeinstellungen zuzugreifen.
• Inhalt 2 Typografie: Passen Sie die Typografie-Einstellungen für den zweiten Textinhaltsbereich an. Klicken Sie auf „Bearbeiten“, um auf detaillierte Typografie-Steuerelemente zuzugreifen.
• Überschrift 1 Farbe: Legen Sie die Textfarbe für die erste Überschrift passend zu Ihrem Seitendesign fest.
• Überschrift 2 Farbe: Legen Sie die Textfarbe für die zweite Überschrift passend zu Ihrem Seitendesign fest.
• Inhalt 1 Farbe: Legen Sie die Textfarbe für den ersten Inhaltsbereich fest.
• Inhalt 2 Farbe: Legen Sie die Textfarbe für den zweiten Inhaltsbereich fest.
• Hintergrundfarbe: Legen Sie die Hintergrundfarbe für den gesamten Inhaltsumschaltblock fest.

Umschalter:

• Schalterstil: Wählen Sie den visuellen Stil für Ihren Kippschalter. Zu den Optionen gehören „Rund“ (kreisförmiger Kippschalter), „Quadratisch“ (rechteckiger Kippschalter) und „Beschriftungsfeld“ (textbasierter Kippschalter mit Feldstil).
• Schaltergröße: Wählen Sie die Größe Ihres Kippschalters aus. Zur Auswahl stehen die Optionen „Groß“, „Mittel“, „Klein“ und „Mini“, um Ihren Designanforderungen gerecht zu werden.
• Erste Hintergrundfarbe: Legen Sie die Hintergrundfarbe für die erste Umschaltposition fest (wenn Inhaltsbereich 1 aktiv ist).
• Zweite Hintergrundfarbe: Legen Sie die Hintergrundfarbe für die zweite Umschaltposition fest (wenn Inhaltsbereich 2 aktiv ist).
• Switcher Color: Legt die Farbe des Umschaltelements selbst fest.

Abstand:

• Rand: Steuert den äußeren Abstand um Ihren Content-Toggle-Block herum (oben, rechts, unten, links). Damit legen Sie fest, wie viel Platz zwischen dem Toggle und den umgebenden Elementen angezeigt wird.
• Abstand: Passen Sie den inneren Abstand innerhalb Ihres Content-Toggle-Blocks an (oben, rechts, unten, links). Dadurch entsteht ein Luftraum zwischen dem Textinhalt und den Blockrändern.

Attribute:

• CSS-ID: Zeigt die automatisch generierte eindeutige Kennung für Ihren Content-Toggle-Block an. Diese ID wird automatisch von SeedProd für benutzerdefiniertes Styling oder JavaScript-Targeting erstellt.
• Benutzerdefinierte Klasse: Fügen Sie benutzerdefinierte CSS-Klassen hinzu, um bestimmte Stile aus Ihrem Theme oder benutzerdefiniertem CSS anzuwenden.
• Benutzerdefinierte Attribute: Fügen Sie beliebige HTML-Attribute zum Toggle-Wrapper-Element hinzu. Geben Sie jedes Attribut in einer neuen Zeile im folgenden Format ein: Attributname|Wert (z. B. data-section|comparison)

Geräte-Sichtbarkeit:

• Auf dem Desktop ausblenden: Den Block „Inhalt umschalten“ auf Desktop-Bildschirmen ausblenden
• Auf Tablet ausblenden: Den Block „Inhalt umschalten“ auf Tablet-Geräten ausblenden
• Auf Mobilgeräten ausblenden: Den Block „Inhalt ein-/ausblenden“ auf Mobilgeräten ausblenden

Animationseffekte:

• Eingangsanimation: Wählen Sie aus verschiedenen Animationseffekten, die abgespielt werden, wenn der Content-Toggle in den Blickbereich scrollt. Zu den Optionen gehören „Bounce“, „Fade In“, „Zoom In“, „Rotate In“ und viele mehr. Dies hilft, die Aufmerksamkeit auf Ihren interaktiven Toggle zu lenken und sorgt für visuelles Interesse.

Passen Sie Typografie, Farben, das Aussehen des Umschalters und den Abstand auf der Registerkarte „Erweitert“ an.

Schritt 4: Speichern Sie Ihre Änderungen

Wenn Sie die Konfiguration des Content-Toggle-Blocks und die Anpassung seines Erscheinungsbilds abgeschlossen haben, speichern Sie Ihre Arbeit.

---

Sie haben erfolgreich einen Content-Toggle-Block zu Ihrer Seite hinzugefügt! Der Content-Toggle-Block verbessert die Benutzerinteraktion, indem er eine interaktive Möglichkeit bietet, alternative Textinhalte zu präsentieren, ohne Ihre Seite zu überladen. Experimentieren Sie mit verschiedenen Toggle-Stilen, Farben und Inhaltskombinationen, um eine effektive Vergleichs- oder Informationsanzeige zu erstellen, die Ihrem Publikum dient.