v7 v8

Edit content

Defining a visibility condition

You can specify a visibility condition on a web page element: this element will only be visible if the condition is respected.

To add a visibility condition, select a block and enter the condition in the Visibility condition field using the expression editor.

These conditions adopt the XTK expression syntax (for example ctx.recipient.@email != “” or ctx.recipient.@status==“0”). By default, all fields are visible.

Adding a border and background

You can add a border to a selected block. The borders are defined using three options: style, size and color.

You can also define a background color by selecting a color from the color chart.

Editing forms

Changing the data properties for a form

You can link database fields with input zone, radio button or checkbox type blocks.

The field input zone lets you select a database field to link with the form field.

By default, the fields offered are those in the nms:recipient table.

The Required field option lets you only authorize the page’s approval if the user has filled in the field. If a required field is not filled in, an error message will appear.

For radio buttons and checkboxes, additional configuration is required.

Indeed, if the template used does not contain a value by default, you must complete it in the editor.

To do this:

• Click the Edit icon.

  

• Enter the itemized list value (defined by the selected field) into the Value field.

  

Modifying form fields

Form fields such as radio buttons, input zones, drop-down lists, etc. can be modified from their toolbars.

This means you can:

• Delete the block containing the form fields using the Delete icon.

• Duplicate the selected field by creating a new block using the Duplicate icon.

• Edit the Form data window to link a database field to the form zone, using the Edit icon.

  

Adding an action to a button

When the user clicks a button, you can define an associated action. To do this, select the action to be carried out from the drop-down list.

The actions available are as follows:

• Refresh : refreshes the current page.
• Next page : creates a link to the next page in the Web application.
• Previous page : creates a link to the previous page in the Web application.

You can modify the label linked to the button in the corresponding field.

Adding a link

You can insert a link into any page element: image, word, group of words, block of text, etc.

To do this, select the element then use the first icon from the pop-up menu.

This icon lets you access all the available types of links.

Personalization blocks and fields can only be inserted into Text type blocks.

Link to a URL

The Link to an external URL option lets you open any URL from the source content.

Enter the link address in question into the URL field. The URL field should be entered as: https://www.myURL.com.

Link to a Web application

The Link to a Web application option lets you access an Adobe Campaign Web application.

Select the Web application from the corresponding field.

The list of suggested Web applications corresponds to the available applications in the Resources > Online > Web Applications node.

Link to an action

The Link that defines an action option lets you configure an action when clicking a source element.

Delete a link

When a link has been inserted, the tool bar offers two new icons: Edit link and Break the link that let you interact with the link created.

• Edit link lets you display a window featuring all the parameters of the link.
• Break the link lets you delete, after confirmation, the link and all related parameters.

Changing font attributes

When you select a text element, you can modify font attributes (style, format).

The available options are as follows:

• Enlarge font icon: increases the size of the selected text (add <span style="font size:">)
• Reduce font icon: reduces the size of the selected text (add <span style="font size:">)
• Bold icon: makes selected text bold (wrap text with the <strong> </strong> tag)
• Italic icon: makes selected text italic (wrap text with the <em> </em> tag)
• Underline icon: makes selected text underlined (wrap text with the <span style="text-decoration: underline;"> tag)
• Align left icon: aligns text to the left of the selected block (add style=“text-align: left;”)
• Center icon: centers the text for the selected block (add style=“text-align: center;”)
• Align right icon: aligns text to the right of the selected block (add style=“text-align: right;”)
• Change the background color icon: lets you change the background color for the selected block (add style="background-color: rgba(170, 86, 255, 0.87))
• Change text color icon: lets you change the text color of the selected block or just the selected text (<span style="color: #CODE">)

Managing images and animations

The Digital Content Editor lets you work on any type of image compatible with browsers.

Adding / Deleting / Duplicating an image

To insert an image, select an Image type block and click the Image icon.

Select an image file saved locally.

The Delete icon deletes the tag containing the image.

The Duplicate icon duplicates the tag and its content.

Editing image properties

When you select a block containing an image, you access the following properties:

• Caption lets you define the caption linked to the image (corresponds to the alt HTML attribute).

• Dimensions lets you specify the image size, in pixels.

  

Adding personalization content

Inserting a personalization field

The Personalization field option for the insert icon lets you add a database field into the content, such as the recipient’s name. This option is only available for text type blocks.

By default, the fields offered are from the Recipient table. Where necessary, edit the Web application properties to select another table.

The field name appears in the editor, highlighted in yellow. It will be replaced by the profile of the targeted recipient when the personalization is generated (for example, when previewing a landing page).

An example is presented in the Inserting a personalization field section.

Inserting a personalization block

The Personalization block option lets you insert dynamic and personalized blocks into the content. For example, you can add a logo or a greeting message. It is not available for Text type blocks.

Once inserted, the personalization block name appears in the editor, highlighted in yellow. It is automatically adapted to the recipient profile when personalization is generated.

For more on built-in personalization blocks and how to define custom personalization blocks, refer to this page.