1. Component personalization

Personalize a component

Use component personalization to show different component variants to different visitors based on targeting criteria such as visitor profile data, conditions, or custom values.

To do this, configure the component’s decision table by defining inputs, creating rules, and configurng the corresponding component variant for each rule.

To personalize a component in SitecoreAI:

  1. Select a component to personalize

  2. Define decision table inputs

  3. Create personalization rules

  4. Configure variants for each rule

Select a component to personalize

Select the page component you want to personalize. The personalization rules and component variants you configure apply only to this component.

Warning

Component personalization is shared across page versions. If you edit personalization rules in one page version, the changes also apply to other versions, including the live version.

To select a component:

  1. In the Page builder Editor mode, open the page containing the component you want to personalize.

  2. Select the component (for example, the Page Header).

  3. In the context toolbar, click Add personalization rules to component .

    Select a component and then click Add personalization rules to component in the context toolbar.

The personalization dialog for the selected component opens. Here, you can define the decision table inputs and rules.

Define decision table inputs

Decision table inputs define the data (such as location, device type, birthday) that personalization rules use to evaluate visitors and determine which component variant they see.

To define decision table inputs:

  1. In the personalization dialog, on the Builder tab, click Create table .

  2. Select an input type:

    • Profile data - visitor profile attributes stored in SitecoreAI.

    • Condition - out-of-the-box or custom conditions in in SitecoreAI..

    • Custom value - JavaScript-based values created for advanced targeting scenarios beyond profile data or conditions.

  3. Depending on the selected type, configure the input:

    • Profile data - select a profile attribute to use, such as Country, Gender, or Email.

    • Condition - select an out-of-the-box condition or a custom condition then configure how it is evaluated. For example, Country is not Denmark.

    • Custom value, - select an out-of-the-box custom value such as First Page or Top Affinity or a custom value created, including its scope.

  4. Click Save. The selected input appears as a new column in the decision table.

  5. To add more inputs to the decision table, click Add column and repeat these steps.

    Multiple inputs are combined using an AND condition.

    For example, you can target visitors by both city and gender. These inputs appear as separate columns in the decision table.

    Inputs you select appear as separate columns in the decision table.

Create personalization rules

Personalization rules in the decision table define how visitors are matched to different component variants based on the inputs you configured.

To create personalization rules:

  1. In the first row of the decision table, click Add.

  2. For each input column, select a comparator, enter the comparison value, then click Confirm.

    For example, to target male visitors from Copenhagen, configure the relevant input columns as follows:

    • City is equal to Copenhagen

    • Gender is equal to Male

    This combination appears as a rule in the decision table.

    A row corresponds to a rule in the decision table after you select a comparator and a value for each column.

  3. To add more personalization rules, click Add Rule and repeat these steps.

  4. Optionally, you can:

  5. Click Save & close.

After saving, the page displays the original component and the personalization is marked with a Draft status.

Configure variants for each rule

Each personalization rule creates a corresponding component variant. After saving your personalization inputs and rules, configure the component variant shown to visitors who match each rule.

To configure component variants:

  1. In the right pane, select the component variant you want to configure.

    For example, select the first variant below the Original component.

  2. For each component variant, choose one of the following options to configure its content:

    For each variant, you can choose to duplicate the original component, hide it, or swap with another compatible component.

    • Duplicate original - create a copy of the original component as a starting point.

    • Hide component - do not display the component for this variant.

    • Swap component - replace the component with another compatible component.

  3. Update the content and design as needed.

  4. Repeat these steps until all component variants are configured.

  5. Optionally, click the preview icon to preview a variant.

When you are ready, publish the page and start the personalization to make the component variants available to visitors.

If you have suggestions for improving this article, let us know!