---
title: Editing mailing content
slug: campaign/docs/editing-mailing-content
docTags: 
createdAt: 2026-07-20T15:44:42.147Z
---

This topic describes how to use the **Easy Edit** CMS with integrated rich text editor to edit mailings in the [Template Kit](docId\:jRJZaVEfgoLqt9ai1hzyD). The mailing is displayed as it will look when sent.

![Image: Easy edit](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/rHaBvkd_0y_bn93mciT3O-20260720-145137.png "Image: Easy edit")

Editable [content elements](docId\:rD-VtF8elYloBPhROMnqf) have a menu bar with buttons for editing, moving, copying and deleting. Depending on your template configuration, you might be able to, for example, edit some elements, but not move or delete them. In this case, the menu bar shows only the **Edit** button 

![Optimizely image](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/cpl3a-hUgy-397UUmifGZ-20260720-145137.png "Optimizely image")

.

:::hint{type="info"}
**Tip**

Click **Tour** next to the [action buttons](docId\:rD-VtF8elYloBPhROMnqf) at the upper right edge of the editor window for an interactive tour of the Template Kit.
:::

:::hint{type="info"}
**Tip**

On the left side above is the **sender, subject, attachments** area. You must enter a sender, a sender email address and a reply-to email address to send the mailing. For more information, see [Smart Campaigns Step 2. Configuring the Message.](docId\:v0Ws2WzxtCtWdYCpxMGNH)
:::

## [editing-mailing-content.mdx](docId\:rD-VtF8elYloBPhROMnqf)Paragraphs

On the left side, you can find a preview of your message template with its [paragraphs](docId\:k_xGTdqfbFMswnhvAOVaV) (content elements). Paragraphs can contain various content types (text, images, banners, lists, and so on). In a template, content is included as a paragraph. You can [add](docId\:rD-VtF8elYloBPhROMnqf),[import](docId\:rD-VtF8elYloBPhROMnqf), [edit](docId\:rD-VtF8elYloBPhROMnqf), [move](docId\:rD-VtF8elYloBPhROMnqf), [copy](docId\:rD-VtF8elYloBPhROMnqf), and [delete](docId\:rD-VtF8elYloBPhROMnqf) paragraphs.

### [editing-mailing-content.mdx](docId\:rD-VtF8elYloBPhROMnqf)Add

The **New: ...** button appears wherever you can insert a new paragraph. Click it to insert one. Depending on the complexity of your template, you must select a sub-type of the inserted paragraph in the next step. Click **Save** to add the new element to your mailing.

### [editing-mailing-content.mdx](docId\:rD-VtF8elYloBPhROMnqf)Import

See [Easy Copy](docId:20HVrAQbvcFMxEJ30NmSv).

1. Click **New: ...**.
2. Click **Import paragraph** and select the source.
3. In the **Source client** drop-down list, select a client. If you only use one client, it is already selected.
4. In the **Source content** drop-down list, select a message or message template and click **Next**. Importable paragraphs from the source are shown.
5. Check the boxes of paragraphs you want to import.
6. Click **Import paragraphs**.

### [editing-mailing-content.mdx](docId\:rD-VtF8elYloBPhROMnqf)Edit

To edit a paragraph click **Edit**

![Optimizely image](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/N5KKWoCY4lezmJx-7Yad9-20260720-145137.png "Optimizely image")

. The edit area opens in a new layer on the right side.

You can edit texts by using the [rich text editor](docId\:rD-VtF8elYloBPhROMnqf).

Paragraph types contain several tabs and input fields for entering content, setting the layout, and assigning target groups or click profiles. See [Template Kit](docId\:jRJZaVEfgoLqt9ai1hzyD).

### [editing-mailing-content.mdx](docId\:rD-VtF8elYloBPhROMnqf)Generate Text with AI

You can generate text automatically with by clicking on

![mceclip1.png](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/QeGl5oHriNtZEH6NwPFg_-20260720-145137.png)

above the paragraph.

### [editing-mailing-content.mdx](docId\:rD-VtF8elYloBPhROMnqf)Inline editing

Instead of using the [rich text editor](docId\:rD-VtF8elYloBPhROMnqf), you can edit texts directly by clicking the text below a paragraph. The editor toolbar with buttons for text formatting appears.

![Image: Inline editing](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/bzZzHYwAaZSpCffwhx_l3-20260720-145137.png "Image: Inline editing")

:::hint{type="info"}
**Tip**

The [rich text editor](docId\:rD-VtF8elYloBPhROMnqf) has an additional **Source** button that lets you edit the text's HTML code.
:::

### [editing-mailing-content.mdx](docId\:rD-VtF8elYloBPhROMnqf)Move

:::hint{type="info"}
**Tip**

Some paragraphs cannot be moved everywhere, or can only be moved within a certain section. You can only add new paragraphs at the end of a content section (header, footer, paragraph group and so on).
:::

To move a paragraph, click **Move**

![Optimizely image](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/aNRq5Cl_yvV_crc2JvA-F-20260720-145137.png "Optimizely image")

and move the cursor where you want to insert it. When the message **Click here to move the selected paragraph above this paragraph** appears, click again.

### [editing-mailing-content.mdx](docId\:rD-VtF8elYloBPhROMnqf)Copy

To copy a paragraph, click **Copy**

![Optimizely image](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/FobP8IC3izcCCDmbSqVkX-20260720-145137.png "Optimizely image")

then move the cursor to the position where you want to insert it. When the message **Click here to copy the selected paragraph above this paragraph** appears, click again to drop and insert the copied paragraph.

### [editing-mailing-content.mdx](docId\:rD-VtF8elYloBPhROMnqf)Delete

To delete a paragraph, click **Delete**

![Optimizely image](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/yr4tDkbwzTeWCur0PSalO-20260720-145137.png "Optimizely image")

.

:::hint{type="info"}
**Tip**

Some paragraphs cannot be deleted.
:::

## [editing-mailing-content.mdx](docId\:rD-VtF8elYloBPhROMnqf)Working with the rich text editor

For any text input (except headlines, subtitles or links), templates provide a rich text editor. The rich text editor opens in the right side configurations window when clicking the name of a paragraph or when creating a new [content paragraph](docId\:k_xGTdqfbFMswnhvAOVaV) with optional text.

![Image: Rich text editor](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/aRXZ2Zq_c1tu2nLui0M8P-20260720-145137.png "Image: Rich text editor")

The editor toolbar has buttons for simple text formatting similar to those in text processing software.

Change the content and click **Apply**; a preview appears on the left side. You can change the [view](docId\:rD-VtF8elYloBPhROMnqf) mode to HTML, mobile, text and online preview of the mailing.

### Editing source code

To edit the HTML code of the text, click **Source**. To return to the text view, click **Source** again.

### [editing-mailing-content.mdx](docId\:rD-VtF8elYloBPhROMnqf)Inserting field functions

In the editor toolbar, click **Insert field function**

![Optimizely image](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/VLoN71-ACkAK22NYLlxX4-20260720-145137.jpg "Optimizely image")

to insert a field function. [Field functions](docId\:yf47bFjaIzEvsqGSfVXdw) can insert the content of a recipient list field, a personalization algorithm, or other personalized content.

:::hint{type="info"}
**Tip**

**Personalized links**

You also can use field functions to create personalized links in your mailings. You can use field function placeholders in the domain part or path of a URL and in URL parameters. The link tracking of personalized links works as in regular links.
:::

### Changing background color

When working in the rich text editor with a white font or very light font, change the editor background color to make editing easier. Click **Change background color**

![](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/h19jnN7J1XhO_GuWPnADB-20260720-145138.png)

in the toolbar of the relevant text field. Click the button again to change the background back to white.

### Inserting images

You can insert images directly into the text field by clicking **Image**

![](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/LmTRq26ta8uf_qWw1kNzV-20260720-145138.png)

.

Some paragraph types also let you insert an image, either in the **General** tab or in **Image** tab. If an image can be inserted, you find a **Browse...** button and an **Alternative URL** field.

Images can either be uploaded from your computer or referenced via a URL. If you choose the latter option, make sure the image is available at the indicated server when the mailing is being sent. Otherwise, the sending cannot be done.

- Image files can be formatted as .jpg, .jpeg, .png or .gif.
- Images used in a mailing are automatically scaled to the size defined in the template. For the best image quality, however, you should resize images to fit before uploading them.

To delete an image, click **Delete** then **Save**.

### Creating anchor links

You can use anchors to refer to places within the mailing. To create anchor links, do the following:

1. Place the cursor in the text in the rich-text editor where you want to place the anchor.
2. Click **Anchor** ![](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/tgekD7Wv7dRN8Og8AgPTE-20260720-145138.png) on the editor toolbar and enter a name for the anchor.
3. Select the text in the rich-text editor where you want the link to the anchor.
4. Click **Link** ![](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/sivJWk7kVhAv4rUOIPU8r-20260720-145138.png) on the editor toolbar.
5. In the **Link** dialog box, in the **Link Type** drop-down list, select **Link to anchor in the text**.
6. Under **Select an Anchor**, select the anchor.

## [editing-mailing-content.mdx](docId\:rD-VtF8elYloBPhROMnqf)Changing view

You can change the view mode of the mailing preview to **HTML**, **Mobile**, **Text** and **Online Version**. To change the view mode, click one of the tabs at the top left.

- In **HTML** preview mode, menu bars and buttons are hidden, and you see the mailing as it will appear to recipients.
- The **Mobile** tab displays a preview of your newsletter on several mobile devices and with various display modes. See also: [Previewing on a mobile device](docId\:rD-VtF8elYloBPhROMnqf).

  ![Image: Mobile preview](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/yB95dkp09JSK3PpS3yZSz-20260720-145138.png "Image: Mobile preview")
- The **Text** tab shows the text-only version of the mailing.
- The **Online Version** tab shows the mailing as recipients will see it when they click the online version link on top.

### [editing-mailing-content.mdx](docId\:rD-VtF8elYloBPhROMnqf)Previewing on a mobile device

The **Mobile** tab lets you preview your mailing on mobile devices. If you use a template with [integrated mobile version/Mobile Fusion](docId\:LSqRYka4YUObXG4A11tQL), the optimized layout for each device is automatically shown. If you do not use a Mobile Fusion template, the HTML version appears and scales to fit the display of the selected mobile device.

:::hint{type="info"}
**Note**

The preview of a mailing serves only to test content and layout of the mobile version. The actual appearance on the devices may differ due to software versions and settings. To implement a preview for a mobile device not listed here, contact [customer support](docId\:ZWe1T3UPz3JW6_4mc76qV).
:::

To test different devices and display modes, perform the following steps:

1. In the list above the preview, click a mobile device. The mailing preview for this device is displayed.
2. Hover over the mailing preview; the arrow changes to a hand icon.
3. Click and move the mailing to scroll down and up in the preview.
4. Click **Rotate device** ![](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/_thKipmD-4-gMfDF8hEeX-20260720-145138.png) to switch between portrait and landscape mode.
5. Move the slider on the right to change the scale of the preview.

## [editing-mailing-content.mdx](docId\:rD-VtF8elYloBPhROMnqf)[editing-mailing-content.mdx](docId\:rD-VtF8elYloBPhROMnqf)Action buttons

![Image: Action buttons](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/jUd02l0gyQMRIA4hmmFuN-20260720-145138.png "Image: Action buttons")

- **Target Groups**. Does not become active until at least one content element uses a target group. Click **Target Groups**, select one or more target groups, and click **Submit Selection**. In the mailing preview, only the content elements that are assigned to the selected target groups are displayed.
- [editing-mailing-content.mdx](docId\:rD-VtF8elYloBPhROMnqf)**Test Message…**. Send a test message to check the appearance of the mailing before the actual dispatch. For a test email, do the following:

  1. In the top toolbar in the editor, click **Test Message…**.
  2. In the **Recipient List** drop-down list, select a test list.

     :::hint{type="info"}
     **Note**

     Only use test lists and no real customer data. See also [Recipient lists](docId\:L53EzON75pvIjvC0_KROP).
     :::
  3. If you want to simulate a target group, select a target group in the **Simulate Target Group** drop-down list.

     :::hint{type="info"}
     **Tip**

     The test recipients selected in the next step can also belong to other target groups.
     :::
  4. In the **Recipients** list, select one or more recipients.
     To create a new test recipient, click **Create Recipient…** and enter the necessary recipient data. Then click **Submit**.
  5. Click **Send Email** to send the test messages in multi-part format, or click **Send HTML Version** or **Send Text Version** if you want to test only one format.

  :::hint{type="info"}
  **Tip**

  If you want to send a test message of type print, SMS or Mobile Push, see [Nodes and elements](docId\:k_hpwC2i6hpPhMRGk2ozV).
  :::
- **Landing Pages…**. Create a new landing page or manage existing ones. If you create a new landing page, the layout of the selected mailing template is used. You can edit landing pages like a mailing in the editor and use your own layouts.

  ![Image: Creating a landing page](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/4cNuE3bLTI069ULuqtym2-20260720-145138.png "Image: Creating a landing page")

:::Paragraph{indent="1"}
To link to a landing page in the mailing, enter the placeholder `{Landing page:n°}` in the **URL** box. In this placeholder, substitute the **n°** element with the landing page number (for example, `{Landing page:1}`). You can find the landing page number under **Landing Pages** in the list of available landing pages.
:::

::Image[]{src="https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/vh2BvpyQbDZKHxtD-AHih-20260720-145138.png" size="100" caption="Image: Link a landing page" alt="Image: Link a landing page" isUploading="false" showCaption="true" indent="2"}

- **More**. Contains further options:
  - **Content report**. Get a content report for link validation.
  - **Print**. Print the mailing preview.
  - **HTML (PNG)**. Save the HTML preview of the mailing as an image in PNG format.
  - **Encoding/Offline HTML**. Specify the character set with which you want to encode your mailing and attach images and style sheets directly to the email. See [Encoding/Offline HTML](docId\:v0Ws2WzxtCtWdYCpxMGNH).
  - **Edit tracking links**. Opens and clicks are tracked as standard in both the HTML and text versions of a message. You can apply these settings globally or configure the tracking function for each link in a message. See [Tracking](docId\:v0Ws2WzxtCtWdYCpxMGNH).
  - **Retrieve RSS feeds**. Retrieve the data of all RSS feeds within this mailing.

    :::hint{type="info"}
    **Note**

    Already existing RSS feeds will be deleted and manual changes are undone.
    :::
  - **Import mailing content**. If you use the free-text template as [content type](docId:9iYffAlQTtu6rhkU9x3JP), you can upload a ZIP file with the entire mailing content including HTML and text file as well as graphics. See [Import mailing content](docId\:v0Ws2WzxtCtWdYCpxMGNH).
  - **Edit directly**. See [Edit directly (HTML)](docId\:rD-VtF8elYloBPhROMnqf).

    :::hint{type="info"}
    **Note**

    The rich text editor cannot be used after the **Edit directly** option is enabled.
    :::

:::hint{type="info"}
**Tip**

Closing the editor window automatically saves changes.
:::

## [editing-mailing-content.mdx](docId\:rD-VtF8elYloBPhROMnqf)[editing-mailing-content.mdx](docId\:rD-VtF8elYloBPhROMnqf)Edit directly (HTML)

:::hint{type="danger"}
**Warning**

If you activate the **Edit directly** mode, the original template cannot be edited afterwards. If you switch back from the **Edit directly** mode to the template editor, changes made in this mode are lost.
:::

Instead of editing a template, you can edit the mailing's HTML source code. In the editor window's top toolbar, click the [action button](docId\:rD-VtF8elYloBPhROMnqf) **More** > **Edit directly**.

Edit the HTML source code or the text version of your mailing. Select the tab to edit the desired version. Before you save changes, select the **Activated** check box.

![Image: Editing tools](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/DGlnz96eCmgW8pO-6AQsK-20260720-145138.png "Image: Editing tools")

When editing HTML code, you have the following options:

- **Format Content**. The code is reformatted, inserting line breaks and indenting the tags.
- **Compress Content**. Remove the line breaks and indented tags before saving. This removal ensures that velocity elements in the HTML code (for example, field functions) work correctly.

![Image: Editing options](https://api.archbee.com/api/optimize/BrbvVORKJ5iIeSMZye5kI/RwhjQeRM_h8QFg6U8UAIF-20260720-145138.png "Image: Editing options")