Email Manager - CAMPAIGN BUILDER

HOME

Adding HTML to an Email Content

HTML can be added to an Email Content by:

  • Importing a HTML file.
  • Linking to another Creative.
  • Creating new content.

Note:

Email Manager will break a line of code beyond 500 characters. This is to ensure that emails are delivered, as servers may bounce messages with lines longer that 500 characters.

Email Manager chooses a natural break to perform this functionality. To chose your own break simply add a line break before the 500 character limit.

Importing a HTML File

  1. Click the Import... button.
  2. Select one of the following options:
    • HTML Page from My Computer
    • HTML Page from another Creative
    • HTML Page from the Web at

HTML Page from My Computer

  1. Click OK
  2. Search for the HTML page by clicking the Select button next to the HTML page you would like to import:
Note: You can only upload one html page per Creative.
  1. Search for the images to be imported by clicking the Select button next to Images or other linked file(s) associated with this page:
Note: Multiple images can be imported from different locations on your computer.
  1. Select the Expand any zip files selected and use the files inside check box if you want to unzip the zip file you have imported.
  2. Click the Upload button.

  1. Click OK.

You are then taken to the Content Processor.

After you have mapped any Variables, changed your Variable Delimiters to be {}, and mapped any Events, your Creative will open in Design View.

HTML Page from another Creative

  1. Click OK.
  2. From the Document Explorer search for the Creative whose HTML content you wish to import.

Once the Creative has been selected a list of Content Items appears in the pane.

  1. Select the relevant Content Item and click Import.

You are then taken to the Content Processor.

After you have mapped any Variables, changed your Variable Delimiters to be {}, and mapped any Events, your Creative will open in Design View.

Note: Using this option creates a copy of the original html file, this copy will not be updated should you update the original.

HTML Page from the Web at:

  1. Insert the Web address in the box underneath.
  2. Check the Upload images locally check box to save any images locally.
  3. Click OK.

You are then taken to the Content Processor.

After you have mapped any Variables, changed your Variable Delimiters to be {}, and mapped any Events, your Creative will open in Design View.

Note: When using anchor tags the hash symbol '#' needs to be replaced with three question marks '???'. The question marks are substituted with the hash upon deployment. Using the hash symbol within creative builder will not resolve upon deployment causing the link to stop at the point of the #.

Linking to HTML used in another Creative

This option allows you to link to HTML content used in another Creative.

  1. Click the Link button
  2. The Document Explorer opens to allow you to search for and select the Creative to link to.
  3. Once you have selected the Creative, a list of Content Items appears in the pane.
  4. Select the relevant Content Item and click Insert.

Email Manager inserts an {embed} tag into your Creative that points to the other Creative. This tag is the link. Using the link functionality allows you to modify the linked Creative and have any changes reflected in any Creative linked to it.

Note:

You will only see the {embed} tag in any of the views, however the Content is visible in the Send a Message preview or in Gallery View.

If you link content from another Creative's Content, only the HTML content is embedded in the Creative.

HTML content does not include variables, images etc. If you link Contents within the same Creative, all content, html, variables, images etc. is embedded.

New

This option allows you to input the contents of your Content directly using either HTML in Source View or typing text in the WYSIWYG (what you see is what you get) editor in Design View. We therefore recommend a good working knowledge of HTML is needed to use the New option.

Using Source View

The content is written in the white area of the screen. Email Manager automatically numbers each line for you. If you do not wish to see this line numbering:

  1. Click anywhere within the source content.

The View button on the Ribbon bar will now be enabled.

  1. Click on Show Line Numbers.

To reactivate the line numbers follow the steps above.

The following buttons are available to assist you in Source View:

Icon

Description

Find and replace. Allows you to search for and replace any relevant HTML code.

Enter the text in the search box, and click Find to search forward and Previous to search backwards.

Enter text in the Replace box to use the find and replace function. Click Replace to replace the currently selected search term with the replace term.

Click Replace All to replace all instances of the search term. Clicking on CTRL + F within the source editor will also display this functionality.

Allows you to insert a variable into your design. Variables can be new, imported, shared or a Creative Variable.
Allows you to insert an event. Events can be new, imported, shared or a Creative event.

Allows you to embed HTML from another Creative.

Allows you to insert special. These are links for your Creative. The links are Tell a friend, view link, link form to list, link form field to list field. See the General Data Collection section for further information.
Content Processor.
Clear Content.

Once you have entered your HTML run the process button to see if there are any mapping requirements, then click the Save button on the Ribbon bar.

Using Design View

Design View allows you to select your styles, font sizes, colors etc. From the Design View Ribbon Bar. In addition the icons available in Source View are also available in Design View.

Once you have entered your text run the process button to see if any variables require mapping, then click the Save button on the Ribbon bar.

Inserting Images

Images can only be inserted in Design View. To insert an image into your Content Type the image must already exist on the Creative. The image must be uploaded via Campaign Files.

  1. Click the image button on the tool bar .
  2. Three tabs: Image Info, Link and Advanced are available:
    • Image Info: Allows you to browse the images stored on your Creative.
    • Link: Allows you to inset an image source URL and select the target for the image.
    • Advanced: Allows you to apply style sheet classes, styles etc. to your image.

To insert an image from the images stored on your Creative:

  1. Select the Image Info tab.
  2. Click Browse.

A list of images associated with the Creative will appear.

  1. Select the image, and click the Insert button.

  1. Enter the text to accompany the picture in the Alternative Field.
  2. Change the Width and the Height of the picture if required, and apply any borders etc.
  3. Click OK.

Editing an Image

  1. Right click on the image.
  2. Select Image Properties.
  3. You can specify the lock aspect ratio icon functionality here. When the icon is in lock state the image aspect ratio is protected.
Note: Click on the icon to restore the image back to its default settings.
     
© Alterian. All Rights Reserved. | Privacy Policy | Legal Notice