Contentblöcke unterstützen die Verwendung von SG-Tags. SG-Tags sind Selligent-spezifische HTML-Tags, mit denen Sie Layout und Inhalt über einen Eigenschaften-Bereich konfigurieren und den Inhalt sprachabhängig machen können.
Wenn Sie SG-Tags zu einem Contentblock hinzufügen und diesen Contentblock dann in einer Nachricht verwenden:
- Sie können die SG-Tags direkt in der Nachricht konfigurieren, wenn die Attribute für das SG-Tag weggelassen werden. Wenn Sie beispielsweise das sg:img-Tag ohne Attribute im Inhaltsblock hinzufügen, können alle Attribute in der Nachricht selbst definiert werden.
- Kann der gleiche Contentblock mehrfach wiederverwendet werden, wobei für jedes SG-Tag unterschiedliche Werte festgelegt werden.
- Kann jede Instanz des Contentblocks verschiedene Inhalte anzeigen.
Dieser Ansatz wird häufig verwendet, um mehrsprachige oder konfigurierbare Inhalte zu erstellen.
Wichtiger Hinweis: Bei der Verwendung von SG-Tags in einem Contentblock müssen Sie entweder alle Attribute im Inhaltsblock definieren oder alle weglassen. Das bedeutet, dass der SG-Tag entweder vollständig im Contentblock definiert ist oder, falls Attribute weggelassen werden, vollständig in der Nachricht definiert ist.
Unterstützte SG-Tags in Contentblöcken
Sie können die folgenden SG-Tags zu einem Contentblock hinzufügen:
<sg:content id="" />
<sg:button id="" />
<sg:image id="" />
<sg:text id="" />
<sg:barcode id="" />
<sg:video id="" />
<sg:conditional id="">
<sg:head id="">
<sg:lang id="">
<sg:option id="">
<sg:spacer id="">
<sg:var id="">
Wie SG-Tags in Nachrichten erscheinen
Wenn ein Contentblock mit SG-Tags in einer Nachricht verwendet wird:
- Werden alle SG-Tags im Eigenschaftsfenster angezeigt.
- Wird für jeden SG-Tag eine Vorschau angezeigt.
- Wenn das SG-Tag bereits Inhalt enthält, wird dieser Inhalt in der Vorschau angezeigt.
- Wenn kein Inhalt definiert ist, wird ein Symbol mit dem Namen der SG-Komponente angezeigt.
So können Sie jedes SG-Tag konfigurieren, ohne den Contentblock selbst zu bearbeiten.
Den SG:head-Tag verwenden
Zusätzlich zu den oben aufgeführten Tags können Sie den folgenden Tag hinzufügen:
<sg:head id="" />Ein <sg:head>-Tag platziert seinen Inhalt in den <head>-Abschnitt der Nachricht, in der der Contentblock verwendet wird. Dieses Tag wird in der Regel verwendet, um Folgendes zu definieren:
- <style>-Elemente
- <script>-Elemente
Das <sg:head>-Tag verhält sich anders als andere SG-Tags:
- Alle <sg:head>-Tags werden am Ende des <head>-Abschnitts wiedergegeben.
- Wenn mehrere <sg:head>-Tags in einem oder mehreren Contentblöcken vorhanden sind, werden sie der Reihe nach wiedergegeben.
- Die Reihenfolge der Contentblöcke in der Nachricht bestimmt die Wiedergabe-Reihenfolge.
Beispiel für die Verwendung von <sg:head>:
Angenommen eine Nachricht enthält drei Contentblöcke:).
– CB_style_h1_and_h2_tags enthält ein sg:head-Tag mit Styling für H1- und H2-Header.
– CB_div_with_styling_applied enthält eine Div mit ID=“heading“ und H1- und H2-Elemente als untergeordnete Elemente sowie ein spezifisches Styling für diese H1- und H2-Tags im übergeordneten heading-id-Tag.
– CB_background_CSS enthält einen sg:head-Tag mit Styling für den Hintergrund der gesamten Nachricht.
Die Nachricht enthält auch eine Textkomponente, deren Inhalt wie folgt gestaltet ist:
- eine H1-Überschrift
- eine H2-Überschrift
- Absatztext
In der Nachricht (im Kapitel Inhalt von Selligent) werden die drei Contentblöcke hinzugefügt.
Bei der Vorschau der Nachricht werden die angewandten sg:head-Stylings sichtbar:
– Die rosa Hintergrundfarbe für H1 und die gepunktete rote Umrandung für H2 sind für alle H1- und H2-Header sichtbar, sowohl außerhalb als auch innerhalb der Div mit ID = „heading“ (sg:head-Styling stammt aus dem ersten Contentblock CB_style_h1_and_h2_tags).
– Auf die H1- und H2-Header innerhalb der Div mit ID = „heading“ wird zusätzliches Styling angewandt, wie z. B. Schriftart, Text-Schatten und -Padding (das Styling sg:head stammt aus dem zweiten Contentblock CB_div_with_styling_applied).
– Die gesamte Nachricht hat eine beige Hintergrundfarbe (das sg:head-Styling stammt aus dem dritten Contentblock CB_background_CSS).
Attribute für SG-Tags festlegen
Für bestimmte SG-Tags können Sie Stil und Verhalten mit Hilfe von Attributen definieren.
Die folgenden Attribute werden für die folgenden SG-Tags unterstützt:
-
sg:image
- ID: Darf nicht leer sein und keine Leerzeichen enthalten.
- src: Bildquelle
- href: Bildlink
- alt: alt – alternativer Text
- Stil: Stiloptionen wie Breite
-
sg:button
- ID: Darf nicht leer sein und keine Leerzeichen enthalten.
- href: Schaltflächen-Link
- Text: Schaltflächen-Text
- Stil: Stiloptionen wie Breite
-
sg:content
- ID: Darf nicht leer sein und keine Leerzeichen enthalten.
- Stil: Stiloptionen wie Breite
-
sg:video
- ID: Darf nicht leer sein und keine Leerzeichen enthalten.
- Poster Bild wird beim Laden des Videos oder vor der Wiedergabe angezeigt
- src: Videoquelle
- href: Video-Link
- img: Fallback-Bild
- Stil: Stiloptionen wie Breite
-
sg:spacer
- ID: Darf nicht leer sein und keine Leerzeichen enthalten.
- Stil: Stiloptionen wie Breite
-
sg:barcode
- ID: Darf nicht leer sein und keine Leerzeichen enthalten.
- Barcodetyp: Barcodetyp (Ean-13, Code39, Code128 oder QR)
- Wert: Kodierter Wert
- Kann Personalisierung enthalten, zum Beispiel: https://discount.shop/basket.asp?visitor=[% MASTER.ID %]
- alt: Text, der angezeigt wird, falls der Barcode nicht dargestellt werden kann
- Ausrichtung: Barcode-Ausrichtung (Normal, um 90° nach links drehen, um 90° nach rechts drehen, um 180° drehen)
- Schriftgröße: Schriftgröße in Pixeln
- Breite: Barcode-Breite in Pixeln
- Höhe: Höhe des Barcodes in Pixeln
- Breite des Rahmens: Randbreite in Pixeln
- Version: QR-Code-Version (1–40)
- Fehlerkorrekturstufe: QR-Code-Fehlerkorrekturstufe
- Stil: Ausrichtung (Links, Rechts, Zentriert)
Hinweis: Wenn Sie ein Attribut direkt bei einer SG‑Komponente in einem Contentblock setzen, wird es schreibgeschützt, sobald der Contentblock in einer Nachricht verwendet wird. Außerdem sind entweder alle Attribute in der SG-Komponente festgelegt oder keines.
Änderungen an den Stiloptionen in einem Contentblock gelten automatisch für alle Nachrichten, die diesen Contentblock verwenden.
Weitere Informationen über die Verwendung von Contentblöcken mit SG-Tags finden Sie in diesem Thema.
