DocumentationAEM 6.4Classic UI Authoring Guide

Adobe Campaign Components adobe-campaign-components

Last update: Wed May 03 2023 00:00:00 GMT+0000 (Coordinated Universal Time)

CREATED FOR:

  • User
CAUTION
AEM 6.4 has reached the end of extended support and this documentation is no longer updated. For further details, see our technical support periods. Find the supported versions here.

When you integrate with Adobe Campaign, you have components available for when working with newsletters and with forms. Both are described in this document.

Adobe Campaign Newsletter Components adobe-campaign-newsletter-components

All the Campaign components follow the best practices outlined in Best Practices for Email Templates and are based on the Adobe markup language HTL.

When you open a newsletter/email that is configured to integrate with Adobe Campaign, you should see the following components in the Adobe Campaign Newsletter section:

  • Heading (Campaign)
  • Image (Campaign)
  • Link (Campaign)
  • Scene7 Image Template (Campaign)
  • Targeted reference (Campaign)
  • Text & Image (Campaign)
  • Text & Personalization (Campaign)

A description of these components is in the following section.

chlimage_1-112

Heading (Campaign) heading-campaign

The heading component can either:

  • Display the name of the current page by leaving the Title field blank.
  • Display a text that you specify in the Title field.

You edit the Heading (Campaign) component directly. Leave empty to use the page title.

chlimage_1-113

You can configure the following:

  • Title
    If you want to use a name other than the page title, enter it here.

  • Heading level (1, 2, 3, 4)
    The heading level based on the HTML heading sizes 1-4.

The following example shows a Heading (Campaign) component being displayed.

chlimage_1-114

Image (Campaign) image-campaign

The image (campaign) component displays an image and accompanying text according to the specified parameters.

You can upload an image, then edit and manipulate it (for example, crop, rotate, add link/title/text).

You can upload an image, then edit and manipulate it (for example crop, rotate, add link/title/text). You can either drag and drop an image from the Content Finder directly onto the component or its Edit dialog. You can also double-click in the central area of the Edit dialog to browse your local file system and upload an image. The two tabs of the Edit dialog also control all definitions and manipulation of the image:

chlimage_1-115

When an image is loaded, you can configure the following:

  • Map
    To map an image, select Map. You can specify how you want to create the image map (rectangle, polygon, and so on) and where the area should point to.

  • Crop
    Select Crop to crop an image. Use your mouse to crop the image.

  • Rotate
    To rotate an image, select Rotate. Use repeatedly until the image is rotated the way you want it.

  • Clear
    Remove the current image.

  • Zoom bar (classic only)

    To zoom in and out of the image, use the slide bar beneath the image (above the OK and Cancel buttons)

  • Title

    The title of the image.

  • Alt Text

    An alternative text for use when creating accessible content.

  • Link To

    Create a link to assets or other pages within your website.

  • Description

    A description of the image.

  • Size

    Sets the height and the width of the image.

NOTE
You must enter information in the Alt Text field in the Advanced tab, or the image cannot save and you see the following error message:
Validation failed. Verify the values of the marked fields.

The following example shows an Image (Campaign) component being displayed.

chlimage_1-116

The Link (Campaign) component lets you add a link to your newsletter. This component is only available in the classic user interface although you can add one in the touch-optimized user interface and open it in compatibility mode.

chlimage_1-117

You can configure the following in the Display, URL Info, or Advanced tabs:

  • Link Caption
    The caption for the link. This is the text that users see.

  • Link ToolTip
    Adds additional information on how to use the link.

  • LinkType
    In the drop-down list, select between a Custom URL and an Adaptive Document. This field is required. If you select Custom URL, you can provide the Link URL. If you select Adaptive Document, you can provide the document path.

  • Additional URL Parameter
    Add any additional URL parameters. Click Add Item to add multiple items.

NOTE
You must enter information in the Link Type field in the URL Info tab, or the component cannot save and you see the following error message:
Validation failed. Verify the values of the marked fields.

The following example shows a Link (Campaign) component being displayed.

chlimage_1-118

Targeted reference (Campaign) targeted-reference-campaign

The Targeted Reference (Campaign) component lets you create a reference to a targeted paragraph.

In this component, you navigate to the targeted paragraph to select it.

Click the drop-down menu to navigate to the paragraph that you want to reference. When finished, click OK.

Text & Image (Campaign) text-image-campaign

The Text & Image (Campaign) component adds a text block and an image.

chlimage_1-119

As with the Text & Personalization (Campaign) and Image (Campaign) components, you can configure:

  • Text
    Enter text. Use the toolbar to modify formatting, create lists, and add links.

  • Image
    Drag an image from the content finder, or click to browse to an image. Crop or rotate as required.

  • Image Properties (Advanced Image Properties)

    Allows you to specify the following:

    • Title

      The title for the block; will be shown by mouseover.

    • Alt Text

      Alternative text to be shown if the image cannot be displayed.

    • Link to

      Create a link to assets or other pages within your website.

    • Description

      A description of the image.

    • Size

      Sets the height and width of the image.

NOTE
The Alt Text field in the Advanced tab is required or the component cannot save and you see the following error message:
Validation failed. Verify the values of the marked fields.

The following example shows a Text & Image (Campaign) component being displayed.

chlimage_1-120

Text & Personalization (Campaign) text-personalization-campaign

The Text & Personalization (Campaign) component lets you enter a text block using a WYSIWYG editor, with functionality provided by the Rich Text editor. In addition, this component lets you use context fields and personalization blocks available from Adobe Campaign; also see Inserting Personalization.

The selection of icons allow you to format your text, including font characteristics, alignment, links, lists and indentation.

Add text as you normally would in the rich text editor. Add personalization by selecting the Adobe Campaign dropdown and selecting the fields as appropriate.

chlimage_1-121

You add the text and context fields or personalization blocks to create the content. Next, select the Client Context to test the data in the persona profiles. After you select a persona the personalization fields are automatically replaced by data from the selected profile.

NOTE
Only the fields defined in the nms:seedMember schema or one of its extensions are taken into account. The attributes of the tables linked to nms:seedMember are not available.

Adobe Campaign Form Components adobe-campaign-form-components

You use Adobe Campaign components to create a form that users fill out to either subscribe to a newsletter, unsubscribe from a newsletter, or update their user profiles.

Each component field can be linked to an Adobe Campaign database field. The available fields differ according to the type of data they contain as described in the section Components and Data Type. If you extend your recipient schema in Adobe Campaign, the new fields will be available in the components whose data types match.

When you open a form that is configured to integrate with Adobe Campaign, you see the following components in the Adobe Campaign section:

  • Checkbox (Campaign)
  • Date Field (Campaign) and Date Field/HTML5 (Campaign)
  • Encrypted Primary Key (Campaign)
  • Error Display (Campaign)
  • Hidden Reconciliation Key (Campaign)
  • Numeric Field (Campaign)
  • Option Field (Campaign)
  • Subscriptions Checklist (Campaign)
  • Text Field (Campaign)

This section describes each component in detail.

Components and Data Type components-and-data-type

The following table describes the components that are available to display and modify Adobe Campaign profile data. Each component can be mapped to an Adobe Campaign profile field to display its value and update the field when the form is submitted. The different components can only be matched to fields of an appropriate data type.

Component
Data type of Adobe Campaign field
Example field
Checkbox (Campaign)
boolean
No longer contact (by any channel)

Date Field (Campaign)

Date Field/HTML 5 (Campaign)

date
Birth date
Numeric Field (Campaign)
numeric (byte, short, long, double)
Age
Option Field (Campaign)
byte with associated values
Gender
Text Field (Campaign)
string
Email

Settings Common to Most Components settings-common-to-most-components

The Adobe Campaign components have settings that are common in all of the components (except Encrypted Primary Key and Hidden Reconcilation Key components).

In most components, you can configure the following:

Title and Text title-and-text

  • Title

    If you want to use a name other than the element name, enter it here.

  • Hide Title

    Select this check box if you do not want the title visble.

  • Description

    Add a description to the field to provide more information for users.

  • Only show value

    Only shows the value, if there is one

Adobe Campaign adobe-campaign

You can configure the following:

  • Mapping

    Select an Adobe Campaign personalization field, if appropriate.

  • Reconciliation Key

    Select this check box if this field is part of the reconciliation key.

Constraints constraints

  • Required

    Select this check box to make this component required; that is, users must enter a value.

  • Required Message

    Optionally, add a message stating that the field is required.

Styling styling

  • CSS

    Enter the CSS classes you want to use for this component.

Checkbox (Campaign) checkbox-campaign

The Checkbox (Campaign) component lets the user modify Adobe Campaign profile fields that are of boolean data type. For example, you could have a Checkbox (Campaign) component that lets the recipient specify that he or she does not want to be contacted via any channel.

You can configure settings common to most Adobe Campaign components in the Checkbox (Campaign) component.

The following example shows a Checkbox (Campaign) component being displayed.

chlimage_1-122

Date Field (Campaign) and Date Field/HTML 5 (Campaign) date-field-campaign-and-date-field-html-campaign

Use the date field to allow recipients to a date; for example you may want the recipients to specify their birth dates. The date format matches the format used in your Adobe Campaign instance.

In addition to settings common to most Adobe Campaign components, you can configure the following:

  • Constraints - Constraint drop-down

    You can select - None or Date - to add the constraint of a date or no constraint. If you select date, the answer users enter into the field must be in a date format.

  • Constraint Message

    In addition, you can add a constraint message so users know how to properly format their answers.

  • Styling - Width

    Adjust the width of the field by clicking or tapping the + and - icons or entering a number.

The following example shows a Date Field (Campaign) component with the width adjusted being displayed.

chlimage_1-123

Encrypted Primary Key (Campaign) encrypted-primary-key-campaign

This component defines the name of the URL parameter that will contain the identifier of an Adobe Campaign profile (Main Resource Identifier or Encrypted primary key in Adobe Campaign Standard and 6.1, respectively).

Each form displaying and modifying Adobe Campaign profile data must include an Encrypted Primary Key component.

You can configure the following in the Encrypted Primary Key (Campaign) component:

  • Title and Text - Element Name

    Defaults to encryptedPK. You only need to change the element name when it conflicts with the name of another element on the form. No two form fields can have the same element name.

  • Adobe Campaign - URL parameter

    Add the URL parameter for the EPK. For example, you can use the value epk.

The following example shows an Encrypted Primary Key (Campaign) component being displayed.

chlimage_1-124

Error Display (Campaign) error-display-campaign

This component lets you display backend errors. The form’s error handling needs to be set to Forward to make the component work properly.

The following example shows an Error Display (Campaign) component being displayed.

chlimage_1-125

Hidden Reconciliation Key (Campaign) hidden-reconciliation-key-campaign

The Hidden Reconciliation Key (Campaign) component allows you to add hidden fields as part of the reconciliation key to a form.

You can configure the following in the Hidden Reconciliation Key (Campaign) component:

  • Title and Text - Element Name

    Defaults to reconcilKey. You only need to change the element name when it conflicts with the name of another element on the form. No two form fields can have the same element name.

  • Adobe Campaign - Mapping
    Map to an Adobe Campaign personalization field.

The following example shows an Hidden Reconciliation Key (Campaign) component being displayed.

chlimage_1-126

Numeric Field (Campaign) numeric-field-campaign

Use the numeric field to allow recipients to enter numbers, for example their age.

In addition to settings common to most Adobe Campaign components, you can configure the following:

  • Constraints - Constraint drop-down

    You can select - None or Numeric - to add the constraint of either a number or no constraint. If you select number, the answer users enter into the field must be numeric.

  • Constraint Message

    In addition, you can add a constraint message so users know how to properly format their answers.

  • Styling - Width
    Adjust the width of the field by clicking or tapping the + and - icons or entering a number.

The following example shows a Numeric Field (Campaign) component with the width configured being displayed.

chlimage_1-127

Option Field (Campaign) option-field-campaign

This drop-down list lets you select an option; for example, the gender or status of a recipient.

You can configure settings common to most Adobe Campaign components in the Option Field (Campaign) component. To populate the drop-down list, select the appropriate field in the Adobe Campaign personalization fields by clicking or tapping the Adobe Campaign symbol and navigating to the field.

The following example shows an Option Field (Campaign) component being displayed.

chlimage_1-128

Subscriptions Checklist (Campaign) subscriptions-checklist-campaign

Use the Subscriptions Checklist (Campaign) component to modify the subscriptions associated with an Adobe Campaign profile.

When added to a form, this component displays all available subscriptions as check boxes and lets the user select the desired subscriptions. When users submit the form, this component subscribes the user to or unsubscribes the user from the selected services depending on the form action type (Adobe Campaign: Subscribe to Services or Adobe Campaign: Unsubscribe from Services).

NOTE
The component does not check what services the user is already subscribed to/unsubscribed from.

You can configure settings common to most Adobe Campaign components in the Subscriptions Checklist (Campaign) component. (There are no Adobe Campaign configurations available for this component.)

The following example shows a Subscriptions Checklist (Campaign) component being displayed.

chlimage_1-129

Text Field (Campaign) text-field-campaign

The Text Field (Campaign) component that lets you enter string type data, such as a first name, last name, address, email address, and so on.

In addition to settings common to most Adobe Campaign components, you can configure the following:

  • Constraints - Constraint drop-down

    You can select - None, Email, or Name (no umlauts) - to add the constraint of either an email address, name, or no constraint. If you select email, the answer users enter into the field must be an email address. If you select name, it must be a name (umlauts are not allowed).

  • Constraint Message

    In addition, you can add a constraint message so users know how to properly format their answers.

  • Styling - Width

    Adjust the width of the field by clicking or tapping the + and - icons or entering a number.

The following example shows a Text Field (Campaign) component being displayed.

chlimage_1-130

recommendation-more-help
5955305e-451f-43a0-8168-b6ad4159b4ca