Landing page content editor interface

The landing page content editor allows you to easily define, modify, and personalize content in Adobe Campaign. To access it, click the Content block in a landing page dashboard.

The content editor is organized into three different sections. These sections allow you to view and edit the content.

The palette on the left-hand side of the screen allows you to modify the general options linked to a selected block. The options that can be modified are: background color, border, text alignment, visibility condition, etc. See Inserting a personalization field.

The action bar contains the general options for the page. You can select a template and change the display mode. See Landing page editor action bar.

The main editing zone allows you to directly interact with the content using the contextual toolbar: insert a link into an image, change the font, delete a field, etc. See Landing page editor toolbar.

The action bar contains different buttons that allow you to interact with the content that is being created.

Button name	Channel	Description
Change content	Landing page and email	Allows you to select out-of-the-box content or import your own HTML content. Refer to Loading an existing content.
Undo	All	Cancels the last action carried out.
Redo	All	Redoes the last action that you canceled.
Show blocks	Landing page and email	Allows you to show the boxes around the content blocks (corresponds to the <div> HTML tag).
Show source	Landing page and email	Allows you to show the HTML source code of the page.

The toolbar is a contextual element of the editor interface that offers various functionalities depending on the zone selected. It contains action buttons and buttons that allow you to change the style of the text. The modifications carried out always apply to the zone selected. Once you select a block, you can delete or duplicate it for example. After selecting the text inside a block, you can turn it into a link or make it bold.

Caution:

Certain toolbar functions let you format the HTML content. However, if the page contains a CSS style sheet, the instructions from the style sheet may prove to take priority over the instructions specified via the toolbar.

Button name	Context	Description
Link to an external URL	Any element	Allows you to add a link to a URL. Details of how to configure a link are presented in the Inserting a link section.
Link to a landing page	Any element	Allows access to an Adobe Campaign landing page. Details of how to configure a link are presented in the Inserting a link section.
Subscription link	Any element	Allows you to insert a service subscription link. Details of how to configure a link are presented in the Inserting a link section.
Unsubscription link	Any element	Allows you to insert a service unsubscription link. Details of how to configure a link are presented in the Inserting a link section.
Remove link	Link	Allows you to delete the link, as well as all the configurations linked to it, after confirming.
Insert a personalization field	Text element	Allows you to add a field from the database to the content. Refer to Inserting a personalization field.
Insert a content block	Text element	Allows you to add a personalization block to the content. Refer to Adding a content block.
Enable dynamic content	Text element	Allows you to insert dynamic content in the content. Refer to Defining dynamic content.
Disable dynamic content	Text element	Allows you to delete dynamic content.
Enlarge font	Text element	Increases the size of the selected text (adds <span style="font-size:">).
Reduce font	Text element	Reduces the size of the selected text (adds <span style="font-size:">).
Bold	Text element	Adds the bold style to the selected text (wraps the text with the <strong></strong> tags).
Italic	Text element	Adds the italic style to the selected text (wraps the text with the <em></em> tags).
Underline	Text element	Underlines the selected text (wraps the selected text with the <span style="text-decoration: underline;"> tag).
Change background color	Text element	Allows you to change the background color of the block selected (adds style="background-color: rgba(170, 86, 255, 0.87)).
Change font color	Text element	Allows you to change the color of all the text in the block or just the text selected in the block (<span style="color: #56ff56;">).
Image	Block containing an image	Allows you to insert an image from a file saved locally.
Delete	Any block	Deletes the block and its content.
Duplicate	Any block	Duplicates the block including any styles linked to it.