Creating an advanced header

The Advanced Template allows you to insert images at numerous positions, for example, as a banner or header graphic. For this, you can use the Link image function. A linked image is not a fixed component of your mailing, but is uploaded onto a Web server in advance. It is then linked in the mailing.

Note: We recommend using the image formats JPG or GIF. Please ensure that the image files are web-optimised.

Optional banner elements (for example, for drawing attention to special discount promotions) can be added to a header graphic in the Advanced Template.

Note: We recommend storing the header graphic in graphics containers. That way you can arrange the position of the header graphic in a number of ways, and set several further links. If, on the other hand, you create the header graphic in the Banner element, the graphic is always positioned at the very top.

Step by step

To link an advanced header in the mailing, proceed as follows:

  1. Click the Header main element in the Template Editor.
  2. Add the Graphics container > Image element to the header using the Add element function.

  3. Click the Link image button in the Image element.

    The Link image dialog box will be displayed.

    The following settings need to be specified:

  4. Specify your settings in the fields.
  5. Confirm the dialog box by clicking OK.
  6. Click the Couple image with link button if you want to add a link to the image.

    The Link editing dialog box is displayed.

  7. Specify your settings in the fields.
  8. Confirm the dialog box by clicking OK.

    You have linked a header graphic as an image.

  9. In the Header main element, switch to the Banner element.
  10. Open the Optional banner graphic element (left) or Optional banner graphic element (right) elements.

    Click Link image and specify your settings in the fields as described above.

    Note: The optional banner graphic elements have a preset fixed image width (left: 100 px, right: 180 px). If the image width does not correspond to the requirements, the images are automatically adjusted when you confirm the dialog box.

  11. Couple the image with a link if necessary.
  12. Save your entries.
  • The header is displayed with the additional banner elements.

Additional information

If you would like to embed an image (for example, your corporate logo) rather than link it, select the Embed image function using the Insert commands drop-down list in the Template Editor toolbar. Then specify the required image source in the Embed image dialog box.

Note: If the image is larger than 300 px, you must also integrate the ncs class, which scales the image to 100% of the available width in the mobile view. Open the Options dialog box from within the Embed image dialog box, and under Optional HTML parameters enter the command class="ncs" in the field.