E-Mail-Button-Komponente email-button-component
Die E-Mail-Button-Komponente ermöglicht die Konfiguration und Anzeige eines Button-Elements in Ihrem Inhalt.
Verwendung usage
Die E-Mail-Button-Komponente ermöglicht die Einfügung eines Buttons in Ihren Inhalt, der vom Inhaltsleser bzw. der Inhaltsleserin angeklickt werden kann und zu weiteren Ressourcen weiterleitet.
- Die Eigenschaften des Buttons können im Dialogfeld „Konfigurieren“ ausgewählt werden.
- Stile für die E-Mail-Button-Komponente können im Dialogfeld „Design“ definiert werden.
Version und Kompatibilität version-and-compatibility
Die aktuelle Version der E-Mail-Button-Komponente ist v1. Sie wurde mit dem Release X der E-Mail-Kernkomponenten im Oktober 2022 eingeführt und wird in diesem Dokument beschrieben.
Die folgende Tabelle enthält alle unterstützten Versionen der Komponente, die AEM-Versionen, mit denen die Versionen der Komponente kompatibel sind, sowie Links zur Dokumentation für frühere Versionen.
Weitere Informationen zu Kernkomponentenversionen finden Sie im Dokument E-Mail-Kernkomponentenversionen.
Technische Details technical-details
Die aktuelle technische Dokumentation zur E-Mail-Button-Komponente finden Sie auf GitHub.
Weitere Informationen zur Entwicklung von Kernkomponenten finden Sie in der Dokumentation zu Kernkomponenten für Entwickler.
Dialogfeld „Konfigurieren“ configure-dialog
Im Dialogfeld „Konfigurieren“ kann der Inhaltsautor bzw. die Inhaltsautorin die Schaltfläche und ihr Verhalten definieren und festlegen, wie sie dem Inhaltsleser bzw. der Inhaltsleserin dargestellt werden soll.
Registerkarte „Eigenschaften“ properties-tab
-
Text – Der Text, der auf der Schaltfläche angezeigt werden soll
- Klicken Sie auf das Kampagnensymbol, um das Dialogfeld Adobe Campaign-Variable auswählen zu öffnen und dynamische Inhalte aus Adobe Campaign einzufügen.
-
Verknüpfung - Link zu einer Inhaltsseite in AEM, einer externen Ressource oder einem Anker
- Wählen Sie im Dialogfeld Auswahl einen Pfad in AEM aus.
- Klicken Sie auf das Kampagnensymbol, um das Dialogfeld Adobe Campaign-Variable auswählen zu öffnen und dynamische Inhalte aus Adobe Campaign einzufügen.
-
Symbol – Kennung für die Darstellung eines Symbols auf der Schaltfläche
-
ID – Diese Option ermöglicht das Festlegen der eindeutigen Kennung der Komponente in HTML.
- Wenn das Feld leer bleibt, wird automatisch eine eindeutige ID generiert, den Sie im resultierenden Inhalt finden.
- Sofern eine ID angegeben wird, ist vom Autor bzw. der Autorin sicherzustellen, dass diese eindeutig ist.
- Die Änderung der ID kann sich auf CSS auswirken.
-
Link in neuer Registerkarte öffnen – Wenn diese Option aktiviert ist, wird der Link auf einer neuen Browser-Registerkarte geöffnet.
Registerkarte „Erreichbarkeit“ accessibility-tab
Auf der Registerkarte Erreichbarkeit können Werte für die ARIA-Barrierefreiheits-Beschriftungen für die Komponente festgelegt werden.
- Beschriftung - Wert eines ARIA-Beschriftungs-Attributs für die Komponente
Registerkarte „Arten“ styles-tab-edit
Die E-Mail-Button-Komponente unterstützt das AEM-Stilsystem.
Verwenden Sie das Dropdown-Menü, um die Stile auszuwählen, die Sie auf die Komponente anwenden möchten. Die im Dialogfeld „Bearbeiten“ vorgenommenen Auswahlen haben denselben Effekt wie die in der Komponenten-Symbolleiste ausgewählten.
Stile müssen für diese Komponente im Dialogfeld „Design“ konfiguriert werden, damit das Dropdown-Menü zur Verfügung steht.
Dialogfeld „Design“ design-dialog
Registerkarte „Arten“ styles-tab
Die E-Mail-Button-Komponente unterstützt das AEM Stilsystem.