Mit dem Block „Alert“ können Sie Ihren SeedProd-Seiten auffällige, farbige Warnfelder hinzufügen. Dieser Block hilft Ihnen dabei, Ihren Besuchern wichtige Nachrichten, Ankündigungen, Warnungen oder Erfolgsmeldungen auf visuell auffällige Weise zu vermitteln.

Warnmeldungen eignen sich ideal, um wichtige Informationen hervorzuheben, die sofortige Aufmerksamkeit erfordern, wie Sonderaktionen, wichtige Updates, Systembenachrichtigungen oder zeitkritische Ankündigungen. Mit anpassbaren Stilen und Farben können Sie sicherstellen, dass Ihre Nachrichten auffallen und die Aufmerksamkeit Ihrer Besucher auf sich ziehen.

Anforderungen:Der Alert-Block ist in allen unserenLizenzplänen verfügbar.

---

Hinzufügen des Alarmblocks zu Ihren Seiten

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

Schritt 1: Block hinzufügen

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

Der Alert-Block befindet sich unter „Design > Erweitert“ und kann in jeden beliebigen Abschnitt Ihrer Seite gezogen werden.

Schritt 2: Inhaltseinstellungen konfigurieren

Sobald Sie den Alert-Block hinzugefügt haben, klicken Sie darauf, um dessen Einstellungen zu öffnen. Auf der Registerkarte „Inhalt“ können Sie Ihre Alarmmeldung und deren Darstellung anpassen.

Warnung:

• Typ: Wählen Sie aus vordefinierten Alarmstilen – Info (blau, für allgemeine Informationen), Erfolg (grün, für positive Bestätigungen), Warnung (gelb/orange, für Vorsichtsmaßnahmen) oder Gefahr (rot, für kritische Alarme). Jeder Typ verfügt über entsprechende Farben, um den richtigen Ton der Nachricht zu vermitteln.
• Schaltfläche „Ablehnen“: Aktivieren Sie diese Option, um eine Schaltfläche zum Schließen anzuzeigen oder auszublenden, mit der Besucher die Warnmeldung ablehnen können. Aktivieren Sie diese Option für nicht kritische Meldungen, die Benutzer möglicherweise ausblenden möchten.
• Titel: Geben Sie die Hauptüberschrift für Ihre Benachrichtigung ein. Diese sollte prägnant und aufmerksamkeitsstark sein.
• Beschreibung: Fügen Sie einen detaillierten Text hinzu, um Ihre Warnmeldung zu erläutern. Dieser liefert Kontext und zusätzliche Informationen, die über den Titel hinausgehen.
• Titelausrichtung: Legen Sie die horizontale Ausrichtung für Ihren Alarmtitel fest (links, mittig oder rechts).
• Beschreibung ausrichten: Legen Sie die horizontale Ausrichtung für den Beschreibungstext Ihrer Warnmeldung fest.
• Titelschriftgröße: Passen Sie die Größe des Titeltextes an, damit er gut sichtbar und lesbar ist.
• Beschreibung Schriftgröße: Passen Sie die Größe des Beschreibungstextes an, um eine optimale Lesbarkeit zu gewährleisten.
• Titel-Tag: Wählen Sie das HTML-Überschriften-Tag für Ihren Titel (h1, h2, h3, h4, h5 oder h6). Dies wirkt sich sowohl auf die Suchmaschinenoptimierung als auch auf die visuelle Hierarchie aus.
• Symbol anzeigen: Schalten Sie diese Option ein, um ein Symbol neben Ihrer Warnmeldung anzuzeigen oder auszublenden. Symbole bieten schnelle visuelle Hinweise zum Typ der Warnmeldung.
• Symbol: Wählen Sie ein benutzerdefiniertes Symbol aus, das mit Ihrer Benachrichtigung angezeigt werden soll. Wählen Sie ein Symbol, das zum Zweck Ihrer Nachricht passt.

Auf der Registerkarte „Inhalt“ können Sie den Alarmtyp, den Inhalt der Meldung, die Ausrichtung und die Symbol-Einstellungen konfigurieren.

Schritt 2a: Wählen Sie einen Vorlagenstil aus.

Auf der Registerkarte „Vorlagen“ können Sie aus vorgefertigten Benachrichtigungsstilen auswählen, um das allgemeine Erscheinungsbild Ihres Benachrichtigungsfeldes schnell zu ändern.

• Wählen Sie aus vier verschiedenen Vorlagendesigns mit jeweils einzigartigen Layouts und visuellen Gestaltungselementen. Sehen Sie sich eine Vorschau jedes Stils an, um das Design zu finden, das am besten zu Ihrer Seite passt.

Die Registerkarte „Vorlagen“ enthält vier vorgefertigte Stile, mit denen Sie das Erscheinungsbild Ihrer Benachrichtigung schnell anpassen können.

Schritt 3: Design anpassen

Auf der Registerkarte „Erweitert“ können Sie das Erscheinungsbild Ihres Alarmblocks anpassen:

Stile:

• Typografie: Steuern Sie die Schriftart-Eigenschaften für Ihren Alarmtitel, einschließlich Schriftfamilie, Schriftstärke und Stil.
• Text-Typografie: Passen Sie die Schriftart-Eigenschaften für Ihren Alarmbeschreibungstext an.
• Farbe: Legen Sie die Farbe für den Text Ihres Alarmtitels fest.
• Beschreibung Farbe: Wählen Sie die Farbe für Ihren Benachrichtigungstext.
• Farbe zum Schließen: Legen Sie die Farbe für die Schaltfläche zum Schließen (X-Symbol) fest, mit der die Warnmeldung geschlossen wird.
• Titelhintergrund: Fügen Sie eine Hintergrundfarbe speziell für den Titelbereich Ihrer Benachrichtigung hinzu.
• Hintergrundfarbe: Legen Sie die allgemeine Hintergrundfarbe für das gesamte Warnfeld fest.
• Textschatten: Fügen Sie Ihrem Warntext Schatteneffekte hinzu, um Tiefe und Lesbarkeit zu erzielen. Wählen Sie zwischen „Keine“, „Haarfein“, „Klein“, „Mittel“, „Groß“, „X Groß“, „2X Groß“ oder „Benutzerdefiniert“.

Abstand:

• Rand: Steuert den äußeren Abstand um Ihren Warnungsblock herum (oben, rechts, unten, links). Damit legen Sie fest, wie viel Platz zwischen der Warnung und den umgebenden Elementen angezeigt wird.
• Abstand: Passen Sie den inneren Abstand innerhalb Ihres Warnfelds an (oben, rechts, unten, links). Dadurch entsteht ein Abstand zwischen dem Inhalt und den Rändern des Warnfelds.

Attribute:

• CSS-ID: Zeigt die automatisch generierte eindeutige Kennung für Ihren Alarmblock 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 Alert-Wrapper-Element hinzu. Geben Sie jedes Attribut in einer neuen Zeile im folgenden Format ein: Attributname|Wert (z. B. role|alert)

Geräte-Sichtbarkeit:

• Auf dem Desktop ausblenden: Den Warnungsblock auf Desktop-Bildschirmen ausblenden
• Auf Tablet ausblenden: Blendet den Warnungsblock auf Tablet-Geräten aus.
• Auf Mobilgeräten ausblenden: Blendet den Warnungsblock auf Mobilgeräten aus.

Animationseffekte:

• Eingangsanimation: Wählen Sie aus verschiedenen Animationseffekten, die abgespielt werden, wenn die Benachrichtigung eingeblendet wird. Zu den Optionen gehören „Hüpfen“, „Einblenden“, „Vergrößern“, „Drehen“ und viele mehr. Dadurch wird sofort die Aufmerksamkeit auf Ihre wichtigen Nachrichten gelenkt.

Die Registerkarte „Erweitert“ bietet umfangreiche Gestaltungsoptionen, darunter Typografie, Farben, Abstände und Animationseffekte.

Schritt 4: Speichern Sie Ihre Änderungen

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

---

Sie haben erfolgreich einen Alert-Block zu Ihrer Seite hinzugefügt! Dieser leistungsstarke Block hilft Ihnen dabei, wichtige Informationen effektiv zu vermitteln und die Aufmerksamkeit der Besucher mit auffälligen, farbcodierten Meldungen auf sich zu ziehen. Experimentieren Sie mit verschiedenen Alert-Typen, Vorlagenstilen und benutzerdefinierten Farben, um Alerts zu erstellen, die zu Ihrer Marke passen und Ihre Botschaft klar vermitteln.