Email Segmentation Component email-segmentation-component

The Email Segmentation Component uses variables from Adobe Campaign to show and hide content based on the recipient of the content.

Usage usage

The Email Segmentation Component allows the content author to hide and show content based on conditions met by variables about the recipient provided by Adobe Campaign. In this way, the recipients of the content sees content based on their segmentation.

As an alternative to using the configure dialog, once the content author has added the Email Segmentation Component to a content page, the content author can then drag-and-drop additional components onto the Email Segmentation Components to create new segments.

Version and Compatibility version-and-compatibility

The current version of the Email Segmentation Component is v1, which was introduced with release x of the Email Core Components in October 2022, and is described in this document.

The following table details all supported versions of the component, the AEM versions with which the versions of the component is compatible, and links to documentation for previous versions.

Technical Details technical-details

The latest technical documentation about the Email Teaser Component can be found on GitHub.

Further details about developing Core Components can be found in the Core Components developer documentation.

Configure Dialog configure-dialog

The configure dialog allows the content author to create, rename, and rearrange segments as well as define the active segment. In the Email Segmentation Component, a segment is simply another component that is hidden or shown based on conditions met by the recipient of the content. You can compare it to the Core Components Tab Component, but in the Segmentation Component, only the content of the tab whose conditions are met are shown.

Items Tab items-tab

Use the Add Segment button to open the component selector to choose which component to add as a segment. Once added, an entry is added to the list, which contains the following elements:

Properties Tab properties-tab

Accessibility Tab accessibility-tab

On the Accessibility tab, values can be set for ARIA accessibility labels for the component.

Styles Tab styles-tab-edit

The Email Segmentation Component supports the AEM Style System.

Use the drop-down to select the styles that you want to apply to the component. Selections made in the edit dialog have the same effect as those chosen from the component toolbar.

Styles must be configured for this component in the design dialog in order for the tab to be available.

Select Panel select-panel

The content author can use the Select Panel option on the component toolbar to change to a different segment for editing as well as to easily rearrange the segments.

Once selecting the Select Panel option in the component toolbar, the configured segments are displayed as a drop-down.

Design Dialog design-dialog

The design dialog allows the template author to define which components can be added as segments to the Email Segmentation Component as well as define which custom styles are available to the content author.

Allowed Components Tab allowed-components-tab

The Allowed Components tab is used to define which components can be added as segments to the Email Segmentation Component by the content author.

The Allowed Components tab functions in the same way as the tab of the same name when defining the policy and properties of a Layout Container in the Template Editor.

Styles Tab styles-tab

The Email Segmentation Component supports the AEM Style System.

Defined Conditions Tab defined-conditions

Using the Defined Conditions tab, the template editor can define which conditions are available to the content author to select when creating segments.

Tap or click the Add button to create new conditions.